Learning | Web Programming

Our take on Web technologies, tools, and methods.

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.

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.

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.

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?

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.

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.

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.

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.

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.

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.

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.

Shuzo Fujimoto's Clover Tessellation

CSS visual effects

Learn the secrets of creating CSS visual effects, such as one-sided shadows, irregular drop shadows, color tinting, frosted glass, and folded corners. Read this excerpt from Lea Verou's CSS Secrets.