My OperaCSS3 Quick Reference - panel and page
Friday, April 19, 2013 1:28:37 PM
In 2007, I added a CSS Quick Reference Panel to my public panels collection to make it easy to find all those new CSS3 properties, @-rules etc that were starting to get used by then. This was inspired by Eric Meyer's CSS 2.1 Quick Reference, and nowadays supersedes it as almost all browsers in active use support many CSS 3 features - see the excellent caniuse.com for up-to-date information on browser support.
This panel was originally hosted at my employer-provided webspace on people.opera.com/rijk/panels/. Since I left Opera Software last year, Opera's admins have been so friendly to leave a redirect in place from there to my personal webspace at my ISP - so if you use it, it's a good idea to update your bookmarks
Recently I've updated this CSS Quick Reference, hence this blog post. I hadn't touched it since 2010, while the CSS Working Group has been quite busy these last few years. So there was a lot to add! Just this morning a new CSS 3 working draft was added, 'CSS Overflow Module Level 3', which is of course also included. I've only excluded the really old CSS 3 modules, those that haven't been updated after CSS 2.1 became a final Recommendation.
I've now also made a CSS Quick Reference page available, which uses an iframe to show the content of the specs. This way, those without a panel or sidebars sporting browser can also make use of this resource. At the same time I've updated the styles, so it looks a bit fresher and works better in all modern browsers. Alas, that meant ditching the now deprecated 'system color' and 'system font' styles. On the plus side, the html code is now minimalistic HTML5. The sidebar/panel version is also suited for use in mobile browsers with a smallish screen, since I added a <meta name=viewport content="width=device-width"> element.
In the same way I've refreshed the style of the HTTP/1.1 panel that I stole from Hallvord. This one is also suitable for mobile use, and gets a HTTP/1.1 page using an iframe as well.
This panel was originally hosted at my employer-provided webspace on people.opera.com/rijk/panels/. Since I left Opera Software last year, Opera's admins have been so friendly to leave a redirect in place from there to my personal webspace at my ISP - so if you use it, it's a good idea to update your bookmarks
Recently I've updated this CSS Quick Reference, hence this blog post. I hadn't touched it since 2010, while the CSS Working Group has been quite busy these last few years. So there was a lot to add! Just this morning a new CSS 3 working draft was added, 'CSS Overflow Module Level 3', which is of course also included. I've only excluded the really old CSS 3 modules, those that haven't been updated after CSS 2.1 became a final Recommendation.
I've now also made a CSS Quick Reference page available, which uses an iframe to show the content of the specs. This way, those without a panel or sidebars sporting browser can also make use of this resource. At the same time I've updated the styles, so it looks a bit fresher and works better in all modern browsers. Alas, that meant ditching the now deprecated 'system color' and 'system font' styles. On the plus side, the html code is now minimalistic HTML5. The sidebar/panel version is also suited for use in mobile browsers with a smallish screen, since I added a <meta name=viewport content="width=device-width"> element.
In the same way I've refreshed the style of the HTTP/1.1 panel that I stole from Hallvord. This one is also suitable for mobile use, and gets a HTTP/1.1 page using an iframe as well.
