Josh Marchello, Mar 28

Sourcehunt - Swift Edition - March 2017

In continuation of Swift Month, this Sourcehunt is full of Swift goodness. We’ll show you packages for manipulating strings, creating re-usable styles, displaying user avatars, and bringing the awesomeness of FontAwesome to iOS. We’ve also got a package for parsing JSON like a boss, and user authentication for your next (or first!) Vapor app. Did I mention it’s all in Swift! ArtSabintsev/Guitar (350 ★) Inspired by JavaScript’s Voca library, this package makes working with strings a cinch. It adds some helpful methods to the String class that let you do anything from change case to add padding. Let’s say I have an app that takes a filename as input from the user. I want to make sure that filename does not have any spaces or capitalized words in it. Thanks to Guitar, I can do this easily.
Gabe Wyatt, Mar 28

Why Your Business Needs Error Monitoring Software

Gabe Wyatt explains why error monitoring software is important for your business, and how it makes tracking down bugs easier.
Robin Osborne, Mar 28

How to Select the Perfect Image Format to Optimize Your Website

Robin Osborne explains how you can ensure the most optimal image format is always served on your site, including future-proofing for new formats.
Maria Antonietta Perna, Mar 27

Is Using SVG Images Good for Your Website's Performance?

Maria Antonietta Perna shows why SVG images can be great for website performance, provided you follow a few simple steps when you design and export them
Adrian Try, Mar 24

What Sort of Hosting Should I Choose for My Website?

There are many factors to consider when choosing a web hosting plan. In this article, Adrian Try explains them and helps you make a decision.
Maria Antonietta Perna, Mar 24

Five CSS Performance Tools to Speed up Your Website

Maria Antonietta Perna highlights the importance of a fast-loading website and introduces five CSS performance tools to help you optimize your stylesheets.
Maria Antonietta Perna, Mar 24

Cut the File Size with These Three HTML Minification Tools

Maria Antonietta Perna introduces three HTML minification tools to automate optimization of your markup for a faster website and better user experience.
Nitish Kumar, Mar 23

Seven Ways You Can Place Elements Using CSS Grid Layout

Nitish Kumar shows seven ways in which CSS Grid Layout lets front-end developers quickly and intuitively place content on the web.
M. David Green, Mar 21

Increasing Productivity by Slowing Down, with Jason Lengstorf

In this episode of the Versioning Show, Tim and David are joined by Jason Lengstorf, a developer and designer at IBM.
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.
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
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.
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.
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.
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.
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.
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.
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.
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.
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?
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.
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.
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.

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).