Learning | Web Programming

Our take on Web technologies, tools, and methods.

Runnable code code
Structures

Python Web Frameworks

This report surveys 30 Python web frameworks that have more than 1,000 monthly downloads and provides a deeper look into six of the most widely used.

Video play
Deferred rendering pass

WebGL: The next generation

Tony Parisi offers practical knowledge about creating WebGL content and deploying applications on a variety of platforms and devices, including virtual reality.

Video play
Abstract shapes on a canvas

The legend of Canvas

Rich McLaughlin uses "The Legend of Zelda" to teach different game mechanics. He also covers the core topics you need to get rolling with Canvas for game or traditional web development.

Video play
Universal selector

Understanding the universal selector

The universal selector selects everything in your document, the same way the "wild card" selector does in Linux. However, when you include the universal selector as part of a larger complex selector, confusion sets in. How exactly does the universal selector work?

Runnable code code
Keyboard

Building web apps for everyone

As web developers, we are responsible for shaping the experiences of users’ online lives. By making ethical, user-centered choices, we create a better web for everyone.

Video play
nth-of-type pseudoclass

Introducing the nth-of-type pseudoclass

Part of the new CSS3 standard, the nth-of-type and nth-last-of-type pseudoclasses are a useful way to select elements on a website, such as odd or even elements, or every 3rd or 4th element. Learn how this simple selector can impact your next project.

Video play
nth-child pseudoclass

Introducing the nth-child pseudoclass

Part of the new CSS3 standard, the nth-child and nth-last-child pseudoclasses are a useful way to select elements on a website, such as odd or even elements, or every 3rd or 4th element. Learn how this simple selector can impact your next project.

Video play
Attribute Selectors

Understanding attribute selectors

Part of the CSS2 standard, and expanded in CSS3, an attribute selector selects attributes, rather than tags, in your HTML. Variations include simple, exact, partial, and beginning and ending substrings.

Runnable code code

Typechecking with Hack

The typechecker is one of Hack's key features. Learn what it is, how it works, and how you can put it to use in this excerpt from Hack and HHVM.

Video play

Bootstrap 4 utility classes

In my final day of examining new features in Bootstrap 4, we’ll look at a feature that isn’t glamorous, but it sure is handy. There are a zillion new and revised utility classes in Bootstrap 4, making styling more flexible and easier than ever.

Video play

Bootstrap 4 and Sass

In Day 3 of my examination of Bootstrap 4's new features and functions, we'll look at the Sass files. That's right–Bootstrap 4 has dumped LESS in favor of Sass CSS preprocessor files. The files have been completely rewritten and refactored to take advantage of Sass data structures. It's easy to make changes to a few variables and have a much different looking page.

Video play

Bootstrap 4 cards

In Day 2 of my examination of Bootstrap 4's new features and functions, we'll look at cards. Bootstrap defines these as "a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options." Cards are so powerful, they have replaced three features from Bootstrap 3, including panels, thumbnails, and wells.