Clik here to view.
Deliver Live and On-Demand HTML Video With Azure Media Services
Ever want to create your own Twitch.tv-like app for live-streaming your work? How about your own YouTube-esque program for playing back your previously recorded video? You might have used Flash, Java,...
View ArticleClik here to view.
An Overview of Material Design Lite
I have a feeling that CodePen is going to be absolutely filled with Material Design in the coming months. Why? Because Google have just revealed their eagerly anticipated Material Design Lite (MDL)....
View ArticleClik here to view.
Web Design for Kids: Color
Welcome to the tenth lesson of our Web Design for Kids series, all about Color.In this tutorial we will jump into color theory, different ways of using colors in our CSS, the meaning of certain colors,...
View ArticleClik here to view.
Silky Smooth Web Animation with Velocity.js
Animation, when thoughtfully applied, can improve website interfaces and, ultimately, the user experience of a website. In this tutorial, we are going to look into VelocityJS, a JavaScript animation...
View ArticleClik here to view.
Web Design for Kids: Wrap Up
We did it! We created our very first website from scratch and we talked about some essential pieces of design like whitespace, typography, and color.In this final tutorial we will quickly review...
View ArticleClik here to view.
From Tuts+ to AudioJungle
Having spent a large part of my time at Envato working for Tuts+ and telling people how much amazing stuff there is to learn, last year I decided it was time to dig a little deeper. I wanted to sample...
View ArticleClik here to view.
Tuts+ Celebrates 20,000 Free Tutorials!
The whole team here at Tuts+ is excited to announce that we’ve just published our 20,000th free tutorial. Since launching in 2007, Tuts+ has helped more than a quarter of a billion people learn new...
View ArticleClik here to view.
Design a Shopify Theme for Handcrafted Goods in Photoshop
What You'll Be CreatingIn this tutorial we’ll be creating a layout for a handcrafted goods shop. I won’t talk too much about specific font sizes or color codes, but will instead focus on explaining the...
View ArticleClik here to view.
Jade in 60 Seconds
Jade is a language which compiles into HTML. There are three standout reasons to use it, which we’ll cover in 60 seconds!A Bit More DetailLearn more about Jade on Tuts+.The Command Line for Web Design:...
View ArticleClik here to view.
New Course: Building Static Websites With Jekyll
In our new course, Building Static Websites With Jekyll, you’ll learn all about the Jekyll static site generator and build a whole website from scratch in less than two hours. Join Guy Routledge as he...
View ArticleClik here to view.
Remix CodePen Challenge: Winners Announced!
One month ago we set you a challenge: to remix an HTML and CSS profile card on CodePen as creatively as possible. A massive 154 of you took part–and today we’re very happy to announce the three...
View ArticleClik here to view.
Comprehensive Guide: When to Use Em vs. Rem
You may have come to terms with using flexible units of measurement, but you still might not fully understand when to use rem and when to use em. This tutorial will help you figure it out!Both em and...
View ArticleClik here to view.
HTTP Status Codes in 60 Seconds
When browsers send requests to servers, they receive in return HTTP status codes. Here’s an overview of those codes, in 60 seconds!A Bit More DetailLearn more about HTTP on Tuts+.HTTP Headers for...
View ArticleClik here to view.
Tuts+ for Kids
Tuts+ has always been about taking complex concepts and breaking them down into simple, step-by-step tutorials. But recently we set ourselves a new challenge: create some tutorials specifically aimed...
View ArticleClik here to view.
Building a Slider with Metafizzy’s Flickity
Flickity is a JavaScript slider library, built by David DeSandro of Metafizzy fame. It’s optimized for touch gestures, performance, and includes things like physics-based animation. In this tutorial...
View ArticleClik here to view.
Update: What’s New in Ghost Themes
Since our original Ghost theme creation tutorial series was published in late 2013, a lot of new changes have gone through the theming API. There are some new requirements for themes, a few things that...
View ArticleClik here to view.
Semantic HTML: Better Outlining With Sections
These days most web designers and developers are familiar with the term “semantic markup”. But do you really know what it means? Do you know how to properly lay out your HTML5 markup? In this short...
View ArticleClik here to view.
HTML5 Video: Understanding Compression and DRM
In a previous tutorial, I gave a high-level overview of HTML5 video and many of the transport standards that we can use. In this tutorial—the second in a series on using Azure Media Services to create...
View ArticleClik here to view.
30 Amazing Websites for Free Stock and Design Resources
What would the world be without freebies? Thanks to the generosity of photographers, designers, and illustrators across the globe, you can now incorporate gorgeous stocks into your own designs for...
View ArticleClik here to view.
Three Local Site Preview Methods in 60 Seconds
Here are three ways to setup local website previews, in 60 seconds! First, we’ll look at Prepros. Then we’ll use BrowserSync with Gulp. Lastly, we’ll look at XAMPP. Done.A Bit More DetailLearn more...
View Article