We’re Ready for CSS3, but are we Ready for CSS3?
# Linked to 8 February 2010 in Articles by Pat Dryburgh
We’re all smitten with CSS3. It’s reinvigorated that sense of newness that CSS and Web Standards brought our way just a few years ago. We’re able to more easily replicate the set of design standards that has become nearly universal much faster than before with just a few CSS declarations. There are a number of CSS3 rules I’d be writing for every project, but I’m just not sure it’s as ready for prime time as many designers are making it out to be.
Multiple Backgrounds and CSS Gradients
# Linked to 1 February 2010 in Articles by Pat Dryburgh
CSS3 features are making their way into the various browsers and while many are holding off on implementing them, there are those who are venturing ahead and likely running into a world of interesting quirks across the various platforms.
Two such features that I have been having the pleasure of enjoying are the use of multiple backgrounds and CSS gradients. I’m covering both features because multiple backgrounds by itself is simple enough, as are CSS gradients, but combining the two is where things get interesting.
iPhone CSS—tips for building iPhone websites
# Linked to 1 February 2010 in Articles by Sam Brown
With the rapid rise in mobile browsers, it has probably never been more important to ensure your sites can be handled on these platforms. By far one of the most popular such browsers is Mobile Safari on the iPhone—this is one of the easiest browsers to develop for: it runs on Webkit (meaning a lot of rich CSS3 support) and it’s only ever on one resolution and on one OS.
How To Provide a Flexible Base for Text
# Linked to 29 January 2010 in Code by Kevin Holesh
Dan Cederholm talks about the potential problems with sizing your text in absolute units (pixels) versus relative units (ems and %).
A reconsideration in defence of <b> and <i>
# Linked to 28 January 2010 in Articles by Sam Brown
An article covering the usage of the
<b>and<i>elements in web development today.
Pure CSS Coke Can
# Linked to 27 January 2010 in Other by Sam Brown
I found out that by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a background image).
The Problem With SVG And Canvas
# Linked to 26 January 2010 in Articles by Sam Brown
SVG and canvas are awesome technologies, and are changing the way we use graphics on the web. I love working with both, and support for both keeps improving. But the way SVG and Canvas handle their grid is a problem.
CSS3 box-shadow and image hover effects
# Linked to 25 January 2010 in Tutorials by Sam Brown
An interesting way of applying the box-shadow property is to use it for image link hover/mouseover effects. That’s not the only use of course but I think it’s a good one. In this case, more advanced browsers will see the drop shadow applied but other browsers will see a slightly less decorative effect.
IE CSS3 pseudo selectors
# Linked to 18 January 2010 in Tips by Sam Brown
ie-css3.js allows Internet Explorer to identify CSS3 pseudo selectors and render any style rules defined with them. Simply include the script in your pages and start using these selectors in your style sheets — they’ll work in IE.
How to Create a Cool Anaglyphic Text Effect with CSS
# Linked to 4 January 2010 in Tutorials by Sam Brown
Let’s take a look at how to create a cool anaglyphic style text effect for sprucing up your web designs, while taking into consideration semantics and avoiding the repetition of any markup.