-
Pet Projects
Tag Archives: css
I am posting this for myself and for my brother, John (haha). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> </head> <body> <style type="text/css"> .Example_F { -moz-box-shadow: 0 0 5px 5px #888; -webkit-box-shadow: 0 0 … Continue reading
I always forget how to do this. Every time I forget, it takes me about 10minutes searching for the right one. So I am posting it here for my reference. My HTML would look something like this: <div id="navbar"> <ul> … Continue reading
Thanks to Jack for posintg this. And from the official Simply-Buttons V2 site: Benefits Buttons size to fit text. There are 3 states: Inactive, Active, and Hover. They look and behave the same way in every browser and operating system. … Continue reading
A quick background check on BlueprintCSS: A CSS reset that eliminates the discrepancies across browsers. A solid grid that can support the most complex of layouts. Typography based on expert principles that predate the web. Form styles for great looking … Continue reading
This is a re-post from this article. A few years back, I was looking for a way to embed PHP variables in a CSS file. Anyway, the author did it like this: <link href="style.php" rel="stylesheet" media="screen" /> And the CSS … Continue reading
This post solved all my problems. I tested one layout and it is W3C Compliant — results here. Anyway, I am again posting this for myself.
I got this from designtrance’s twit. TYPECHART lets you flip through, preview and compare web typography while retrieving the CSS.
Yet another CSS post. The second one for today. Cross-browser compatibility is one of the most time consuming tasks for any web designer. We’ve seen many different articles over the net describing common problems and fixes. I’ve collated all the … Continue reading
I had to post this. No CSS hacks The CSS used for this layout is 100% valid and hack free. To overcome Internet Explorer’s broken box model, no horizontal padding or margins are used. Instead, this design uses percentage widths … Continue reading
Everyone should read this.