Group items tagged

bit out dated

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.

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

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

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.

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.

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

Twipler is an Open Source Twitter web client written in ASP.NET. The aims of the project are create a Twitter Web client make the client themeable and customisable with complete CSS/HTML control provide additional functionality (mutual followers, block by rule etc) filter and organise incomming tweets

Drawter is a tool written in JavaScript and based on jQuery library. It provides you the possibility to literally draw your website's code. It runs on every single web-browser which makes it really useful and helpful. Each tag is presented as a layer you have drawn. Currently Drawter is available in Pro version, which means that it is intended for webmasters use only - knowledge of HTML and CSS is required. Drawter is not a tool for laymen, for the time being, but the whole team behind the project is putting every effort to launch a new version called "Amateur". Soon you will be able to draw your websites without any knowledge of HTML or CSS. Launching 2010.

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 my solution.

Building a standards-compliant website in Web Studio Live is quick and painless. We pack a lot of intelligence under the hood in order to maintain a comfortable experience for the novice, while at the same time allowing more advanced designers to tweak their HTML, CSS, & Javascript.

Squad is a tool that will appeal to programmers only. In the most general terms available, it makes it possible to edit code in real time. All that it takes to get going is a web-enabled computer and creating an account beforehand. Multiple languages are already supported, and that includes HTML, CSS, Javascipt and PHP among several others. Squad can be employed both as a HTML or a PHP editor, and also as a plain text editor if you want to.

9ne (pronounced "nine") is an online code editor based on Emacs (Copyright 2006 Rob Rohan). 9ne is a recursive acronym and joke, and means "9ne is not Emacs". 9ne's design goal is to provide an all purpose text editor similar to Emacs but web based. The first step is to assist in code editing (specifically HTML, CSS, and Javascript), but to also add hooks for any type of editing (mail reader, configuration files, etc). It currently supports XML and Javascript syntax highlighting modes (Evoked with M+X XML MODE and M+X JAVASCRIPT MODE respectively)

9ne (pronounced "nine") is an online code editor based on Emacs (Copyright 2006 Rob Rohan). 9ne is a recursive acronym and joke, and means "9ne is not Emacs". 9ne's design goal is to provide an all purpose text editor similar to Emacs but web based. The first step is to assist in code editing (specifically HTML, CSS, and Javascript), but to also add hooks for any type of editing (mail reader, configuration files, etc). It currently supports XML and Javascript syntax highlighting modes (Evoked with M+X XML MODE and M+X JAVASCRIPT MODE respectively)

CSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser. Simply edit the (X)HTML-code and the external Style-Sheet files : what you code is what you get! This tool is designed for developers. Use it for developing, testing or checking your web-project or take a look behind the scenerys of your favourite websites.

CSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser. Simply edit the (X)HTML-code and the external Style-Sheet files : what you code is what you get! This tool is designed for developers. Use it for developing, testing or checking your web-project or take a look behind the scenerys of your favourite websites.

"Zed is a fully offline-capable, open source, keyboard-focused, Chrome-based text and code editor you can use to edit local files as well as remote files on any server. It's built using web technologies (100% HTML, CSS and JavaScript) yet has all features you'd expect from a capable code editor:"

The Full Page Test loads a complete HTML page including all objects (images, CSS, JavaScripts, RSS, Flash and frames/iframes). It mimics the way a page is loaded in a web browser. The load time of all objects is shown visually with time bars.

The StyleKit project helps web designers and developers to rapidly prototype the styling of their cutting edge products and evaluate new designs for existing websites.