Skip to main content

Bookmarks tagged with “html”

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

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

  3. Luster - Mobile Web App Checklist

    Loads of good tips for making websites feel more native on touch-based devices.

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

  5. 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)

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

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

  8. 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)

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

  10. 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)

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

  12. 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)

  13. CSS Architecture | Appfolio Engineering

    Lots of good thoughts on structuring CSS. (via Tom Taylor)

  14. Flat UI Free - PSD&HTML User Interface Kit - Designmodo

    Looks interesting for quickly making things look nice. (via @paulpod)

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

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

  17. Responsive Web Design Frameworks, Grid Systems and Starter Kits

    Good summary of lots HTML/CSS frameworks. (via mildlydiverting)

  18. WordPress › Boilerplate « Free WordPress Themes

    “A merger … of the HTML5 Boilerplate and the Starkers theme.” Handy for starting theme development with. I imagine.

  19. 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)

  20. Wysihtml5 - A better approach to rich text editing

    Looks nice. IE8+ (and other modernish browsers). (via @dotcode)

  21. 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)

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

  23. 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!

  24. 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.”

  25. 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)

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

  27. Close Pixelate · David DeSandro

    JavaScript to pixelate images, in a variety of styles, eg like Chuck Close. Very configurable, multiple layers, pixel shapes, etc.

  28. HTML Elements and Attributes

    Very handy-looking reference for HTML5 elements and attributes. (via Brett Terpstra)

  29. HTML5 Doctor, helping you implement HTML5 today

    Some nice, sensible discussion on individual HTML5 elements.

  30. Html2text: THE ASCIINATOR (aka html2txt)

    Turns a web page into Markdown-formatted ASCII. (via Preoccupations)

  31. HTML Purifier - Filter your HTML the standards-compliant way!

    PHP library for whitelisting certain HTML, protecting against XSS, etc. (via @simonw)

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

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

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

  35. 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)

  36. 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)

  37. 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.”

  38. Fujinon Binoculars

    View Source. Scroll down. The HTML is something else. (via Haddock)

  39. The 1KB CSS Grid by Tyler Tate :: A simple, lightweight approach

    As simple as a grid-based CSS framework thing could be. (via Infovore)

  40. Styling buttons to look like links | Natalie Downe

    For the very few occasions when you want to make a submit button look like a standard link. Not that you should. (via Simon Willison)

  41. Bits & Pixels – Blog Archive – Cross-browser transparent columns

    How to make the background of a block semi-transparent but have the content opaque. Bit of a palaver, but it works.

  42. Stu Nicholls | CSSplay | A css only dropdown menu

    Sounds good but haven’t explored it thoroughly.

  43. When can I use…

    “Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies.” A lot of waiting involved. (via Dotcode)

  44. Recreating the button | stopdesign

    Doug Bowman on how buttons were developed on Google apps. Good HTML/CSS cleverness. (via Simon Willison)

  45. Why HTML

    More recent arguments for why to use HTML rather than XHTML. (via Simon Willison)

The most common tags

  1. webdevelopment (727)
  2. london (356)
  3. uk (317)
  4. music (255)
  5. javascript (171)
  6. mac (167)
  7. articles (152)
  8. maps (146)
  9. css (146)
  10. via:kottke (139)

More…