Web Development Tips
Estelle Weyl | October 13, 2012
My Twitter account, WebDevTips, has been reactivated. Follow @webDevTips to get (almost) daily Web Development tips in your timeline.
Standardista
CSS3, JavaScript and HTML5 explained
Search
details and summary polyfill
Estelle Weyl | August 3, 2012
var summaryClick = function(elem){
if (!('open' in document.createElement('details'))){
var deetails = elem.parentNode;
if(deetails.hasAttribute('open')){
deetails.removeAttribute('open');
} else {
deetails.setAttribute('open', 'open')
}
}
}
add the summaryClick to your <summaryclick event listeners
And then in my CSS I put something similar … More …
SpeciFISHity: CSS Specificity
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 … More …
World flags with CSS3 Gradients
Estelle Weyl | October 10, 2011
About 6 months ago I was bored. While most people go on bike rides, watch a movie or read a novel when this happens to them, I am a bit different. I find CSS3 entertaining. So, in my ‘down’ time … More …
HSLA Color Picker / RGBA Converter
Estelle Weyl | September 3, 2011
color:hsla(
328, H
328, H
blah
100%, S
44%, L
1.00 A
);
HSLA Colors
… More …
Named colors => Their HSL and RGB color values
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.
Mobile Web Application Development: HTML5 and CSS3 for Android & iPhone
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.
CSS3 Transform Property and the various transform functions
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.
Win a FREE TICKET: 2nd Annual CSS Summit: July 28th
Estelle Weyl | July 17, 2010
Win a free ticket to the online CSSSummit. Follow @estellevw on Twitter, and Tweet, facebook or blog that you want to go. Something like ““I wanna go to attend the online http://csssummit.com. Follow @estellevw and retweet to win: … More …
CSS3 only Native iPhone App. No images!
Estelle Weyl | June 14, 2010
With CSS3, we may no longer need background images. This sandbox page creates a native iPhone web application look and feel with CSS3 only. No image!