bradstrickland.com - Web Design, Development and Apple. » CSS http://www.bradstrickland.com Web Design, Development and Apple Tue, 31 Jan 2012 14:34:53 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 HTML 5 and CSS 3 Browser Compatibility Checklist http://www.bradstrickland.com/2010/04/html-5-and-css-3-browser-compatibility-checklist/ http://www.bradstrickland.com/2010/04/html-5-and-css-3-browser-compatibility-checklist/#comments Fri, 02 Apr 2010 10:59:21 +0000 brad_strickland http://www.bradstrickland.com/?p=554 This is the most complete HTML 5 and CSS 3 Browser Compatibility Checklist I have found to date. If your interested in progressive enhancement or adding HTML 5 to your site for iPad, iPhone and iPod Touch compatibility. This is a good resource to have.

HTML 5 and CSS 3 Browser Compatibility Checklist

]]> http://www.bradstrickland.com/2010/04/html-5-and-css-3-browser-compatibility-checklist/feed/ 0 How to Convert a PSD to XHTML http://www.bradstrickland.com/2008/11/how-to-convert-a-psd-to-xhtml/ http://www.bradstrickland.com/2008/11/how-to-convert-a-psd-to-xhtml/#comments Wed, 05 Nov 2008 18:22:00 +0000 http://www.bradstrickland.com/?p=365 4FE02A50-ADAE-46F4-8EDD-A56884D3D763.jpgHow to Convert a PSD to XHTML Screencast.

Check out the excellent screencast over at nettuts.com

]]> http://www.bradstrickland.com/2008/11/how-to-convert-a-psd-to-xhtml/feed/ 0 macrabbit heats up with Espresso http://www.bradstrickland.com/2008/09/macrabbit-heats-up-with-expresso/ http://www.bradstrickland.com/2008/09/macrabbit-heats-up-with-expresso/#comments Fri, 19 Sep 2008 19:19:41 +0000 http://www.bradstrickland.com/?p=277 expresso_icon.jpgThe crew at macrabbit.com has been hard at work. The team that brings us the best CSS editor for the Mac cssedit 2.6. Is upping the ante with the introduction of their web development application Espresso.

Espresso is in development. But macrabbit.com will be starting a beta program soon and has already started to take submissions to be part of it. Just head over to http://www.macrabbit.com/espresso/ and sign-up.

]]> http://www.bradstrickland.com/2008/09/macrabbit-heats-up-with-expresso/feed/ 0 10 Examples of Beautiful CSS Typography and how they did it… http://www.bradstrickland.com/2008/06/10-examples-of-beautiful-css-typography-and-how-they-did-it%e2%80%a6/ http://www.bradstrickland.com/2008/06/10-examples-of-beautiful-css-typography-and-how-they-did-it%e2%80%a6/#comments Wed, 04 Jun 2008 14:51:59 +0000 admin http://www.bradstrickland.com/2008/06/04/10-examples-of-beautiful-css-typography-and-how-they-did-it%e2%80%a6/ 10 Examples of Beautiful CSS Typography and how they did it…

Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS.

Think about how difficult sIFR or images get when you want to replicate that typography or typeface over 100 pages powered by a CMS. If you can get beautiful type via CSS it makes this situation very easy and with out compromise.

There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. We want to know what did they do, and how/why does it result in beautiful type? NOTE: Do not simply steal the design/code/style listed here, learn from it. I have seen a few sites that have ripped off the design elements of these sites and it is awful.

(Via 3point7designs.com.)

]]> http://www.bradstrickland.com/2008/06/10-examples-of-beautiful-css-typography-and-how-they-did-it%e2%80%a6/feed/ 0 Make a Footer Stick to the Bottom of the Page http://www.bradstrickland.com/2008/05/make-a-footer-stick-to-the-bottom-of-the-page/ http://www.bradstrickland.com/2008/05/make-a-footer-stick-to-the-bottom-of-the-page/#comments Thu, 08 May 2008 15:33:06 +0000 admin http://www.bradstrickland.com/2008/05/08/make-a-footer-stick-to-the-bottom-of-the-page/ One of the problems I ran across when doing web page layout. Is the ability to get a footer to hug the bottom of the browser window regardless of the length of the pages content. Then once I arrived at a solution, it didn’t work in all my target browsers. The below solution is the best I’ve seen to date. Check out Ryan Fait’s page for the information.

Make a Footer Stick to the Bottom of the Page: CSS Sticky Footer is Cross-Browser

There are several ways to make a footer stick to the bottom of a page using CSS. But until now, they’ve used long and messy hacks or a lot of extra HTML markup; this method uses only 15 lines of CSS and hardly any HTML markup. Even better, it’s completely valid CSS, and it works in all major browsers. Internet Explorer 5 and up, Firefox, Safari, Opera and more.

(Via ryanfait.com.)

]]> http://www.bradstrickland.com/2008/05/make-a-footer-stick-to-the-bottom-of-the-page/feed/ 0