Pick HTML is an extension that allows you to grab the HTML from any currently running tab and bring it in to your application using…
Pick HTML is an extension that allows you to grab the HTML from any currently running tab and bring it in to your application using the Web Intents API.

Simple invoke a service that calls the "http://webintents.org/pick" intent with the following data type "text/html"

Interesting that you can apply link elements via header

slick little quick reference

"Instantly beautify your Github repositories' README.md with DocumentUp. This site has been generated with it.
Essentially, it parses your readme's markdown into a clean and simple documentation website. Made especially for your gh-pages branch, all you need is a single index.html file that includes the DocumentUp script.*
* Some configuration required"

Uses backbone, mustache, node, redis…

"The Trello servers serve virtually no HTML. In fact, they don’t serve much client-side code at all. A Trello page is a thin (2k) shell that pulls down the Trello client-side app in the form of a single minified and compressed JS file (including our third-party libraries and our compiled CoffeeScript and Mustache templates) and a CSS file (compiled from our LESS source and including inlined images). All of that comes in under 250k, and we serve it from Amazon’s CloudFront CDN, so we get very low-latency loads in most locations. In reasonably high-bandwidth cases, we have the app up and running in the browser window in about half a second. After that, we have the benefit of caching, so subsequent visits to Trello can skip that part.

In parallel, we kick off an AJAX data load for the first page’s data content and try to establish a WebSocket connection to the server"

Uses backbone, mustache, node, redis…

"The Trello servers serve virtually no HTML. In fact, they don’t serve much client-side code at all. A Trello page is a thin (2k) shell that pulls down the Trello client-side app in the form of a single minified and compressed JS file (including our third-party libraries and our compiled CoffeeScript and Mustache templates) and a CSS file (compiled from our LESS source and including inlined images). All of that comes in under 250k, and we serve it from Amazon’s CloudFront CDN, so we get very low-latency loads in most locations. In reasonably high-bandwidth cases, we have the app up and running in the browser window in about half a second. After that, we have the benefit of caching, so subsequent visits to Trello can skip that part.

In parallel, we kick off an AJAX data load for the first page’s data content and try to establish a WebSocket connection to the server"

like jsbin but for css

nice graphic http://rww.readwriteweb.netdna-cdn.com/Anatomy_HTML5.jpg

"In prototypes and HTML-based slide decks, it's pleasant to write in markdown sometimes and avoid all those angle brackets.

So the idea is you're operating in an HTML environment but a few shortcuts would help so use markdown here and there."

"Just include Live.js and it will monitor the current page including local CSS and Javascript by sending consecutive HEAD requests to the server. Changes to CSS will be applied dynamically and HTML or Javascript changes will reload the page."

Tempo is a tiny JSON rendering engine that enables you to craft data templates in pure HTML.

"Here is the code to get jQuery selector's HTML including its own:<br />
<br />
var html = $('<div>').append($('#top').clone()).remove().html();"

Slick presentations

This document contains normative guidelinesfor web applications built by the Interface Development practice of Isobar North America (previously Molecular). It is to be readilyavailable to anyone who wishes to check the iterative progress of our best practices.

"Are you looking for a basic understanding of how UIs are created on the web or who wants to brush up outdated UI development knowledge? Or maybe you'd like to learn more about the medium you're designing for and gain basic tools for prototyping designs? Do you want a better understanding of the web and how Google makes the pages that are its face to the world? If so, "HTML, CSS, and JavaScript from the Ground Up" is for you."

"So to sum up here, there are some key benefits that doing your screen scraping with node.js, and jsdom provide: Works with the same battle-hardened DOM libraries used in production every day. Node.js is blazing fast and designed for exactly these kind of highly asynchronous coding tasks. Easy to use and deploy with new tools like nodejitsu."

"make jquery queries on xml documents. The API is as much as possible the similar to jquery. pyquery uses lxml for fast xml and html manipulation. This is not (or at least not yet) a library to produce or interact with javascript code. I just liked the jquery API and I missed it in python so I told myself “Hey let’s make jquery in python”. This is the result."

Responsive design emerging as the importance of flexibility increases as screens fragment

Outstanding HTML5 presentation & demo done completely using HTML5: (via @flyosity)

"Let the information be free. Here, word for word, is the information I include in every proposal I write"

"Adding <base href=”http://ax.itunes.apple.com”> inside <head> is a quick one-shot way to deal with relative URLs while working with a local copy of the file."

"Try using this url as your fetch page url: http://cgi.w3.org/cgi-bin/tidy?docAddr=http%3A%2F%2Fwww.rpmchallenge.com&forceXML=on Its basically a service that forces xhtml to pages that aren't exactly well formed. "

"url shortening with a twist. Instead of creating its own super short versions of links, it checks to see if the link owner has published a shortened version of the given page using HTML link element. If not, we just return the original URL. And you should bug the link owner about providing a better alternative."

"A Fast, Enjoyable HTML Parser for Ruby… a very flexible HTML parser, based on Tanaka Akira’s HTree and John Resig’s jQuery, but with the scanner recoded in C."

"Beautiful Soup is a Python HTML/XML parser designed for quick turnaround projects like screen-scraping. Three features make it powerful: 1) won't choke if you give it bad markup. It yields a parse tree that makes approximately as much sense as your original document. This is usually good enough to collect the data you need and run away. 2) provides a few simple methods and Pythonic idioms for navigating, searching, and modifying a parse tree: a toolkit for dissecting a document and extracting what you need. You don't have to create a custom parser for each application. 3) automatically converts incoming documents to Unicode and outgoing documents to UTF-8. You don't have to think about encodings, unless the document doesn't specify an encoding and Beautiful Soup can't autodetect one. Then you just have to specify the original encoding."

"provides developers with a JavaScript library for doing any number of A/B tests on a site (tweaking CSS, JavaScript, or HTML elements) all trained over time using a Genetic algorithm backend. This means that no matter how many different A/B tests you have on a page the genetic algorithm will adapt to the input (users visiting the page and hopefully achieving some pre-defined goal) and slowly show a more-optimal page layout to the user."

"<!--[if IE ]><body class="ie"><![endif]-->"

a bunch of handy text converters including URI

overview of current state of browsers, development tools, and trends

Trick to make a homepage that accesses bookmarks in a finger-friendly way

automatically insert an HTML signature into your Gmail messages based on the email address that you are sending from. You can create one signature for each account you have set up under "Accounts" in the "Settings" tab.ld work for both compose message and

simple online wysiwyg editor. helps beginners generate and cut and paste html code.

working with email client developers and the design community to improve web standards support and accessibility in email. The project was formed out of frustration with the inconsistent rendering of HTML emails in major email clients.

discusses rel and rev attributes

a series of articles on using media style sheets to design for different contexts—specifically print and small screen devices

an email template to use for a future design tool. Emails, if you don’t know, are not as easy to design as web pages. They are viewed in a wider variety of clients. Some of these clients are downright evil.

FBML is an evolved subset of HTML from which we have removed some elements, and added others which are specific to Facebook

Because this is always so hard to find

using a table-layout: fixed css definition for the table as a whole and then only specifying column width values for the columns that shouldn’t have their content overflow hidden and tucked away behind the rest of the content.

excellent intro to css and layouts

step by step tutorial links at the left of the page to learn how to create a PSD file into an HTML website (or an XHTML tableless website)

URI reference is a thing you build by taking a URI for an information object, adding a "#" sign and then a Fragement identifier... For HTML, the fragment ID is an SGML ID of an element within the HTML object. For XML, if it is just a word, then it is the

a markup language that’s used to cleanly and simply describe the XHTML of any web document without the use of inline code. Haml functions as a replacement for inline page templating systems such as PHP, ASP, and ERB, the templating language used in most

quickly find the entity based on how it looks, e.g. like an < or the letter c.

quick reference for JS, HTML, CSS, etc

edit, debug, and monitor CSS, HTML, and JavaScript live in any web page

enable html temporarily when composing in thunderbird

WYSIWYG HTML editor component that works in Mozilla based browsers as well as in MS Internet Explorer

Simple JS for eliminating mailto: in html

Because of the huge variation of support across each email environment, there really isn't any one design approach that will guarantee consistency. Instead, you should take a couple of things into account.

Should you use CSS or (horror of horrors) tables? And what do you do when images are ‘blocked’?

results of my author's hands-on experience creating HTML email newsletters for clients, as well as bits of technical information from the Internet. (Use tables!!!!)

a service that validates and link checks your entire Web site and reports on what she finds

appropriate character and numeric entities for your document

powerful editor for experienced web designers and programmers

er, future versions of Firefox will remove this quirk, and this kind of behavior is going to be explicitly outlawed by future standards that build on HTML, such as Web Apps 1.0. So we will probably remove this quirk in future versions of WebKit as well. U