This looks like a great resource for beginners looking to learn HTML and CSS.
I have no hands-on experience with React, but this tutorial by Jack Franklin looks like a great place to start. Before the tutorial begins he succinctly and clearly outlines the perfect architecture for building on the web today:
- The next time a user clicks, rather than being sent to the server, the client-side app is in control.
Y’know, I had a chance to chat briefly with Jack at the Edge conference in London and I congratulated him on the launch of a Go Cardless site that used exactly this technique. He told me that the decision to flip the switch and make it act as a single page app came right at the end of the project. I think that points to a crucial mindset that’s reiterated here:
This time it’s a great article by Karen Menezes filled with practical examples showing where you can use flexbox today.
A really handy interactive intro to flexbox. Playing around with the properties and immediately seeing the result is a real help.
Josh walks through the process he took to enabling SSL on his site (with particular attention to securing assets on CloudFront).
Chase Reeves likes Huffduffer so much, he made a video about it.
A handy step-by-step guide to all the ways you can use CSS for layout.
A really good introduction to front-end performance techniques. Most of this was already on my radar, but I still picked up a handy tip or two (particularly about DNS prefetching).
At this stage it should go without saying that you should be keeping up with this kind of thing: performance is really, really, really important.
A really great markup and CSS pattern for “content first, navigation second” from Aaron.
A great step-by-step tutorial from Brad on developing a responsive site with a Content First mindset.
Stephen gives an excellent run-down of flexbox and how you can use it today.
A really nice little primer on getting started with HTML5.
John tells you everything you need to know about CSS animations and transitions, and then he gives you a tool to help you get started.
A very handy “how to” for recording your own podcast.
Think Vitamin have been their accessibility material available for free.
A new HTML5 resource from Paul Irish and other Googlers.
Answering your questions about HTML5.
An excellent tutorial from Nat explaining how to deal with those situations where you should be using a button but the design calls for it to look like a link.
Superb article by Ethan on calculating percentages for liquid layouts. Read it. Do it.
A great 24 Ways article by Elliot on creating and styling hCards.
Like 24 Ways, this is an advent calendar for geeks. But this one is focused on PHP.
Here's a great project from Andrew Mager. He takes a little time out at lunch to post a small markup or CSS tip. Over time this builds up into a really valuable resource.
Hey, look what's back: Webmonkey! Ah, memories.
Cameron has put all the materials from his four-part series together in one handy spot.
Brian shows some clever uses of the little-known :target pseudo-class.
Easy as Pie Ajax Requests - Create compelling ajax in minutes with simple examples. | Notes from Phazm
This is a good straightforward hands-on explanation of Ajax: succinct and clear.
A neat new CSS effect. You don't see many of those these days.
I keep meaning to post more videos to my blog and seeing as Tantek has the camera as I do, I'm making a note of what he does.
A nice collection of CSS tutorials and design trends.
John has been working behind the scenes on this for quite a while and now it's ready for launch. Lots of yummy standards-based goodness in bite-sized chunks.
Mark is beginning a new five part series similar to his one on typography. If you haven't done so yet, subscribe to his RSS feed.