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.
Programming
Shaumik Daityari, Jan 31

How to Import Data and Export Results in R

Shaumik explains how to extract data from text files, CSV files and databases, and how to send that data to a web server.
HTML & CSS
Nitish Kumar, Jan 26

A Step by Step Guide to the Auto-Placement Algorithm in CSS Grid

Nitish Kumar gets close and personal with the workings of the auto-placement algorithm in the CSS Grid Layout module
JavaScript
Angela Molina, Jan 25

Introducing: Chatbots with Our First Mini Course

We’re happy to introduce Mini Courses, it’s a shorter course made for your quick breaks. In 1-hour, we'll show you how to make your first chatbot, for free!
Web
M. David Green, Jan 24

Psychology and Web Development, with Sherry Walling

In this episode, Tim and David are joined by Sherry Walling, a licensed clinical psychologist with a special interest in technology-related issues.
37 COMMENTs
Web
Craig Buckler, Jan 18

What's the Best Programming Language to Learn in 2017?

Reflect on your skill set and career choices. Have you made the right decisions? Are there better options? Should you consider a change?
Entrepreneur
M. David Green, Jan 17

Scrum Rituals: Daily Standup

51 COMMENTs
Web
Zack Wallace, Jan 12

Getting Started with Vagrant on Windows

Zack Wallace goes through how to set up Vagrant, the popular virtual machine software, on a Windows machine.
1 COMMENT
Design & UX
Luke Hay, Jan 12

How To Really Get To Know Your Users with Analytics

Designers can look at Analytics as tools for marketers and SEO people. Luke shows us how design is about understanding, and understanding is about data.
11 COMMENTs
JavaScript
James Hibbard, Jan 09

Editorial: What Do You Want to Learn in 2017?

In the first editorial of 2017, James Hibbard outlines one of his learning goals for the coming year and wants to know  - what are yours? 
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).