Ryan

60 Added | 1 Magazine | 9 Likes | @r_tait | Keep up with Ryan on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Ryan”

Improving page performance with Chrome DevTools [11:30]

Umar Hansa walks through some killer DevTools features for performance tuning.

Podcasting

Build a JavaScript Command Line Interface (CLI) with Node.js

<b>As great as Node.js is for “traditional” web applications, its potential uses are far broader. Microservices, REST APIs, tooling, working with the</b> …

HyperApp: The 1 KB JavaScript Library for Building Front-End Apps

Hyperapp is a JavaScript library for building feature-rich web applications. It combines a pragmatic Elm-inspired approach to state management with a …

CSS Grid

Frequently, Questions are Asked.<p>What font / color scheme / editor / terminal is that?<p>I answer everything over at wesbos.com/uses. Feel free to tweet …

CSS

repost

HTML 5.2 has introduced a new <dialog> element for native modal dialog boxes. At first glance, it seems fairly straightforward (and it is), but as …

Web Development

Small Tweaks That Can Make a Huge Impact on Your Website’s Accessibility

For a beginner, accessibility can be daunting. With all of the best intentions in the world, the learning curve to developing compliant, fully …

Web Development

Introducing Web Payments: Easier Online Purchases With The Payment Request API

Buying things online can be a frustrating process, especially on mobile. Even if the pages are well designed, there’s a lot of information required: …

Web Design

Mine Bitcoin and Monero in the Browser

It’s worth noting that Google and ad blockers consider this script as malware, so use with that understanding in mind.I recently heard this story …

Cryptocurrency

Building an Animated Web Project Using a JavaScript Timeline

For the month of April, Media Temple was offered ad banner space on CodePen.io, an online community for sharing and exchanging front-end code …

Are Bitwise Operators Still Relevant in Modern PHP?

Many of you probably scratched your heads reading this title. "Bitwhat?"In this article, we'll look at what bitwise operators are, and whether or not …

Missed the eclipse? Watch totality here

They came. They saw. They marvelled.<p>Canadians across the country put on protective glasses to take in a partial solar eclipse on Monday, while south …

Solar Eclipse

Your Site without JavaScript

This post was originally published on calibreapp.com and reposted here with the author’s permission. If you're interested in taking Calibre for a …

Web Development

Grab Our Free Printable Functional JavaScript Cheat Sheet

Functional programming (FP) has become a hot topic in the JavaScript community. It's being touted as a great way of building scalable and …

Object rest and spread properties | Web

<b>By</b> Mathias Bynens<p>V8 JavaScript whisperer<p>Before discussing <i>object rest and spread properties</i>, let’s take a trip down memory lane and remind ourselves …

JavaScript

Simple Server Side Rendering, Routing, and Page Transitions with Nuxt.js

A bit of a wordy title, huh? What is server side rendering? What does it have to do with routing and page transitions? What the heck is Nuxt.js? …

Software Engineering

Drag and Drop

part of The Standard<p>In the video 👆, I give a quick run-down on Drag and Drop. I talk through:<p>listening to dragover and drop to disable the default …

A Modern Day Front-End Development Stack

Title: A Modern Day Front-End Development Stack17 JulLearn more

JavaScript

A Unified Styling Language

In the past few years we’ve seen the rise of CSS-in-JS, emerging primarily from within the React community. This, of course, hasn’t been without its …

JavaScript

How to Use Laravel Mix in Non-Laravel Projects

If you, like me, just want to get up and running on a project as quickly as possible, you probably don’t want to spend time configuring build tools …

Learning JavaScript Test-Driven Development by Example

You're probably already familiar with automated testing and its benefits. Having a set of tests for your application allows you to make changes to …

Writing JavaScript with Accessibility in Mind

Tips on how to improve the accessibility of your JavaScript components and provide users with more and better ways to interact with your website or …

Retrofit Your Website as a Progressive Web App

There's been a lot of buzz around Progressive Web Apps (PWAs) lately, with many people questioning whether they represent the future of the (mobile) …

Getting Started with CSS Grid

This was a blockbuster week for front-end developers as CSS Grid landed in the latest versions of Firefox and Chrome without a feature flag. That's …

Google Chrome

A Beginner’s Guide to Webpack 2 and Module Bundling

Webpack is a module bundlerWebpack has become one of the most important tools for modern web development. Primarily it's a module bundler for your …

Voyager – Can an Admin UI Make Laravel Even More Approachable?

Today, we are talking about Voyager!Voyager is a Laravel package that provides a full administration system for the framework in its "skeleton app" …

10 Tips to Become a Better Node Developer in 2017

I started working with Node full-time in 2012 when I joined Storify. Since then, I have never looked back or felt that I missed Python, Ruby, Java or …

JavaScript Speech Recognition

Speech recognition software is becoming more and more important; it started (for me) with Siri on iOS, then Amazon’s Echo, then my new Apple TV, and …

Speech Recognition