Tags: tutorials

HTML & CSS Is Hard – A friendly web development tutorial [↗]

Learning HTML and CSS is hard, but it doesn’t have to be. This 14-chapter tutorial is one of the friendliest HTML and CSS guides on the Internet. We’ll walk you through everything from selecting a good text editor (which is surprisingly important) to building full-fledged, professional-quality web pages from scratch.

This is possibly the most comprehensive guide to web development ever. OK, possibly not, but it is really rather good. The next time somebody asks me where to start, I’ll know where to point them.

Hey designers, if you only know one thing about JavaScript, this is what I would recommend [↗]

Sometimes, to start a journey into learning something huge and complex, you need to learn something small and simple. JavaScript is huge and complex, but you can baby step into it by learning small and simple things. If you’re a web designer, I think there is one thing in particular that you can learn that is extremely empowering.

This is the thing I want you to learn: When you click on some element, change a class on some element.

Basic stuff, but I really like Chris’ approach. He has a knack of breaking down complex topics into bitesize chunks. I’ve been thinking about creating some screencasts myself, and if I do, I’ll probably attempt to copy Chris’ approach.

SVG Line Animation for the Uninitiated [↗]

Today, we’re going to be animating an illustration created in Adobe Illustrator, using SVG and CSS. We’ll use a technique popularized by Polygon in their reviews of the Playstation 4 and Xbox One.

Good tutorial and nice effect, shame about the lack of IE support (although not a huge problem these days). Also, see vivus.js for similar animation effects.

Sketch 3 Basics [↗]

I like Sketch and I use it often, but I’m sure I’ve only scratched the surface of what it can do, so I’m looking forward to sitting down and watching this playlist.

Discover Flask [↗]

This popped-up on Hacker News the other day. It’s not new, but I’ve often looked at Flask and wished I used Python more, instead of PHP. Anyhow, if you’re like me and want to improve your Python knowledge, these tutorials are really good. You can view the entire video playlist here.