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.

M. David Green, 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.
Pavels Jelisejevs, Feb 21

React Storybook: Develop Beautiful User Interfaces with Ease

Pavels Jelisejevs introduces React Storybook, demonstrating how it aids collaboration and eases the pain of maintaining the UI components in your projects.
Andy Kirk, Feb 21

Responsive CSS Patterns without Media Queries

Andy Kirk looks at some neat techniques to achieve responsive CSS patterns while we wait for element and container queries to be available!
Theodhor Pandeli, Feb 21

Integrating the Facebook Graph API in Android

In this tutorial, I will show how to send requests and get data from Facebook using Graph API. You can find the project on Github In order to perform requests to Graph API, the user must be logged in with the Facebook SDK for Android. I am not going to explain how to set up the login process in this article. You can find the Facebook Login Integration article here Watch every action your users perform in your app! Make sure you have an up to date version of Android Studio. I am using version 2.2.3 Open Android Studio and create a New Project, naming it as you wish. Click Next, choose Minimum API level 17 and click Next again. Choose Empty Activity as the first activity, name it LoginActivity and click Finish.
Design & UX
Claudia Elliott, Feb 21

10 Web Design & UX Trends for 2017 That Can Boost Conversions

Trends are interesting, but more important is how these 2017 web design and UX trends boost conversions.
Bruno Skvorc, Feb 21

Sourcehunt: Idea of the Month and 6 Interesting Repos!

Sourcehunt Feb, apart from promoting really interesting open source repos, now also features an app idea of the month, worth a fortune. Check it out!
Design & UX
Anada Lakra, Feb 21

How to Name Your Business with a Little Help from Design Thinking

Having trouble naming your brand? Here's a excellent step-by-step process on how to name a brand from the team at 99designs.
M. David Green, Feb 20

Scrum Artifacts: Velocity and Burndown Charts

velocity is how a scrum team measures the amount of work they can complete in a typical sprint. By tracking the number of story points the team can
Pierre-Yves Saumont, Feb 20

Lazy Computations in Java with a Lazy Type

Java is known as a mostly strict language. It's useful, however, to implement a 'Lazy' type for lazy initialization, deferred computations, etc.
Nilson Jacques, Feb 20

Behind the Scenes: A Look at SitePoint's Peer Review Program

Nilson Jacques takes a look at how SitePoint uses peer review to help ensure we publish high-quality content, and gives you the opportunity to get involved.
Louis Lazaris, Feb 17

Validating HTML5 Documents

Let’s expand upon the concepts of validations a little more so that you can better understand how validating pages has changed
Nicolai Parlog, Feb 17

How Conferences Feed the Hype Cycle

Lots of great conferences have lots of great speakers. But does the lack of everyday developers speaking about their experiences feed the hype cycle?
Jérémy Heleine, Feb 17

An Introduction to WordPress Permalinks

In this article, Jérémy Heleine provides an introduction to permalinks, so that you’ll be able to choose the best type for your WordPress site.
Azat Mardan, Feb 16

How to Work with and Manipulate State in React

An excerpt from Azat Mardan's "React Quickly" book, which explains how to work with state in React and takes a look at the difference between state & props.
Christopher Pitt, Feb 16

Writing Async Libraries - Let's Convert HTML to PDF

Chris goes through the whole process of building a PHP async library for converting HTML to PDF - magical stuff!
Design & UX
Saad Al-Sabbagh, Feb 16

5 Ideas to Improve Your Website UX in Under 2 Hours

Sometimes small changes can make a big difference to your UX. Saad has 5 relatively simple ways you can improve your UX in a morning's work.
M. David Green, Feb 16

Scrum Artifacts: Definition of Done

Declaring a story to be done is a means of verifying that all of its critical aspects have been completed based on the way each team works.
Design & UX
John Barton, Feb 16

An Engineering Manager's Guide to Rebranding

Ever wondered how rebranding works? 99designs Engineering Manager John Barton conveys how to rebrand efficiently and correctly.
Ariel Elkin, Feb 15

Editorial: Which Planet of the Apps Are We On?

If you haven’t heard that Apple is launching a TV show about app-making, then, I wonder… which planet you’re living on? The trailer for the new show promises the following: In every episode, app developers work to earn millions of dollars in venture capital investment. It begins with a pitch to four of the world’s most culturally influential entrepreneurs. […]. It all leads to a final pitch with one of the hottest venture capital firms on the planet. The developer community’s reception, so far, has been negative. Rock Star Developer and maker of Instaper Marco Arment tweeted: I’m sure Planet of the Apps will be a great show for all of those people who bug developers with their awful ideas. But actual developers… Well, this likely has about as much relevance to reality as most “reality” shows. Aside from the fact that judging a show purely by its trailer is, shall we say, unwordly, I say: Think different, content-creation is an avenue that Apple has much exploration to do in, and they have the resources required for it (visibility, money, domain knowledge, and talent). Consider this an experiment. Worst case scenario; mobile apps gain more visibility. Best case scenario? The perceived value of apps and your job becomes higher. You’d be automatically promoted from Rock Star to Rock Legend.
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.
George Martsoukos, Feb 15

Quick Tip: User Sortable Lists with Flexbox and jQuery

George Martsoukos shows how to build a simple Flexbox and jQuery plugin which sorts elements based on the values of their custom data attributes.
Ivan Mushketyk, Feb 15

The Dangers of Race Conditions in Five Minutes

A race condition occurs when multiple threads mutate shared state such that the outcome depends on how exactly the threads' operations interleave.
Craig Buckler, Feb 15

How to Use Mobile Emulation Mode in Chrome

A quick look at how to enable Chrome's useful new Emulation Mode to emulate dozens of mobile devices.