CSS Grids 0
Using CSS for design and layout is a must for todays designers. Here are a few links to Grid layouts and CSS generators to get you started and saving you time when building a new site.
Archive for the 'CSS' Category
Design Large CSS Backgrounds 0
Great article/tutorial on designing large backgrounds and implementing them using CSS.
Kyan – Creative web design and development 0
Well produced website and some great work from this agency. I especially like the work they have created for BoxWish, great colours and some nice fonts used throughout the design. Great use of CSS make this site accessible to all.
CSS – Tricks/Links 0
Just a a few links to CSS examples I have come across in the last few days
50+ Nice Clean CSS Tab-Based Navigation Scripts
NEW dynamic basic CSS TEMPLATES 07
53 CSS-Techniques You Couldn’t Live Without
Improving Code Readability With CSS Styleguides
Powerful CSS-Techniques For Effective Coding
EM for pixels – Using a calculator 0
There are some great Adobe Air apps out there, but this has been the most useful one I have used for a while. This will take your pixels measurements and convert them to EM based sizes, it will also give you a style sheet or styles you can copy and paste straight into your style sheets.
Floats – an explanation 0
A great article from CSS Tricks on floats and how to use them. Floats CSS here…
Writing an Interface Style Guide – A List Apart 0
Take a look at any CSS-based website design gallery, and you’ll see it’s obvious that beautiful interfaces are being designed and developed in amazing quantities. I frequently look to these sites for inspiration and, beyond a nice design and beautiful code, there’s usually something common about these sites: they’re new.
Unfortunately, it’s also common that beautiful interfaces don’t stay beautiful. An interface’s design disintegration can be frustrating to deal with, especially for the designer and developer of that interface; it can be particularly frustrating for the designer and developer who can no longer access the site to fix the issues.
Toolbox CSS 0
Toolbox CSS is styling information that has nothing uniquely to do with any particular website. These are a collection of common styles that can be useful on any web project. How many times have you written a class for clearing a float? Too many, is my guess. The idea with Toolbox CSS is to include a separate stylesheet for these “utility” styles.
What ISN’T Toolbox CSS?
Toolbox CSS isn’t a CSS reset. Toolbox CSS isn’t a CSS framework. Toolbox CSS contains none of the styling “soul” that makes any web project unique.
Why use Toolbox CSS?
Using Toolbox CSS will save you time. It saves you from writing the same styles over and over and over. Need to float something to left? You can always count on your toolbox. It also helps you keep consistency amongst your sites. If you always use the same toolbox, your markup will share the same common class names and makes it easier for you to jump back into and understand.
Using CSS to Do Anything: 50+ Creative Examples and Tutorials 0
Another excellent article from Noupe, bookmark the page very handy!
Making great looking CSS Buttons 0
Handy guide to producing great looking buttons using CSS