Group items tagged

The CSS3 Playground is a web application for experimenting with some new css3 capabilities. Primarily those than conform to the progressive enhancement philosophy, which means that the styles can be used on all sites without severely changing/limiting the experience on browsers that does not support them (=Internet Explorer 8.0 and older). But there are also styles that may need better replacements on Internet Explorer such as rotation, and I hope I will have the time to add more in the future.

Box Sizing, Border Radius, Shadows, RGBA Colors, Multiple Columns, HSLA Colors, Multiple BG

OM2 Core DOM2 Events DOM2 HTML DOM2 Range DOM2 Style (getComputedStyle, …) DOM2 Traversal (NodeIterator, TreeWalker) DOM2 Views (defaultView) ECMAScript HTML4 (, , …) HTTP (Content-Type, 404, …) Media Queries Selectors (:lang, :nth-child(), combinators, dynamic changes, …) XHTML 1.0 CSS2 (@font-face) CSS2.1 ('inline-block', 'pre-wrap', parsing…) CSS3 Color (rgba(), hsla(), …) CSS3 UI ('cursor') data: URIs SVG (SVG Animation, SVG Fonts, …) When taking the test, you should use the default settings of the browser you are testing. Changing the zoom level, minimum font size, applying a fit-to-width algorithm, or making other changes may alter the rendition of the test page without this constituting a failure in compliance. The Acid3 test measures some performance characteristics. The test does not attempt to make any comparisons or judgments as to the performance of any hardware used, and should not be used as a hardware benchmark. If the test is run on a slow computer or device, it may run slowly or not smoothly and this does not imply non-conformance.

Motion and Interaction Design for HTML5 Adobe® Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3. Edge will be updated regularly to add new functionality, stay ahead of evolving web standards, and incorporate user feedback to provide the best functionality and experience possible. This is an early look at Edge with more capabilities to come.

iStylr is the first online web design tool to natively support CSS3 and HTML5!

"A free visual guide to CSS Learn by example: cssreference.io is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples."

browser support and test