A Directory of design and front-end resources
A collection of collections.
This site is dedicated to compiling and sharing useful resources for Designers and UI Developers.
Tags: resources
18
Just Starting Out with CSS & HTML - CSS-Tricks
It’s great that we’ve got so many resources these days for keeping up with the latest and greatest developments in HTML, CSS, and JavaScript …but I think it’s really great that Chris maintains this collection of evergreen tutorials on the basics.
Useful accessibility resources
A whoooole bunch of links about inclusive design, gathered together from a presentation.
The Power of Serverless
Chris has set up a whole site dedicated to someone-else’s-server sites with links to resources and services (APIs), along with ideas of what you could build in this way.
Here’s one way to think about it: you can take your front-end skills and do things that typically only a back-end can do. You can write a JavaScript function that you run and receive a response from by hitting a URL. That’s sometimes also called Cloud Functions or Functions as a Service, which are perhaps better names, but just a part of the whole serverless thing.
Voice Guidelines | Clearleft
I love what Ben is doing with this single-serving site (similar to my design principles collection)—it’s a collection of handy links and resources around voice UI:
Designing a voice interface? Here’s a useful list of lists: as many guiding principles as we could find, all in one place. List compiled and edited by Ben Sauer @bensauer.
BONUS ITEM: Have him run a voice workshop for you!
advanced-js-resources.md
Following on from that intro-level book on JavaScript, here’s a handy list of resources for learning more advanced JavaScript.
Layout Demos by Jen Simmons
If you want to keep up to date with all the coolest stuff landing in CSS, I recommend bookmarking this ever-changing page.
simpl.info
This is a very handy resource—a collection of minimum viable implementations of HTML5 features and JavaScript APIs.
A Design Science Primer
The Buckminster Fuller Institute has put together this collection of resources which explain the ideas behind “comprehensive anticipatory design science.”
Seems especially relevant in light of the first issue of the Journal of Design and Science from MIT.
The legacy of the Black Mountain College lives on.
thoughtbot/design-sprint: Product Design Sprint Material
If you’re intrigued by the kind of design sprints I wrote about recently, here’s a handy collection of resources to get you going.
- Pre-sprint
- Understand: Gather existing knowledge, expose assumptions and unknowns
- Diverge: Illuminating all possible paths
- Converge: Choose the right path
- Prototype: Quickly build the right path
- Test & Learn: Test the right path
GSWO Workshop with Sparkbox
Katie, Divya, and the other great designers and developers at Sparkbox run workshops on HTML and CSS for girl scouts. They’ve shared their resources and I might just borrow some of them for Codebar.
Style Guide Resources
A very handy collection from Anna: articles, books, talks, podcasts, and examples of front-end style guides. If something’s missing, feel free to add it.
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.
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?
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.
Webmonkey: the Web Developers Resource
Hey, look what's back: Webmonkey! Ah, memories.