Since the recommendation of CSS2 back in 1998, the use of tables has slowly faded into the background and into the history books. Because of this, CSS layouts have since then been synonymous with coding elegance. Out of all the CSS concepts designers have ever used, an award probably needs to be given to the use of Negative Margins as being the most least talked about method of positioning. It’s like an online taboo – everyone’s doing it, yet no one wants to talk about it…
Archive for July, 2009
-
The Definitive Guide to Using Negative Margins
Posted: 3 years ago in Articles
-
Creatively Display Client Testimonials Using CSS
Posted: 3 years ago in Tutorials
Display your client testimonials in a creative way, something a little more interesting than just a paragraph of text with their name. Display the testimonial copy within large quotes, and then a picture of the client below the copy. In effect, there are 3 columns, two thin sides with the quotes in them, and the center column with the testimonial copy…
-
CSS Prism – Analyze Colors in any CSS File
Posted: 3 years ago in Tools
CSS Prism, a CSS color spectrum inspector. Input the path to any .css file, and it’ll output an easy to scan display of all hex colors from the file. Unwanted colors can be edited via a Photoshop-like color picker (using the jQuery color picker) and the resulting CSS file can be downloaded for your convenience…
Read More: CSS Prism – Analyze Colors in any CSS File
-
HTML 5 Reset Stylesheet
Posted: 3 years ago in Code
We’ve had a number of people asking about templates, boilerplates and styling for HTML 5 so to give you all a helping hand and continue on from those basic building blocks that Remy talked about last week, here’s a HTML 5 reset stylesheet for you to take away and use, edit, amend and update in your projects. It’s based on Eric Meyers CSS reset, with a few adjustments from Erics work that we’ll get to later but first here’s the file in full and we’ll then break it down step by step…
Read More: HTML 5 Reset Stylesheet
-
Display Text Blocks Over Image
Posted: 3 years ago in Tutorials
Read More: Display Text Blocks Over Image
-
Taming CSS Selectors
Posted: 3 years ago in Tutorials
From Nicole’s presentation at the CSS Summit. This is brand new research regarding efficient CSS selector design. Practicing the rules outlined here will make your CSS lean, your site fast, and your maintenance minimal. A beautiful combination for people concerned with building performance into their sites…
Read More: Taming CSS Selectors
-
Getting Started with CSS: A Practical Exercise
Posted: 3 years ago in Articles
Learning how to write CSS is an essential lesson in any web design classroom. For you who are just starting out, here’s a beginner’s guide to help you learn the basics in proper CSS execution. Performing even the most basic CSS task requires an eye for details. Code is poetry and not something for the restless. In this beginner’s guide tutorial we will show an example of how to create an html web page using div tag markup and later defining them in an external stylesheet.
-
Free CSS Menus for Website Navigation
Posted: 3 years ago in Code
13 Styles is all about CSS menus. The menus are list based, very light-weight, easy to implement, and cross-browser compliant…
Read More: Free CSS Menus for Website Navigation
-
Typetester – Compare fonts for the screen
Posted: 3 years ago in Tools
The Typetester is an online application for comparison of the fonts for the screen. Its primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated…
Read More: Typetester – Compare fonts for the screen
-
Nice Web Type – Pure CSS text gradient no PNGs
Posted: 3 years ago in Tutorials
So there you have it. A pure CSS text gradient with no PNG images necessary. Of course, it only works in Safari. Get your mind into techniques like this now, and you’ll know the logic when other browsers catch up…