Estelle Weyl | January 27, 2014
If you have
:root {
font-size: 16px;
}
you can use the following table to convert from PIXELS to REMS
| 10px | 0.625rem |
| 11px | 0.6875rem |
| 12px | 0.75rem |
| 13px | 0.8125rem |
| 14px | 0.875rem |
| 15px | 0.9375rem |
| 16px | 1rem |
| 17px | 1.0625rem |
| 18px | 1.125rem |
| 19px | 1.1875rem |
Estelle Weyl | April 15, 2013
Adaptive images are the current hot topic in the Adaptive Design and Responsive Web Design conversations. Why? Because no one likes any of the solutions. I’ve come up with a solution that uses CSS and SVG, with no JavaScript, to enable responsive foreground raster images.
Estelle Weyl | October 13, 2012
My Twitter account, WebDevTips, has been reactivated. Follow @webDevTips to get (almost) daily Web Development tips in your timeline.
Estelle Weyl | August 3, 2012
Polyfill for details and summary
Estelle Weyl | January 8, 2012
Some people are confused by CSS Specificity, especially with all of the (not-so) new CSS3 Selectors. The image below may help make sense of CSS Specificity.
X-0-0: The number of ID selectors, represented by Sharks
0-Y-0: The number of class selectors, attributes selectors, and pseudo-classes, represented by Fish
0-0-Z: The number of type selectors and pseudo-elements, represented by Plankton a la Spongebob
*: The universal selector has no value
Estelle Weyl | October 10, 2011
About 6 months ago I was bored. In my ‘down’ time I created some world flags with CSS gradients. Today I realized some people might be entertained or learn from them, so here is the link
Estelle Weyl | September 3, 2011
HSLA Color picker.
Estelle Weyl | May 21, 2011
CSS3 adds names colors from SVG and well as colors defined by Hue, Saturation and Lighness. I’ve added a new page to this blog that lists all named colors along with their hexidecimal, RGB and HSL values.
Estelle Weyl | October 26, 2010
Introduction to mobile web application development — using HTML5 and CSS3 — for mobile. Learn how to target mobile devices, including iPad, iPhone and Android.
Estelle Weyl | August 12, 2010
The CSS3 transform properties lets you modify the coordinate space of the CSS visual formatting model. Using it, elements can be translated, rotated, scaled, and skewed. We manipulate an elements appearance using transform functions. In this blog post you’lll learn the various CSS3 transform functions.