Tags: resource

AurelioDeRosa/HTML5-API-demos

A collection of device APIs—which, despite the title, are all JavaScript, not HTML. Each API in the list has a link to its spec, an explanatory article, a demo, and the current level of support.

An Event Apart News: AEA Resources: Articles, Links, and Tools From An Event Apart Chicago 2014

Hyperlinks relating to the talks delivered at An Event Apart in Chicago, including those connected to my rambling musings on progressive enhancement.

simpl.info

A handy reference for HTML, CSS, and JavaScript features. Each feature has a bare-bones demo at a nice guessable URL e.g. http://simpl.info/datalist/

Creating Style Guides · An A List Apart Article

A great article by Susan on getting started with creating a styleguide for any project.

I’ve seen firsthand how style guides save development time, make communication regarding your front end smoother, and keep both code and design consistent throughout the site.

DevDocs

A handy one-stop-shop for documentation on web technologies.

Implementing Responsive Design | Building sites for an anywhere, everywhere web

Tim’s book is ready for pre-order. Looks like it’s going to be good one.

A List Apart: Articles: ALA Summer Reading Issue

How about this for a trip down memory lane—a compendium of articles from over a decade of A List Apart, also available as a Readlist epub. It’s quite amazing just how good this free resource is.

The only thing to fault is that, due to some kind of clerical error, one of my articles has somehow found its way onto this list.

If this were Twitter, you’d be at-replying me with the hashtag “humblebrag”, wouldn’t you?

JS Hotline: (877) 300-2187

I love this! A volunteer-run hotline for answering JavaScript questions (set up by the awesome Garann Means, who literally wrote the book on Node.js).

I think I might volunteer my services.

Browser Support

A very useful site for checking browser support for CSS features. The test cases are really handy and the site gets extra bonus points for not calling itself “HTML5” anything.

Building a Responsive, Future-Friendly Web for Everyone | Webmonkey | Wired.com

A nice round-up of responsive and future-friendly resources.

The developer’s guide to mobile frameworks | Feature | .net magazine

Jonathan gives a thorough overview of the various tools and frameworks out there to help build native, hybrid and mobile web apps. He also shares his decision-making process on when to build what.

HTML5 and CSS3 Advent 2011

Here’s a geek advent calendar I missed. There are some great CSS techniques here.

InstaCSS | Instant CSS Documentation Search

A fantastically useful resource! Don’t let the name fool you: this provides instant access to documentation for CSS and HTML and JavaScript!

Put this one on speed dial.

Mobile Web Best Practices | Helping people make mobile websites

A handy set of guidelines from Brad Frost. It’s still a work in progress but it’s got some good tips for mobile design and development.

Get Ratio

A handy little tool for quickly generating ratios (like the golden section) from a number.

CSS Lint

Nicholas and Nicole have unveiled the CSS companion to JS Lint. And yes, it will your hurt your feelings.

resizeMyBrowser

A handy little tool for testing responsive designs by automatically changing your browser viewport size.

Responsive Data Tables | CSS-Tricks

Some good ideas for formatting tabular data for small screens.

Tips, Tricks and Best Practices for Responsive Design | Webmonkey | Wired.com

A nice round-up of responsive design techniques, with a particular focus on content first.

Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement — Easy Readers

Buy. This. Book.

I mean it.

Responsive Design Stuff

A handy list of responsive design resources.

Everything I’ve learned about podcasting over the last four years | fortuitous

A very handy “how to” for recording your own podcast.

Support Web Standards: More information about Web Standards, why they're important, and how you can support them.

A one-stop link shop for resources on web standards.

Create a new Fiddle - jsFiddle - Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)

This looks like it could be a handy little tool for creating test cases with HTML, CSS and JavaScript.

HTML5 accessibility

A handy table of new HTML5 elements and whether or not they are exposed to assistive technology.

Accessibility video tutorial - learn Accessibility // Think Vitamin Membership

Think Vitamin have been their accessibility material available for free.

HTML5 Reference | Metal Toad Media

HTML5 resources, gathered together in one place.

genManifest Bookmarklet

A handy little tool to help you get started with building offline apps by suggesting which files should go in your cache manifest.

HTML5Rocks - Home

A new HTML5 resource from Paul Irish and other Googlers.

Typograph – Scale & Rhythm

A handy tool that generates font-sizing CSS based on a drag'n'drop interface.

Pictaculous - A Color Palette Generator (courtesy of MailChimp)

A handy tool for generating colour palettes from images.

border-image-generator - In Case of Stairs

A very handy GUI for figuring out the somewhat complicated syntax of border-image in CSS3.

Placehold.it - Quick and simple image placeholders

This will be very, very handy for my day-to-day front end development work.

BBC - My Web My Way - Home

A handy accessibility resource from Auntie Beeb.

Happy Cog Studios: A Book Apart

Coming soon to a bookshelf near you.

PrimerCSS

This is an interesting idea: paste in some markup and this will automatically generate CSS selectors based on your classes and IDs.

101 Things I Learned in Interaction Design School

A set of short, easily-digested lessons from the world of interaction design, inspired by "101 Things I Learned In Architecture School."

Scrunchup

The Web Magazine for Young Designers and Developers. Very nicely done, and all in HTML5 too.

Accessibility Tips

A collection of tips, guidance, advice and practical suggestions in developing accessible websites

PHP Advent Calendar 2008

Like 24 Ways, this is an advent calendar for geeks. But this one is focused on PHP.

The Grid System

The Grid System is a resource for all designers to learn about the benefits of using grid systems, golden ratios and baseline grids.

Five Simple Steps | Books

Mark's book is almost ready. Really. It's got its own site and everything so it must be true.

Webmonkey: the Web Developers Resource

Hey, look what's back: Webmonkey! Ah, memories.

Web design 2.0 - it’s all about the resource and its URL « Derivadow.com

A great article about designing for what Tom Coates calls a "web of data", emphasising the importance of making sure that a resource sits at one URL.

24 ways: 2006

It's baaa-aaaack!

Design Melt Down

Design elements, trends and problems in Web Design... via John Oxton.

Simply Accessible

Derek's new site is going to be a great resource for practical accessibility techniques.