8 COMMENTs
JavaScript
Craig Buckler, Mar 21

Retrofit Your Website as a Progressive Web App

Provide a great mobile experience without building native apps. Craig Buckler walks you through converting an existing site to a Progressive Web App.
15 COMMENTs
HTML & CSS
Gajendar Singh, Mar 21

How You Can Use HTML5 Custom Data Attributes and Why

Gajendar Singh walks you through HTML5 custom data attributes, why they're useful, how to style them with CSS and manipulate them with JavaScript and jQuery
1 COMMENT
Web
Jeff Smith, Mar 20

Why Every Business Needs a Website

Every business needs a website. Developers have been saying it for years, but it has never been more true. Jeff Smith explains.
5 COMMENTs
Web
Craig Buckler, Mar 17

What is HTTP/2?

HTTP/2 will eventually supersede HTTP/1.1. What is it? Can you use it today? Do you need to update your website? Craig Buckler provides the answers.
2 COMMENTs
Web
Adrian Try, Mar 17

I Need a Website. What Do I Need to Know About Hosting?

For those looking to get online for the first time, web hosting can be a confusing concept. Adrian Try compares it to choosing real estate.
Web
Vasily Strelyaev, Mar 14

TestCafe: Easier End-to-end Web App Testing with Node.js

Vasily Strelyaev introduces TestCafe, a new, open-source Node.js-based end-to-end testing framework for web apps.
HTML & CSS
Nitish Kumar, Mar 14

How to Order and Align Items in Grid Layout

Nitish Kumar shows how you can quickly order and align content using the shiny new CSS Grid Layout module.
Web
Jonathan Saring, Mar 10

Managing Code Components with Bit

Jonathan Saring introduces Bit, new OSS distributed code component manager built to make components reusable across repositories, and much more.
2 COMMENTs
JavaScript
Elio Qoshi, Mar 09

Interview with Kris Borchers, JS Foundation Executive Director

Elio Qoshi is joined by Kris Borchers, JS Foundation Executive Director, to talk about the organization's beginnings, current projects and what lies ahead.
Design & UX
Alex Walker, Mar 08

Introducing Portfolio WordPress Theme – and the Design Decisions Behind it

Good design comes down to 3 or 4 fairly simple decisions at the beginning of a project – and then just carrying them through.
1 COMMENT
Web
M. David Green, Mar 07

Tech Stacks, Frameworks, Being Creative, and Being Real, with Tim Holman

In this episode of the Versioning Show, David and Tim are joined by Tim Holman, a web experimenter and member of the CodePen team.
42 COMMENTs
PHP
Vlad Kobilansky, Mar 03

The State of PHP MVC Frameworks in 2017

Vlad considers the current state of PHP frameworks in 2017 - where are we? Where can we go from here? Which ones have the highest potential?
10 COMMENTs
Web
Craig Buckler, Feb 28

Front-End Tooling Trends for 2017

Are you using the best development tools? Is your CSS compilation complicated? Have you bungled your JavaScript bundling? Craig discusses what we're using.
1 COMMENT
JavaScript
Yaphi Berhanu, Feb 27

What Tutorials Don't Tell You: How to Approach Projects

Yaphi Berhanu demonstrates how to plan your web dev projects, making them an iterative process and breaking large problems into small bite-size pieces.
1 COMMENT
HTML & CSS
Alexis Goldstein, Feb 21

Open Your Data Up to Bots Using Microdata

Microdata is another technology that’s rapidly gaining adoption and support, but, unlike WAI-ARIA, it’s technically part of HTML5. Although still early in development, it’s worth mentioning the Microdata specification here, because the technology provides a peek into what may be the future of document readability and semantics.

In the spec, Microdata is defined as a mechanism that “allows machine-readable data to be embedded in HTML documents in an easy-to-write manner, with an unambiguous parsing model.”

With Microdata, page authors can add specific labels to HTML elements, annotating them so that they can be read by machines or bots. This is done by means of a customized vocabulary. For example, you might want a script or other third-party service to be able to access your pages and interact with specific elements on the page in a certain manner. With Microdata, you can extend existing semantic elements (such as article and figure) to allow those services to have specialized access to the annotated content.

This can appear confusing, so let’s think about a real-world example. Let’s say your site includes reviews of movies. You might have each review in an article element, with a number of stars or a percentage score for your review. But when a machine comes along, such as Google’s search spider, it has no way of knowing which part of your content is the actual review—all it sees is a bunch of text on the page.

Why would a machine want to know what you thought of a movie? It’s worth considering that Google has started displaying richer information in its search results pages, in order to provide searchers with more than just textual matches for their queries. It does this by reading the review information encoded into those sites’ pages using Microdata or other similar technologies. An example of movie review information is shown below.

Web
Tim Evko, Feb 21

REST, GraphQL, and Founding a Startup, with Michael Paris and Vince Ning

In this episode of the Versioning Show, Tim and David are joined by Michael Paris and Vince Ning, founders of Scaphold.io, a backend service for GraphQL.
9 COMMENTs
Web
Kushagra Gour, Feb 15

Web Maker, an Offline, Browser-based CodePen Alternative

Kushagra Gour introduces Web Maker, a browser extension for front-end developers needing a blazing-fast, offline web playground.
15 COMMENTs
Mobile
Craig Buckler, Feb 15

How to Simulate Mobile Devices with Device Mode in Chrome

A quick look at how to enable Chrome's useful new Emulation Mode to emulate dozens of mobile devices.
1 COMMENT
Web
Aaron Osteraas, Feb 14

How to Prototype Web Apps Quickly with AppGini

Learn how to quickly prototype database-driven web apps with AppGini.
HTML & CSS
Guy Routledge, Feb 08

Bringing Websites to Life with CSS Animations

CSS animations are fast becoming an essential design tool and tap into a more engaged audience through micro interactions and visual validation.
Web
M. David Green, Feb 07

Learning HTML, CSS and SVG, and Facing Fears, with Joni Trythall

Joni Trythall joins the Versioning Show to discuss learning HTML, CSS and SVG, sharing code, teaching, writing, and facing your fears.
44 COMMENTs
Web
Kyle Prinsloo, Feb 07

21 Steps to Becoming a Successful Web Developer

Kyle Prinsloo discusses the mindset, knowledge and skills required to stand out from the crowd and make a success of your web development career.
Web
Craig Buckler, Feb 02

Take the Pain Out of Form-Building with JotForm 4.0

Craig Buckler looks at JotForm 4.0, a tool that enables people without a technical background to build advanced, beautiful forms.
Design & UX
John Stevens, Feb 01

6 Email Hacks Guaranteed to Boost Results from Your Email Efforts

According to the Direct Marketing Association, you can expect an ROI of $38 for every $1 you spend on email marketing. Small tweaks can be big money.
We Teamed Up With SiteGround To bring you up to 65% off web hosting, plus free access to the entire SitePoint Premium library (worth $99).