FORM elements design using CSS and list (ul and dl)
# Linked to 17 June 2008, 04:23 in Code by Sam Brown
This tutorial illustrates how to design a FORM using list to simulate a “table” structure where to place your form elements (input, radio, checkbox, button…)
A simple PHP HTML/CSS templating system
# Linked to 16 June 2008, 04:23 in Other by Sam Brown
It is beyond silly to repeatedly copy and paste the same HTML into the top and bottom of every HTML file that you create. That’s why god invented include() but, the humble header/footer HTML include file needs to be extended slightly – that is, unless you want all your pages to have the same title/meta description/CSS files etc.
Block Quotes and Pull Quotes: Examples and Good Practices
# Linked to 14 June 2008, 05:00 in Links by Sam Brown
Quotes are used to emphasize excerpts of text. Since users almost never read but scan we need to provide them with some focus anchors to fix their attention to the most important parts of our articles. Furthermore, quotes are always used for testimonials and sometimes for blog comments. They can be styled using graphics, CSS and a little bit of JavaScript. Sometimes, creative dynamic solutions can be applied as well.
Fix the bad text rendering in Safari
# Linked to 13 June 2008, 05:00 in Tips by Sam Brown
If you’re a Mac user you might have found out that the text rendering on websites isn’t that good as before. This is because Apple switched to CoreText. Jonnotie explains how to fix it permanently.
A Default Print Stylesheet Template
# Linked to 12 June 2008, 05:09 in Tips by Sam Brown
A print style sheet is an extremely useful thing to have around. And while there can never really be a “boilerplate” print style sheet, this tutorial and template should help you in creating your own print CSS.
CSS Bordering on The Ridiculous
# Linked to 11 June 2008, 05:08 in Code by Sam Brown
Custom image borders with 100%-height, fluid-width layouts.
Clean and Pure CSS Form Design
# Linked to 10 June 2008, 05:08 in Tutorials by Sam Brown
This tutorial illustrates a simple way to design pure CSS form without using html tables.
Dynamic CSS Layout in 5 minutes
# Linked to 9 June 2008, 05:06 in Tutorials by Sam Brown
CSS Cacheer by Shaun Inman, is a script that intercepts requests made to CSS files on the server, processes the CSS, then caches it. This enables us to use constants, compressors and even a dynamic grid. The grid is a plugin I wrote that enables users to define a grid within your css. You’ll never need a grid.css again. This is a tutorial to show you how to use it.
Beautiful CSS buttons with icon set
# Linked to 8 June 2008, 05:07 in Code by Sam Brown
This tutorial illustrates how to design nice clean buttons using some lines of HTML, CSS code and an icon set you like it.
Pastel color menu with dynamic submenu using CSS
# Linked to 7 June 2008, 05:06 in Tutorials by Sam Brown
This tutorial illustrates how to design a nice pastel color menu with a dynamic submenu which appears when you select a link in the main menu, using CSS and some lines of javascript code.