Category Archives: CSS

How to Use CSS3 Media Queries to Create a Mobile Version of Your Website

“In this article I’ll explain how, with a few CSS rules, you can create an iPhone version of your site using CSS3, that will work now.”
View Post Continue reading

Posted in CSS, Web Design, Web Development | Tagged , , | Leave a comment

CSS Hover Controls On the iPhone

hover_pic


Here’s a simple technique to get hover controls working on the iPhone. Hover controls are links and buttons that appear when you hover your mouse over a a target area and so are useful for a lot of secondary actions like delete and edit links—a way to simplify your interface.

The iPhone has a touch screen, so you can’t really hover over anything, but the following technique will still work. Instead of hovering, you’ll have to click on a given area for the controls to show up. This area will have to be a link, either an inline link or a block link (block will work better because you can make the click area larger)…

Continue reading

Posted in CSS, Mobile UX, User Experience | Leave a comment

When can I use… HTML5, CSS3, etc.

wt4bdad97d82b24_medium2

Can I Use provides compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.

Continue reading

Posted in CSS, HTML, Web Development | Leave a comment

50 Useful Coding Techniques

Smashing Magazine rounds up a few tricks for “CSS Layouts, Visual Effects and Forms”. Not everything in here looks useful to me, but I did notice a few gems while quickly browsing through. Bookmarked for later investigation. link
Continue reading

Posted in CSS, HTML, Javascript, User Experience, Web Development | Leave a comment

Typographic Design Patterns and Best Practices from the Best Blogs of Today

One of my favorite topics is typography and even though there’s a somewhat limited set of options in CSS, typography can still vary tremendously using pure CSS syntax. Smashing Magazine conducted a detailed survey of 50 popular websites to see answer questions like Serif or sans-serif? Large or small font? Light or dark background? and [...] Continue reading

Posted in CSS, Information Architecture, Typography, Usability, User Experience | Tagged , , | Leave a comment