Links tagged with “html”
-
Patrick Weaver - A Blog Post With Every HTML Element
A really nice exploratory overview of HTML tags. (via adactio)
-
Learn HTML
A good guide, in case I need to recommend one to anyone. (via Adactio)
-
Tree views in CSS
A collapsible tree view made out of lists and detail elements, no JavaScript. Witchcraft. (via Adactio)
-
How to transfigure wireframes into HTML - HTMHell
Nice description of the thinking and semantics involved.
-
Patterns | APG | WAI | W3C
“This guide describes how to apply accessibility semantics to common design patterns and widgets. It provides design patterns and functional examples complemented by in-depth guidance for fundamental practices.” Very handy. (via Adactio)
-
My current HTML boilerplate - Manuel Matuzović
Nicely explained. with references. (via Adactio)
-
All – Tiny Helpers
Loads of websites that each do one useful thing for web designers and developers. (via Waxy)
-
Making
Detailed and fascinating look at the issues with trying to make the time HTML element work for dates hundreds or thousands of years old. (via:tominsam)
-
Framework7 - Full Featured Mobile HTML Framework For Building iOS & Android Apps
Could be useful. (via @paulpod)
-
WTF, forms?
Some quite nice HTML/CSS form controls, but also nice because of the clear description of how they’ve been made. Mostly coming to Bootstrap v4 soon apparently.
-
Coder’s Block Blog / Checkbox Trickery with CSS
Lots of scope for doing this horribly, but some of this CSS-styling of radio buttons and checkboxes is nice for > IE8.
-
Luster - Mobile Web App Checklist
Loads of good tips for making websites feel more native on touch-based devices.
-
Code Guide by @mdo
“Standards for developing flexible, durable, and sustainable HTML and CSS,” by Mark Otto, creator of Bootstrap. Not all my preference, but I do enjoy some rigour.
-
Paul Ford on HTML5 and the World of Web Standards Bodies
Nice description of how standards like HTML5 come to be, and why it’s important. (via Daring Fireball)
-
WAI-ARIA 1.0 Authoring Practices - Design Patterns
Lots of different types of web interface control and the accessibility interactions, roles, states, etc they should have, with links to examples.
-
Web Components punch list | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)
A handy checklist for when making new interface components on the web, to improve their accessibility.
-
Alice Bartlett: Burn your select tags - EpicFEL 2014 - YouTube
Good talk from Alice about user research resulting in GDS avoiding HTML select tags and creating alternatives.
-
GOV.UK elements
HTML/CSS elements and how to use them on GOV.UK. Really useful, even if you’re doing differently, as a checklist of stuff to consider. (via @jamesweiner)
-
Being a client
A brief bit about the new Code for America website. So worth it for all the Clearleft and pattern library related links. All of them front-end-development gold, leading to even more.
-
Safari on iOS 7 and HTML5: problems, changes and new APIs | Breaking the Mobile Web
Very useful look at all the new, improved or broken things in Safari on iOS 7. (via @jamesweiner)
-
Bootstrap 2.x to 3.0 Migration Guide
For moving Twitter Bootstrap sites to the new version. There doesn’t seem to be anything like this in the official 3.0 docs. Yet, at least.
-
Sneak peek of Macaw - The code-savvy web design tool
Actually looks quite good. Jump to the end to see the finished page in-browser, and the HTML and CSS. (via @jamesweiner)
-
CSS Architecture | Appfolio Engineering
Lots of good thoughts on structuring CSS. (via Tom Taylor)
-
Flat UI Free - PSD&HTML User Interface Kit - Designmodo
Looks interesting for quickly making things look nice. (via @paulpod)
-
Ratchet
“Prototype iPhone apps with simple HTML, CSS and JS components.” Seems really nice. Less extensive than something like jQuery Mobile, but looks nice and simple to get something up and running quickly.
-
A List Apart: Articles: Application Cache is a Douchebag
Jake Archibald on exactly how this is a royal pain. One day down and I’ve still not got it working properly.
-
Responsive Web Design Frameworks, Grid Systems and Starter Kits
Good summary of lots HTML/CSS frameworks. (via mildlydiverting)
-
WordPress › Boilerplate « Free WordPress Themes
“A merger … of the HTML5 Boilerplate and the Starkers theme.” Handy for starting theme development with. I imagine.
-
About HTML semantics and front-end architecture – Nicolas Gallagher
Really good in-depth thoughts about writing HTML/CSS. Reminds me a bit of that SMACSS style guide (which I can *never* remember the name/acronym for). (via Dotcode)
-
Wysihtml5 - A better approach to rich text editing
Looks nice. IE8+ (and other modernish browsers). (via @dotcode)
-
Modern Web Development
Pretty comprehensive and good look at the Chrome developer tools. A bunch of things I didn’t know or had simply ignored. (via @simonw)
-
24 ways: Rock Solid HTML Emails
2009, but I assume this is still a good overview of what you should and shouldn’t do when making HTML emails.
-
Luxurious Animals Blog - Combining Easel.js and Box2d in Canvas
I have no plans to use this stuff, but it seems good, so if I bookmark it, it’s as good as learned!
-
EaselJS: A Javascript Library for Working with the HTML5 Canvas Element.
What it says in the title. “The API is loosely based on Flash’s display list, and should be easy to pick up for both JS and AS3 developers.”
-
Tumult Hype
HTML5 authoring tool, for making animations, interactive thingummies, etc. $50. Hadn’t seen it before, looks good for complex stuff. (via Daring Fireball)
-
Transm.js (javascript programmable image transitions)
A huge range of transitions that can be added to HTML images. All those things you avoid in PowerPoint.
-
Close Pixelate · David DeSandro
JavaScript to pixelate images, in a variety of styles, eg like Chuck Close. Very configurable, multiple layers, pixel shapes, etc.
-
HTML Elements and Attributes
Very handy-looking reference for HTML5 elements and attributes. (via Brett Terpstra)
-
HTML5 Doctor, helping you implement HTML5 today
Some nice, sensible discussion on individual HTML5 elements.
-
Html2text: THE ASCIINATOR (aka html2txt)
Turns a web page into Markdown-formatted ASCII. (via Preoccupations)
-
HTML Purifier - Filter your HTML the standards-compliant way!
PHP library for whitelisting certain HTML, protecting against XSS, etc. (via @simonw)
-
HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
Even if you don’t use the whole thing, it’s a nice collection of handy little JavaScript/CSS/.htaccess techniques in one place.
-
A List Apart: Articles: Responsive Web Design
Good description of making more flexible, multi-device HTML/CSS structures. For those of you not caring about IE support.
-
Mir.aculo.us with Thomas Fuchs » Blog Archive » Making an iPad HTML5 App & making it really fast
Some handy tips, although some assume you’re building a website *only* for the iPad, and don’t need to worry about other platforms.
-
GeSHi - Generic Syntax Highlighter :: Home
(via Infovore)
-
Why do we have an IMG element? [dive into mark]
The history of the image element in HTML. A great bit of documenting internet history. (via Waxy)
-
Download details: Internet Explorer Developer Toolbar
For IE6 or IE7. (via Haddock)
-
Building iPhone Apps with HTML, CSS, and JavaScript
Sounds like an interesting, free, online book for those of us unlikely to learn real programming any time soon. (via Infovore)
-
Web design Q&A - Doctype
“A free question and answer site for web designers. You can ask questions about CSS, HTML, web design and email design.”