CSS
Get flash to fully experience Pearltrees
Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in November, 2010. So you learned the base id , class , and descendant selectors – and then called it a day? If so, you’re missing out on an enormous level of flexibility. While many of the selectors mentioned in this article are part of the CSS3 spec, and are, consequently, only available in modern browsers, you owe it to yourself to commit these to memory. Let’s knock the obvious ones out, for the beginners, before we move onto the more advanced selectors.
The 30 CSS Selectors you Must Memorize | Nettuts+
I don’t read many technical books about web site development with CSS. I probably learned like many of you likely did: online articles, right click/view source, firebug, and a hell of a lot of trial and error. I never take for granted that I’ve been able to provide bacon and diapers for my family by learning from these freely available resources. I’m taking a moment now for that to sink in…. it’s awesome.
Ask the CSS Guy
CSS Crib Sheet
You will no doubt come across many quirky layout issues when building a site with CSS. You'll end up banging your head against a wall time and again. This is an attempt to make the design process easier, and provide a quick reference to check when you run into trouble. Translations are available in Français , Deutsch , Nederlands , Italiano , Magyar , Finnish , Russian , Portuguese , Japanese and Simplified Chinese .
What is "Float"? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design.
All About Floats
CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS has allowed designers to achieve a number of different styles that used to only be possible with images.
50 New CSS Techniques For Your Next Web Design - Smashing Coding
21 Amazing CSS Techniques You Should Know
Cascading Style Sheets(CSS) is one of the building blocks of modern web design without which websites would have been ugly just like they were a decade ago. With time, the quality of CSS tutorials out there on the web has increased considerably. Here are 21 amazing CSS Techniques that you might not have thought could be done by CSS.
Blueprint: A CSS Framework | Spend your time innovating, not replicating
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.
Looking for CSS Tips ? Here are the top 60 CSS tools that I know of. They’ve reduced my workload significantly. Hopefully, they’ll reduce yours. CSS Creator - This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.
60 CSS Tools to reduce your work load. | TheGermz.com
The tools have been sorteds into the following categories: Grid and Layout, CSS Optimisers, CSS Menus Tools, CSS Buttons, CSS Rounded Corners, CSS Frames, CSS Sprites, CSS Tables, CSS Typography and CSS Forms. This is a fresh take on the CSS grid. It can be used to streamline page templates for content management systems, its mission is to be lightweight. The variable grid system is a quick way to generate an underlying CSS grid for your site. The CSS generated file is based on the 960 Grid System. Use this generator to design a layout structure, specifying column, margin and gutter sizes, all referencing a core unit (in pixels).
50 Useful Tools and Generators for Easy CSS Development : Specky
Jan 13 2008 CSS has fundamentally changed web design, it has provided designers with a set of properties that can be tweaked to make various techniques to make your pages just look right. Today we are presenting a round-up of 101 CSS techniques designers use all the time. Definitely worth taking a very close look at! This is just the first series , the second part will be coming soon, stay tuned and Enjoy!
101 CSS Techniques Of All Time- Part 1
CSS Cheat Sheet (V2) - Added Bytes by Dave Child
The second version of the CSS Cheat Sheet, a quick reference guide for CSS, listing selector syntax, properties, units and other useful bits of information. The CSS cheat sheet is a one-page reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for. This is the second version of the CSS cheat sheet. The previous version can be found at http://www.addedbytes.com/cheat-sheets/css-cheat-sheet-version-1/ .This article features a huge amount of Photoshop web design tutorials, which will teach you simple effects which can be combined together in order to create a great website design. Theses tutorials are perfect for first time Photoshop users because there short and sweet. I hope you enjoy the article and feel free to leave a comment below.