A web developer's blog. PHP, MySQL, CakePHP, Zend Framework, Wordpress, Code Igniter, Django, Python, CSS, Javascript, jQuery, Knockout.js, and other web development topics.

Tag Archives: css

CSS: Simple cross-browser DIV shadows

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

Posted in General | Tagged , | 1 Comment

CSS: Creating a horizontal menu/navigation bar

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

Posted in General | Tagged , , | 3 Comments

CSS Buttons: Simply Buttons V2

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

Posted in General | Tagged , , | 1 Comment

On using a CSS Framework – BlueprintCSS

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

Posted in General | Tagged , , , | Leave a comment

Re-post: Embedding PHP In CSS

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

Posted in General | Tagged , | Leave a comment

Unbelievably easy fixed headers, sidebars and footers without Javascript

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.

Posted in General | Tagged , , , , | 2 Comments

Typechart: Fonts for web + CSS

I got this from designtrance’s twit. TYPECHART lets you flip through, preview and compare web typography while retrieving the CSS.

Posted in General | Tagged , , , | Leave a comment

How to get Cross Browser Compatibility Every Time

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

Posted in General | Tagged | 2 Comments

Perfect CSS Layouts. No CSS hacks. SEO friendly. No Images. No JavaScript. Cross-browser & iPhone compatible.

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

Posted in General | Tagged | 2 Comments

The 6 Most Important CSS You Need To Know

Everyone should read this.

Posted in General | Tagged | Leave a comment