UX Movement is a user interface blog that’s
devoted to changing the way people design interfaces for the better.
There are a lot of bad design practices on the web that hurt users and
their experience. The articles we publish offer insightful and
practical solutions to common design problems. Each article
usesreasoning, research and examples to explain its ideas and
suggestions. The author isAnthony T, who has a degree in
Human-Computer Interaction with a concentration in Graphic Design.
Normalize.css is a customisable CSS file that makes browsers render
all elements more consistently and in line with modern standards. We
researched the differences between default browser styles in order to
precisely target only the styles that need normalizing.
Holmes is stand-alone diagnostic CSS stylesheet that can highlight
potentially invalid, inaccessible or erroneous HTML(5) markup by adding one class.
I’ve been watching the different developments in CSS pre-processors for a while now; SASS, LESS, eCSStender and Shaun Inman’s CSS Cacheer
to name a few. However, none of these are exactly what I want a CSS
pre-processor to be, so I started planning my own solution.
LESS extends CSS with dynamic behavior such as variables, mixins, operations and functions. LESS runs on both the client-side (IE 6+, Webkit, Firefox) and server-side, with Node.js.
Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.
Sass has two syntaxes. The new main syntax (as of Sass 3) is known as “SCSS” (for “Sassy CSS”), and is a superset of CSS3’s syntax. This means that every valid CSS3 stylesheet is valid SCSS as well. SCSS files use the extension .scss.
The second, older syntax is known as the indented syntax (or just “Sass”). Inspired by Haml’s terseness, it’s intended for people who prefer conciseness over similarity to CSS. Instead of brackets and semicolons, it uses the indentation of lines to specify blocks. Although no longer the primary syntax, the indented syntax will continue to be supported. Files in the indented syntax use the extension .sass.
QuirksMode.org is the prime source for browser compatibility information on the Internet.
It is maintained by Peter-Paul Koch,
mobile platform strategist in Amsterdam, the Netherlands.
The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
Blueprint is a CSS framework, which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
GridCalc is a easy to use grid calculator. Just enter the desired width
of your page and an aproximate range for your column and gutter width
and the calculator will give you all the possible combinations within
the limits you entered. You get a nice visual representation of the
results, click preview on a result and you get a better presentation of
how the grid can be used. When you have decided which grid configuration
you want to use you can download the configuration as a css file to use
in your project.