Wednesday, 21 January 2009
CSS Selector Shell Released
Recent Posts
- New Google Tricks: 15+ Cool and Amazing Secret Hidden Google Tricks
- Weekend Tech News: Battlegrounds Mobile India gameplay, WhatsApp policy canceled?, OPPO foldable phone
- PUBG Mobile India release date: Relaunching as Battlegrounds Mobile India officially announced
- Difference B/W Blogs & Websites Things People Haven't Told You
- Watch Live IPL 2021: How to watch today's Live streaming of IPL 2021? All Methods
Most web developers have felt the pain of discovering or remembering ways in which different browsers interpret and/or render their Cascading Style Sheets (CSS). Our newly released CSS Selector Shell is a simple Javascript tool for testing how a given browser parses CSS text by inserting a style element into the document and then reading the cssText back programmatically. You can already check out the CSS Selector Shell code base in action on Google AppEngine.
So far this tool has proven quite useful by showing what happens when developers try to make use of CSS selector syntax that may not be supported in a particular browser. Specifically, it can show how and perhaps why a particular CSS hack works in some browsers and how it is ignored in others. It can also demonstrate the potential for harm when using unsupported CSS syntax in some browsers. For instance, when testing a combined selector ".class1.class2" in Internet Explorer 6, it becomes active as ".class2", which may not at all be the goal of the CSS author. Another detail the CSS Selector Shell demonstrates is that shorthand property/values sometimes expand much further than you may have suspected. On the test page itself, there are two visible test elements that you can use to target and experiment. The code itself makes use of the Dojo Tooklit as well as the Django framework.
We hope this tool will be useful to you in diagnosing problems or understanding the differences between browsers when interacting with your Cascading Style Sheets. We always welcome your feedback, so check out the code and let us know what you think in our discussion group.
Label:
app engine,
django,
dojo,
releases,
selector shell
Related tricks
- DjangoCon US 2011 Sprints
- CSS Selector Shell Released
- Highlights from DjangoCon 2008
- Teaching with Mobile
- Introducing CityHash
- Now Playing: the YouTube Symphony Orchestra Augmented Reality Experiment
- Use Google Apps APIs without writing a program
- Google Ideas develops citizen engagement pilot project for Somalia
- Google Ideas develops citizen engagement pilot project for Somalia
- Open Monitor: Building a World Wide Internet Connectivity Monitor through Google Summer of Code 2011
- Cauliflower Vest: end-to-end OS X FileVault 2 recovery key escrow solution
- Unleash the QualityBots
(+)