Alexis Goldstein, Feb 24

HTML5 Form Attributes (Part 1)

The following is an extract from our book, HTML5 & CSS3 for the Real World, 2nd Edition, written by Alexis Goldstein, Louis Lazaris, and Estelle Weyl. Copies are sold in stores worldwide, or you can buy it in ebook form here.

The required Attribute

The Boolean required attribute tells the browser to only submit the form if the field in question is filled out. Obviously, this means that the field can’t be left empty, but it also means that, depending on other attributes or the field’s type, only certain types of values will be accepted. Later in the chapter, we’ll be covering different ways of letting browsers know what kind of data is expected in a form.

Atlassian, Feb 24

Learn Git with Bitbucket Cloud

Learn the basics of Git with this space themed tutorial.
Deji Akala, Feb 24

Sylius and Cutting Your Teeth on TDD

We look at Sylius - a fully tested and super-robuts e-commerce platform/framework, and use it to learn some proper Test Driven Development!
Chris Burgess, Feb 24

Quick Tip: Create a Simple WordPress Gallery in 5 Minutes

A quick walkthrough on how to create an image gallery in a few easy steps, utilizing the native 'Create Gallery' functionality in WordPress.
Atlassian, Feb 24

Learn About Code Review in Bitbucket Cloud

Learn how to use pull requests for code review with Git by adding an inspirational quote to a teammate's repository.
Alexis Goldstein, Feb 23

HTML5 Forms: New Controls

There are five new form elements in the HTML5 forms specification: datalist, output, keygen, progress, and meter
M. David Green, Feb 23

Functional JavaScript for Lazy Developers (Like Me)

Applying functional techniques improved my programs, problem-solving skills, process; my code was cleaner and easier to maintain — with less work.
Viraj Khatavkar, Feb 23

Laravel Dusk - Intuitive and Easy Browser Testing for All!

Viraj demonstrates Laravel Dusk - a browser testing tool designed for testing your apps in full - including UI and JavaScript!
Design & UX
Marianne Kipp, Feb 23

How Much Should Your Logo Design Cost?

When it comes to branding your business, a logo is always essential. But how much should you pay for it? Here's a lowdown on what to consider.
M. David Green, Feb 22

Scrum Artifacts: Product Increment

At the end of each sprint, the completed features that were worked on should be added to the product for the sprint demo.
Simon Codrington, Feb 22

jQuery Pagination Plugins

jQuery pagination plugins provide an easy way to separate your information into generated hyper-linked pages. Simon Codrington compares 5 plugins.
Aleczander Gamboa, Feb 22

Make Your Next Move. Make Your Next Website.

Create an impressive portfolio website with Squarespace's all-in-one platform. Start your free trial today.
Ivan Mushketyk, Feb 22

Java's Synchronized Keyword in Three Minutes

The synchronized keyword is a common building block in concurrent Java applications. Learn how to use it to avoid race conditions.
Design & UX
Alex Walker, Feb 22

Web Layout 101: Vertical Rhythm is a Drummer

Vertical rhythm is often worshipped or ignored. But perhaps its at its most useful when we treat it as a trusted advisor to our layouts.
Enrico Sustayo, Feb 22

An Introduction to Messages Extensions on iOS

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