Group items tagged

After starting the test-suite it will automatically run a large number of small tests which will determine if your browser is compatible with a large number of CSS selectors. If it is not compatible with a particular selector it is marked as such. You can click on each CSS selector to see the results, including a small example and explanation for each of tests. Because it is technically not possible to simulate certain user interactions the test is limited to CSS selectors that are not dependent on user interactions. So this test-suite does not include tests for the following selectors: :hover, :active, :focus and :selection.

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.

Emogrifier automagically transmogrifies your HTML by parsing your CSS and inserting your CSS definitions into tags within your HTML based on your CSS selectors. You can either use the form below to paste your HTML or CSS, or if you're more technically inclined, you can download the PHP source code and use it in your own applications.

This is the direct link from http://elliottback.com/wp/archives/2005/04/25/convert-image-to-css/
 Convert Image to CSS
Posted in Code, Plugins, Graphics by Elliott Back on April 25th, 2005. [Del.icio.us]

Ever wanted to take an image and convert it, pixel by pixel, into CSS, HTML, or xHTML? Well, now you can, thanks to my handy conversion tool! Just give it the URL of the image to convert, select a pixel resampling ratio, a mode, and off you go. You can also save the html. Just right click on the permalink and "save target as" to your favorite location.

    * Example: Born into Brothels [via]
    * Example: Cambridge, England [via]
    * Massive deforestation [via]

Note: If you give a very large image, with a very small pixel ratio, the image could take a long time to load, or eventually overload your browser with multiple megabytes of web information. These "images" are very large!

This tool will convert an image to div block w/ CSS

"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."

Some playground/sandboxes for CSS CSS3 * Linear Gradients * Radial Gradients * Text Shadow * Box Shadow * Text Stroke

gotAPI helps you find functions, classes, methods, properties, styles, tags, constants and more Search In ActionScript 2.0, ActionScript 3.0, Adobe Flex 2, Adobe Flex 3.3, Apache Ant, Apache Commons, Apache RegExp, Apache Struts 1.1, Berkley DB XML, Bluetooth and OBEX, C++, CakePHP 1.2, Castor, CDC, CLDC, ColdFusion MX-7, ColdFusion MX-8, CSS, CSS, DbUnit 2.4.5, Dinkumware C/C++, DITA 1.1, DocBook, Dojo Toolkit 1.3, Drupal, Eclipse Platform 2.1, Erlang, Flickr API, FP, Google GWT, Google GWT+Gears, Groovy, Haskell, Hibernate, HTML, HTML, HttpUnit, J2EE 5.0, Java 1.5, Java 1.6, JavaScript, JavaScript, jQuery, JSON LIB, JSTL, JUnit, Log4J, MIDP, Mobile Media, MochiKit, MooTools, MySQL 4.1, OpenGL 2.1, Oracle 10g, Oracle 9i, Orb API 2.0, OSGi Platform 4.1, PBP, Perl 5.10, PHP, PostgreSQL 8.3, Prototype.js, Python 2.6.1, RMagick 1.15, RogueWave, Ruby Std Libraries, Ruby/Rails, Scala 2.7.3, Schema (XSD), Script.aculo.us 1.8, Selenium 0.8.2, Sicstus Prolog, Simple DirectMedia Layer, Spring Framework 2.0, Symphony 1.2, Twitter API, Web Services, XML DOM, XPath 2.0, XSL 2.0, Yahoo! UI

rotate, scale, skew, and otherwise transform HTML elements with CSS 3. LIVE PREVIEW

visual layout editor based on Blueprint & jQuery! This is version 0.5, last updated on April 27, 2008. This project was built by Christian Montoya, and exists both as a useful tool for CSS designers and as proof that a visual layout editor is possible to acheive with clean CSS & semantic HTML.

This jquery plugin helps you to generate the css selectors on a single click. Give it a try , simply paste some HTML below and click Generate.

Edit html, css, and javascript snippets in separate boxes with a live preview. Quickly switch between various javascript libraries and library versions via a dropdown.

The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website. Get to it!

Modernizr detects feature support across JS APIs and CSS. Now, there is a simple page that shows you what Modernizr thinks of your browserhttp://www.modernizr.com/

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

just edit the html on the left pane, and you'll see how it rendered on the right pane as you typed.\nIt should be useful when you want to develop such as CSS or JavaScript which need to be tuned litlle by little.\nNote that the html document is automatically stored into a browser's cookie(up to approx.4kb).\nSo you can continue working on the html even after you closed the browser window.

bit out dated

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.

Cloud9 is a state-of-the-art IDE that runs in your browser and lives in the cloud, allowing you to run, debug and deploy applications from anywhere, anytime. Supports several languages with Javascript and HTML/CSS currently being the core ones. We also support Coffeescript, Ruby, PHP and many others with syntax highlighting with more to follow.

Wrttn.me - is a simple notepad with a large number of features.Make your note, save it and share it with friends. Very easy and fast, isn't it? Such simplicity very well combines with a great number of features. You can design your page completely to your own taste. Press options, create your css styles and select the desired marking type: Textile, Markdown, HTML5 or plain text. Created pages contain only what you have typed. There are no irrelevant elements. Only text and media content. And this is just a small part of what you can do!

For the best HTML e-mail delivery results, CSS should be inline. This is a huge pain and a simple newsletter becomes un-managable very quickly. This script is our solution. also extracts text - stripes tags