Google HTML/CSS Style Guide
5 weeks ago by ohskylab
Not revolutionary but solid. Some moderately contentious parts.
web
css
html
google
style
styleguide
5 weeks ago by ohskylab
DocumentUp
january 2012 by ohskylab
"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."
web
documentation
git
github
html
markdown
january 2012 by ohskylab
wkhtmltopdf - Convert html to pdf using webkit (qtwebkit) - Google Project Hosting
december 2011 by ohskylab
"Simple shell utility to convert html to pdf using the webkit rendering engine, and qt."
pdf
html
web
converter
webkit
tools
december 2011 by ohskylab
SublimeVideo - HTML5 Video Player - Features
november 2011 by ohskylab
Much as I appreciate the effort that's gone into mediaelement.js, this looks worth exploring.
web
video
html
html5
november 2011 by ohskylab
Native Fullscreen JavaScript API (plus jQuery plugin) | John Dyer's Code
october 2011 by ohskylab
"Native FullScreen support is coming to most browsers in the next few months (no word from the Internet Explorer team)." But not here yet. Super.
web
html
html5
video
audio
fullscreen
flash
mediaelement.js
october 2011 by ohskylab
manifestR - offline web apps made easy (well easier)
july 2011 by ohskylab
"manifestR is a bookmarklet, which you drag to your bookmarks bar. Then, when you visit any page, you can click the manifestR button, and it will create an HTML5 appcache manifest file for that page."
web
html
html5
offline
cache
manifest
tools
bookmarklet
from delicious
july 2011 by ohskylab
On using h1 for all heading levels in HTML5 | 456 Berea Street
june 2011 by ohskylab
"You can keep using h1-h6 in HTML5, but you can also choose to use only h1 elements for all headings and rely on the HTML5 outline algorithm to sort out the heading hierarchy. If you do this, however, you should be aware that currently there is very little support for the HTML5 outline in web browsers, screen readers and developer tools." Possibly not ready for production quite yet, then.
headings
html
html5
accessibility
web
from instapaper
june 2011 by ohskylab
HTML Email Boilerplate
may 2011 by ohskylab
For those inevitable moments.
html
email
via:alastc
from delicious
may 2011 by ohskylab
20 Snippets You should be using from Html5 Boilerplate
may 2011 by ohskylab
Bad title, good article
web
html
html5
html5boilerplate
frontend
from instapaper
may 2011 by ohskylab
When can I use... Support tables for HTML5, CSS3, etc
march 2011 by ohskylab
"Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers."
html5
css3
css
compatibility
html
browsers
web
svg
mobile
from delicious
march 2011 by ohskylab
HTML5 accessibility
february 2011 by ohskylab
"This site is a resource to provide information about which new HTML5 user interface features are accessibility supported in browsers, making them usable by people who rely upon assistive technology (AT) to use the web."
html5
accessibility
html
browsers
web
from delicious
february 2011 by ohskylab
Adactio: Journal—Three questions
january 2011 by ohskylab
"The WHATWG spec is the place to look for what’s new and evolving. The W3C spec, once it goes into Last Call, is the place to look for the official milestone that is HTML5. In practice, the two specs will be pretty much identical for quite a while yet. But the truth is that authors shouldn’t be looking at specs to decide what to use—look at what browsers support in order to decide if you should use a particular feature—look at the spec to understand how to use features of HTML5."
html
html5
whatwg
web
jeremykeith
w3c
from delicious
january 2011 by ohskylab
zencoder's html5-boilerplate-for-wordpress at master - GitHub
november 2010 by ohskylab
"The sole purpose of this theme is to save developers the time it takes to apply the HTML5 Boilerplate to WordPress."
html
html5
wordpress
themes
web
november 2010 by ohskylab
Pandoc
november 2010 by ohskylab
"A program for converting between various markup formats. Input formats include markdown, reStructuredText, HTML, and LaTeX; output formats include HTML, LaTeX, ConTeXt, S5, DocBook, groff man, reStructuredText, markdown, and RTF."
via:paul.irish
tools
conversion
converter
html
markup
markdown
latex
text
documentation
november 2010 by ohskylab
Hidden Features of HTML - Stack Overflow
october 2010 by ohskylab
"Using a protocol-independent absolute path: <img src="//domain.com/img/logo.png"/>" Mmm, handy.
stackoverflow
html
urls
path
ssl
tls
web
october 2010 by ohskylab
SonSpring | Formalize CSS
october 2010 by ohskylab
A nice-looking bit of CSS, markup and script for standardising forms.
css
design
forms
jquery
html
web
october 2010 by ohskylab
HTML5 Reset Stylesheet | HTML5 Doctor
october 2010 by ohskylab
"Modified Eric Meyer’s CSS reset for you to use in your HTML 5 projects."
html
html5
reset
web
css
october 2010 by ohskylab
Google Chrome Frame hijacks IE, and is now considered stable | ZDNet
october 2010 by ohskylab
"<meta http-equiv=”X-UA-Compatible” content=”ie=edge,chrome=1″>
As a webmaster, you can use this simple meta tag that the new stable release of Google Chrome Frame can detect, and if present, will render the page using Google Chrome rather than Internet Explorer. This gives users the appearance of using IE, but the speed and standards compliance, and security of Chrome."
google
chrome
chromeframe
web
html
html5
ie
browsers
As a webmaster, you can use this simple meta tag that the new stable release of Google Chrome Frame can detect, and if present, will render the page using Google Chrome rather than Internet Explorer. This gives users the appearance of using IE, but the speed and standards compliance, and security of Chrome."
october 2010 by ohskylab
Twitter / Paul Irish: Every good developer shoul ...
october 2010 by ohskylab
Every good developer should have this in their <head>:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
#optintoawesome
html5
html
google
chrome
chromeframe
web
ie
browsers
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
#optintoawesome
october 2010 by ohskylab
yepnope.js | A Conditional Loader For Your Polyfills!
september 2010 by ohskylab
A small wrapper around LABjs to help use feature detection to load exactly the scripts that your user needs, not just all the scripts that you think they might need.
javascript
html5
css3
html
performance
hpw
progressiveenhancement
labjs
september 2010 by ohskylab
Html5 cross browser polyfills - Modernizr - GitHub
september 2010 by ohskylab
"So here we're collecting all the shims, fallbacks, and polyfills in order to supplant html5 functionality in browsers that don't natively support them. The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly."
html
html5
css3
javascript
modernizr
web
polyfills
september 2010 by ohskylab
WebAIM: Blog - Javascript as an accessibility concern
august 2010 by ohskylab
"Usually, objections to this plan [requiring JavaScript] do not equate to predictions that we’re going to screw that up or that it won’t be sufficient; rather, they represent an opinion that requiring Javascript for a web application is an automatic accessibility violation. This might be partly a historical feeling, as some older accessibility standards contained language that said (or could be taken to imply) that in order to be accessible, a site had to work with Javascript turned off. I don’t know what motivated the inclusion of those clauses at the time, but would note that most modern accessibility standards merely say that one’s site must be accessible (regardless of whether or not it uses or requires client-side scripting)."
accessibility
javascript
html
web
webaim
via:paul.irish
august 2010 by ohskylab
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
august 2010 by ohskylab
Spiffing!" After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain ajax and flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on."
css
css3
framework
html5
html
javascript
templates
web
via:twoplusfour
august 2010 by ohskylab
An InDesign for HTML and CSS? – Jeffrey Zeldman Presents The Daily Report
july 2010 by ohskylab
"HTML is a language with roots in library science. It doesn’t know or care what content looks like. (Even HTML5 doesn’t care what content looks like.) Neither a tool like Photoshop, which is all about pixels, nor a tool like Illustrator, which is all about vectors, can generate semantic HTML, because the visual and the semantic are two different things." Big fat yes to this.
via:momorgan
adobe
css
css3
design
html
photoshop
web
july 2010 by ohskylab
Beautiful Soup: We called him Tortoise because he taught us.
june 2010 by ohskylab
"You didn't write that awful page. You're just trying to get some data out of it. Right now, you don't really care what HTML is supposed to look like. Neither does this parser."
browser
datamining
development
python
xhtml
html
web
tools
scraper
parser
opensource
june 2010 by ohskylab
Getting ready for Outlook 2010 - Blog - Campaign Monitor
march 2010 by ohskylab
"Our recent testing combined with the research others are doing indicates that the Outlook 2010 renderer is actually exactly the same as the one in Outlook 2007. This means you won't need to make any significant changes to your current email templates or learn any new tricks of the trade."
email
html
campaignmonitor
standards
outlook
march 2010 by ohskylab
HTML5 enabling script
march 2010 by ohskylab
"Since HTML5 is getting more attention by way of marking up our new pages, and the only way to get IE to acknowledge the new elements, such as <article>, is to use the HTML5 shiv, I've quickly put together a mini script that enables all the new elements."
html5
ie
javascript
jquery
development
web
hacks
standards
html
march 2010 by ohskylab
HTML 5 syntax | 456 Berea Street
december 2009 by ohskylab
"Once HTML 5 becomes a viable option, how can we avoid having teams of web developers spending their time discussing which syntax to use instead of working on the project their clients pay for?"
html
html5
standards
syntax
markup
december 2009 by ohskylab
HTML Email Starter Template: Free Download - ravelrumba
december 2009 by ohskylab
"It’s not intended to be a fully designed template, but rather a foundation for a design."
html
email
templates
web
december 2009 by ohskylab
What Beautiful HTML Code Looks Like | CSS-Tricks
november 2009 by ohskylab
Not entirely sure I agree with everything in this but worth a gander.
via:alastc
web
css
html
markup
standards
november 2009 by ohskylab
HTML 5: The Markup Language
september 2009 by ohskylab
Just the meat. "This specification describes the fifth major version of the HTML language and provides details necessary for producers of HTML content to create documents that conform to the language. By design, it does not define related APIs nor attempt to specify how consumers of HTML content are meant to process documents."
html5
w3c
html
standards
reference
markup
web
september 2009 by ohskylab
Dive Into HTML 5
august 2009 by ohskylab
"...seeks to elaborate on a hand-picked Selection of features from the HTML 5 specification and other fine Standards. I shall publish Drafts periodically, as time permits."
web
standards
html
html5
reference
typography
markup
august 2009 by ohskylab
Fuck the foundries [dive into mark]
april 2009 by ohskylab
"This, then, is my current thinking about embedded web fonts: FUCK THE FOUNDRIES." Mark Pilgrim rants.
html
typography
fonts
foundries
rant
web
april 2009 by ohskylab
mezzoblue § Switched
april 2009 by ohskylab
Why Dave Shea is switching from XHTML to HTML.
standards
xhtml
html
markup
html5
web
april 2009 by ohskylab
Ending the Great H1 Debate | Web Design Blog: Web Design & Innovation in web standards : Viget Labs
march 2009 by ohskylab
According to Cutts, more than one h1 is fine as long as you don't go crazy. Pretty much as expected.
seo
google
h1
web
semantics
html
accessibility
march 2009 by ohskylab
IEBlog : Microsoft's Interoperability Principles and IE8
february 2009 by ohskylab
Old, but I keep misplacing this link. "We’ve decided that IE8 will, by default, interpret web content in the most standards compliant way it can. This decision is a change from what we’ve posted previously."
via:scrubadub
web
css
development
standards
html
ie
ie8
microsoft
february 2009 by ohskylab
Adactio: Journal—The Rise of HTML5
january 2009 by ohskylab
"We used this as an opportunity to really push what Dan has been calling "progressive enrichment": sprinkling in some modern CSS declarations even if not every browser gets all of them [...] So if you view the UX London site in IE6 it looks fine. Nothing special though. But if you view the site in a browser like Safari, a lot of little details shine through. The design is pretty much a test-case for the box-shadow property using RGBa."
css
standards
html
html5
css3
clearleft
web
design
inspiration
progressiveenrichment
progressiveenhancement
january 2009 by ohskylab
HTML-Ipsum
december 2008 by ohskylab
Lipsum snippets for copying, with TextMate bundles.
lipsum
web
tools
generator
markup
html
resources
textmate
via:peter.costello
december 2008 by ohskylab
Validator.nu (X)HTML5 Validator
november 2008 by ohskylab
"Highly Experimental" as of posting.
html
html5
standards
web
validation
tools
november 2008 by ohskylab
A Designer's Guide to HTML Email [HTML & XHTML Tutorials]
august 2008 by ohskylab
"Some rough rules of thumb to use when you’re asked to work on HTML email. Rule 1: Run. Immediately. Don’t pack. Don’t think. Just GO!"
html
email
outlook
sitepoint
august 2008 by ohskylab
Compound Microformats
march 2008 by ohskylab
"This demo shows how compound microformats can be used to progressively enhance HTML with semantic meaning."
microformats
html
atom
markup
web
semantic
march 2008 by ohskylab
From the Top: Defining Content Language
january 2008 by ohskylab
Probably best to ignore the dir="ltr" for majority of cases.
html
languages
web
january 2008 by ohskylab
related tags
24ways ⊕ 37signals ⊕ @media ⊕ abbreviation ⊕ accessibility ⊕ accesskeys ⊕ acronym ⊕ adobe ⊕ ajax ⊕ alistapart ⊕ alt ⊕ android ⊕ ant ⊕ apple ⊕ applications ⊕ article ⊕ askme ⊕ atom ⊕ attributes ⊕ audio ⊕ autosave ⊕ beautifier ⊕ blog ⊕ bookmarklet ⊕ browser ⊕ browsers ⊕ bugs ⊕ cache ⊕ cameronmoll ⊕ campaignmonitor ⊕ campaigns ⊕ canvas ⊕ character ⊕ charts ⊕ cheatsheet ⊕ checkbox ⊕ chrome ⊕ chromeframe ⊕ clearleft ⊕ cms ⊕ code ⊕ codes ⊕ compatibility ⊕ conversion ⊕ converter ⊕ cool ⊕ css ⊕ css3 ⊕ datamining ⊕ demo ⊕ design ⊕ development ⊕ diagrams ⊕ django ⊕ dmoz ⊕ doctype ⊕ documentation ⊕ documentoutlines ⊕ dom ⊕ editor ⊕ email ⊕ entity ⊕ ericmeyer ⊕ extensions ⊕ feeds ⊕ firefox ⊕ flash ⊕ fonts ⊕ footer ⊕ forms ⊕ foundries ⊕ framework ⊕ frontend ⊕ fullscreen ⊕ gallery ⊕ generator ⊕ git ⊕ github ⊕ google ⊕ graphic ⊕ graphics ⊕ grids ⊕ h1 ⊕ hack ⊕ hacks ⊕ headings ⊕ history ⊕ howto ⊕ hpw ⊕ html ⊖ html5 ⊕ html5boilerplate ⊕ humour ⊕ i18n ⊕ ie ⊕ ie8 ⊕ iframe ⊕ illustrator ⊕ inspiration ⊕ internet ⊕ ios ⊕ ipad ⊕ iphone ⊕ iso ⊕ java ⊕ javascript ⊕ jaws ⊕ jeremykeith ⊕ jquery ⊕ labjs ⊕ lang ⊕ language ⊕ languages ⊕ latex ⊕ layout ⊕ layouts ⊕ learning ⊕ links ⊕ lipsum ⊕ lists ⊕ livemail ⊕ logic ⊕ mac ⊕ mail ⊕ manifest ⊕ markdown ⊕ marketing ⊕ markup ⊕ mediaelement.js ⊕ mediaqueries ⊕ menus ⊕ microformats ⊕ microsoft ⊕ mobile ⊕ modernizr ⊕ mozilla ⊕ mvc ⊕ navigation ⊕ news ⊕ newsletter ⊕ offline ⊕ ol ⊕ oocss ⊕ opensource ⊕ opera ⊕ optimization ⊕ osx ⊕ outlines ⊕ outlook ⊕ parser ⊕ path ⊕ pdf ⊕ performance ⊕ phone ⊕ photoshop ⊕ php ⊕ polyfills ⊕ polyglot ⊕ popups ⊕ posh ⊕ presentations ⊕ process ⊕ programming ⊕ progressiveenhancement ⊕ progressiveenrichment ⊕ python ⊕ qa ⊕ rant ⊕ reference ⊕ rendering ⊕ reset ⊕ resources ⊕ rnib ⊕ rss ⊕ rubyonrails ⊕ s5 ⊕ safari ⊕ scraper ⊕ screenreaders ⊕ search ⊕ sections ⊕ select ⊕ semantic ⊕ semantics ⊕ seo ⊕ services ⊕ sisyphus ⊕ sitepoint ⊕ slideshow ⊕ snippets ⊕ software ⊕ spam ⊕ ssl ⊕ stackoverflow ⊕ stamps ⊕ standards ⊕ strip ⊕ structure ⊕ style ⊕ styleguide ⊕ svg ⊕ symfony ⊕ syntax ⊕ tabindex ⊕ tables ⊕ tantek ⊕ teaching ⊕ technology ⊕ template ⊕ templates ⊕ templating ⊕ testing ⊕ text ⊕ textmate ⊕ themes ⊕ timbernerslee ⊕ tips ⊕ title ⊕ tls ⊕ tools ⊕ tutorials ⊕ twig ⊕ typography ⊕ ui ⊕ ul ⊕ urls ⊕ usability ⊕ validation ⊕ validator ⊕ via:alastc ⊕ via:markrocky ⊕ via:momorgan ⊕ via:paul.irish ⊕ via:peter.costello ⊕ via:scrubadub ⊕ via:twoplusfour ⊕ video ⊕ w3c ⊕ wayback ⊕ web ⊕ webaim ⊕ webkit ⊕ weblogs ⊕ webmail ⊕ whatwg ⊕ whitespace ⊕ widget ⊕ windows ⊕ wordpress ⊕ wysiwyg ⊕ wysiwym ⊕ x-ray ⊕ xforms ⊕ xhtml ⊕ xml ⊕ zebra ⊕Copy this bookmark: