CSS library
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
src
README.md

README.md

hiperCSS framework 1.0

Another CSS library

Back to basics

HiperCSS is a framework or a web components library to build pages and sites with HTML5 and CSS. You can use Hipertextos as a resource in your projects or just to learn in a different way to build the most common web components.

##Philosophy

  • 0 javascript needed (but works with jQuery if you want)
  • Get more than less (keep code simple, avoid dependencies)
  • CSS is for style, HTML is for content (scripts are hacks)

##Objectives

  • Focus on content
  • Write semantic HTML
  • Assume device-agnostic developement
  • Get rapid prototyping
  • Stop fighting against presentational classes
  • Avoid preprocessors: no LESS, no SASS
  • Stop to build cloned sites

How to

  • Write simple HTML
  • Know semantic sense of HTML tags
  • Use fluid design
  • Use presentational classes
  • Forget about impossible semantic classes
  • Use frameworks to learn
  • Create content and design at the same time

Features

I want it red, not danger

hiperCSS focus in

  • HTML tags
  • A better header and metadata
  • Fluid design
  • Cleanest typography
  • Modular responsiveness
  • Recombinable classes
  • Smart use of CSS3 features
  • Smart combination of jQuery and CSS

hipertextos includes

  • Sample favicons
  • Common features included in most frameworks
  • Color skins and backgrounds
  • Assorted buttons
  • 100% fluid grid system
  • Webkit image filters
  • Basic symbol icons with HTML entities
  • SVG icons library
  • CSS animations

License

All code is distributed under a MIT license, except some SVG icons included, distributed under a CC By 3.0 license.