Front End Development Blog

Convert your CSS files to LESS

Css2Less is a simple tool for converting your existing CSS files into LESS files. Just copy and paste your existing CSS files to convert them. You can even convert files locally by installing the css2less RubyGems.

Google HTML/CSS Style Guide

ialreadydontlikeyou:

Pretty decent resource. Nice to see Google’s best practices when it comes to mark-up in front-end web development.

Here are some really good one’s (that I’ve seen used incorrectly around the office before)

• Use only lowercase.
• Remove trailing white spaces.
• Provide alternative contents for multimedia.
• Omit type attributes for style sheets and scripts.
• Use shorthand properties where possible.
• Omit quotation marks in URI values.
• Use 3 character hexadecimal notation where possible.
• Alphabetize declarations.

Here are some bad one’s 

• Omit optional tags.
• Explain code as needed, where possible. (absolute necessity for JavaScript, but an unreal expectation for markup and CSS, besides your markup and CSS should be simple enough to understand)

CSS Variables Published as First Public Working Draft

Tab Atkins Jr. has announced that ‘CSS Variables’ has been published as a first public working draft at the W3C. This module introduces a family of custom user-defined properties known collectively as variable properties which can be used throughout a CSS document (think Sass).

Common Patterns Of Markup & Style

An open source WordPress theme that lets you collect, test and experiment with interface pattern pairings of CSS and HTML. You can easily have your own pattern library setup and running quickly. Essentially, each pattern is a post in WordPress, code snippets are added using custom fields, and the main content field is used for optional notes.

CSS Filter Effects Landing in WebKit

Flash forward to the end of 2011 and Adobe (plus others) have been hard at work bringing this amazing technology to CSS. Specifically, I’m referring to CSS Filter Effects 1.0, which WebKit has started to implement.