If you haven’t used LESS CSS and/or CodeKit yet, you’re missing out. There are a lot of other dynamic CSS languages/libraries out there, but I really like LESS. Many of them compile on the server, but I really like the ability to compile it locally and uploading. CodeKit adds a bit more to things beyond the CSS.
LESS CSS
I use LESS for a lot of different reasons. It has made my life much easier and has made me feel much more confident using CSS3 more regularly. In the past I would code my CSS for webkit first then come back through and double check it for other browsers. LESS has made it much easier to code it right the first time. Here are some of the specific ways that I use LESS CSS:
- Variables
- Colors
- Font Families
- Font Sizes
- Padding/Margins
- Mixins
- Rounded Corners
- Gradients
- Shadows
- Layout
- Nested Rules
- Functions & Operations
- Font Sizes
- Dimensions
- Color Adjustments
CodeKit
CodeKit is an application that extends and leverages the LESS language. It even goes above and beyond the CSS itself. It will help with your CSS, Images, and JavaScript. CodeKit extends the development process with:
- Framework Usage (easier use of commonly used LESS code)
- Lossless Image Optimization
- CSS/JavaScript Validation
If you haven’t used them yet, you should check them both out and see if there’s a way to work them into your workflow. I know they have improved my development process a ton and would think they could improve yours.
JQuery can be used in many ways. Since I’m a web designer, I use it like a web designer would, to modify my CSS and enhance my UX. Some of the basic stuff I tend to use JQuery for is to auto-assign classes to specific elements without having to muck up the code and worry about forgetting stuff. Check out my latest demo/tutorial on 