Posts Tagged ‘CSS’
« Older EntriesThe Problem with Media Queries
Tuesday, January 31st, 2012
I finally got around to reading the new article on A List Apart this morning , “A Pixel Identity Crisis“. It basically talks about how some pixels are defined differently than others (based on the “reference pixel”), so there can be variations in how 2 devices (Galaxy Tab and Kindle Fire given as examples in the [...]
Tags: CSS, media, mobile
Posted in Interaction Design | 1 Comment »
Book Review: The Book of CSS3
Sunday, June 5th, 2011
I started reading Peter Gasston’s “The Book of CSS3″ about a month ago and finally had time to finish it up this weekend. Here are my thoughts. I’d like to preface my thoughts here with a saying that the publisher did send me a free copy of the book with the intention of writing up [...]
Tags: CSS, css3
Posted in Web Design | Comments Off
CSS Performance and OOCSS
Monday, April 18th, 2011
I’m in the process right now of signing on for my first speaking gig in since I moved to Boston (thanks to @joedevon) and it got me thinking about performance in CSS; a topic I really haven’t address in years since I started using my single-line CSS formatting style. Tip: use spaces rather than tabbing [...]
Tags: CSS, javascript, performance
Posted in Web Design, Web Development | Comments Off
Books that made me a better designer
Friday, May 7th, 2010
This is a list of books that have had a big impact on the way I design & developer Web sites. A lot of the content in books now-a-days can be found on various blogs, but the books below all have something in them that I really haven’t been able to find anywhere else. Transcending [...]
Tags: ajax, books, CSS, learning, mobile, sketching, ui
Posted in Web Design | 1 Comment »
What You Need to Know About Behavioral CSS
Monday, December 21st, 2009
Hi all, I had a new article published over the weekend at Smashing Magazine. Check it out and let me know what you think! Behavioral CSS I wrote it quite a while ago and it seems to be showing a bit in the comments, but overall, I’m pretty happy with the way it came out [...]
Tags: article, CSS, smashing magazine
Posted in Web Design, Web Development | Comments Off
Quick Tip #1 – Image Replacement
Thursday, May 28th, 2009
Problem Image replacement can be easily abused; but when used properly (like replacing logo text) it’s a great resource. Image replacement without extra markup usually means setting text-indent:-9999px on your link. And this works great great. But in a lot of browsers it leaves a focus outline that runs way off the page to the [...]
Tags: CSS
Posted in Web Development | 6 Comments »
SXSW Notes pt. 3 – CSS3
Friday, March 20th, 2009
This panel had representitives from each vendor (not apple) and they each took turns showcasing the upcoming CSS3 support in their browser. MOZ nth-child selector color module [opacity, rbga] border-image border-radius box-shadow * word-wrap:break-word * font-adjust @font-face @media queries ( @media(width:22em){blah} -moz-transform: skewX(20deg); -webkit-transform: skewX(20deg); Future from MOZ width calculations new layout systems for user [...]
Tags: CSS, sxsw
Posted in Browsers, Life | 3 Comments »
Framing an Image
Monday, February 9th, 2009
I’m not sure exactly how well known it is, but you can put a background image on any HTML element… even an image. I don’t think I’ve ever seen it done on a live site before, but it can be very useful for creating an image template for repeated use; without having to do a [...]
Tags: CSS
Posted in Web Development | 10 Comments »
Centering an Image
Tuesday, January 6th, 2009
<div align=”center”> is deprecated. It’s been deprecated for a long time, but it keeps creeping up for things like center aligning an image. Another popular way to do this is to wrap an extra div around the image and set the text alignment to center. This creates (as you might know, I hate), an added [...]
Tags: CSS, xhtml
Posted in Web Development, Web Standards | 6 Comments »