Learn Web Development

Behind every great website, and many phone applications and games, is HTML. HTML is the essential building block of the web, and is a great first language to learn when starting in web development. It is not so much a programming language as it is a means of tagging and organizing content within a page. To make a website truly come to life, you will eventually need to combine HTML with CSS and JavaScript. While it may look complicated, HTML is not a difficult language. You can learn the basics in less than a day, but it can be a real chore to master everything. Our free videos and tutorials make learning HTML easy and fun.

Convert Video and Audio for HTML5 with avconv

We talked briefly about the various formats needed to embed video and audio in a web page in the previous tutorial, HTML5 Audio and Video Media Players. To satisfy as many modern browsers as possible, we have to encode our media in multiple formats. There are dozens of codecs and containers for audio and video. Each container can contain many …

Continue Reading

Web Appropriate Image Formats

Your computer monitor is made up of rows of thousands of tiny, differently colored, points called pixels. Pixels are so small that when you look at them from a distance it’s hard to notice the individual points. Get really, really close to your monitor, and you can start to make them out (or go cross-eyed). While a digital screen only …

Continue Reading

Resizing Photos for the Web with GIMP

The internet is not a big truck. It’s not something you can just dump something on. It’s a series of tubes! That infrastructure has a maximum capacity which we are just now fully realizing. Despite this, people expect the websites they visit to be snappy. As you progress down this path of web development, you will begin to seek out …

Continue Reading

HTML Head, Title, Meta, Link, and Script Elements

Remember way back when we made our first web page, I mentioned that the body element was where all of our visible elements go. So where do we put the invisible stuff? More importantly, what’s the point of invisible stuff? What does that even mean!? Relax. Take a deep breath. All will be revealed as we learn about the HTML …

Continue Reading

HTML5 Audio and Video Media Players

If a picture is worth a thousand words, imagine what thousands of pictures played back to back at a rate of 24 to 30 images per second would be worth? That’s like a bajillion words, at least. We’d never have to write anything ever again! Lucky for us, the HTML video element does just that. Even better, it’s super easy …

Continue Reading

HTML Image Elements Make Your Website Pop

Bring your website to life with images. Learn the HTML img tag to include photos, graphics, and animated gifs on your web page. Sharpen your site by adding titles, alt text, captions, and links to pictures with the figure, figcaption, and anchor tags.

Watch Now