Matt Scott

485 Flips | 20 Magazines | 435 Likes | 3 Following | 12 Followers | @MattScott77 | Keep up with Matt Scott 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 “Matt Scott”

Measuring Websites With Mobile-First Optimization Tools

11 min read<p>Share on Twitter or LinkedIn<p>Smashing Newsletter<p>Upgrade your inbox and get our editors’ picks twice a month.<p>With useful tips for web devs. …

Responsive navbar using Python (Django), HTML, CSS, Javascript

I am following this guideline to create a responsive navbar that, according to the dimension of the screen, will show its elements in a dropdown list …

CSS Grid for UI Layouts

CSS Grid is a great layout tool for content-driven websites that include long passages of text, and it has tremendous value for a variety of …

How to build a Realtime Graph using JavaScript and Pusher

The world needs everything uber-fast now. There are plenty of data streams being generated by different systems every day. They serve in making …

Learn to build a VR app from scratch in just 10 minutes

With Mozilla’s free framework A-Frame, anyone who can write HTML can create a virtual reality app, and anyone who knows JavaScript can animate the …

What’s next for React Apollo – Apollo GraphQL

Query components, Preact support, and better TypeScript definitions!<p>tldr;<p>I’m super excited to announce the first beta of React Apollo version 2.1. It …

PWA - Progressive Web Application

What is PWA?<p><b>The web…but better</b><p>A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver an app-like experience to users. …

ButterflyVPN is a router that unlocks the internet on-the-go

A limited internet doesn’t make sense, right? It seems like a contradictory idea, but in many places it is. Some countries restrict access to certain websites, and often services we know and love are not available in these markets. It’s a bummer, but there are ways to go around these digital …

How To Make A Drag-and-Drop File Uploader With Vanilla JavaScript

It’s a known fact that file selection inputs are difficult to style the way developers want to, so many simply hide it and create a button that opens …

Getting Started With Angular and Go — Setting Up A Boilerplate Project.

<b>I have seen a lot of people on social media groups asking if there is a boilerplate project present for Angular/React + Go. As both an Angular and Go</b> …

How to Launch Your Own Online Store With Shopify

<i>In our new series</i> Getting It<i>, we’ll give you all you need to know to get started with and excel at a wide range of technology, both on and offline.</i> …

Turbolinks: SPA-like Experience Without The SPA-framework Hassle

Keeping the heavy work in the server-side with Turbolinks<p>If you're used to work on a full-stack framework like Ruby on Rails, you must be familiar …

JavaScript

Visual Studio - Customizing Visual Studio for Mac

Applying Languages and Themes<p>Visual Studio for Mac quickly allows you to change the display language for the UI. You can do this in the Visual Style …

Using VS Code and Node to Write HTML with Style (Baked-in)!

IntroductionIn this article, I'm going to explain how you can use the power of Visual Studio Code and Node.js to build a custom editing tool to …

Google amps up job search tools with salary, location features

Earlier this year, Google unveiled new search tools designed specifically to help people find jobs. Now the tech giant wants to try to make the process a little easier. Google said on Wednesday that it's adding new features to its job search tool.<p>With the updated features, you can search for jobs …

PatternifyJS - JavaScript Design Patterns

About<p>PatternifyJS is a reference of the main design patterns in JavaScript. JS libraries are not covered, but the core scripting languages around …

What’s new in Angular v5: Animations – Netanel Basal

Angular version 5 is here and with her a new wave of features. In this article, I want to explore what’s new in animations.<p>Negative limits in …

Node8’s util.promisify is so freakin’ awesome!

In this guide you will learn how to use Node’s util.promisify to promisify your own functions. This utility function was included in NodeJS version …

10 Super Useful Code Generators for Web Designers

Code generators can be a web designer’s best friend for a couple of reasons. For one, they can often help you learn new techniques or brush up on …

React 16: A look inside an API-compatible rewrite of our frontend UI library

React makes it simple to build functional, component-based user interfaces on web and mobile; at Facebook, we have more than 30,000 React components …

Essential Vanilla JavaScript Functions

Some of the missing functions in JavaScript in vanilla form (inspired by PHP). You can just try it as a programming practice.<p>Remove duplicates from …

Build An Interactive Game of Thrones Map (Part I) - Node.js, PostGIS, and Redis

A Game of Maps<p><i>Have you ever wondered how "Google Maps" might be working in the background?</i><p><i>Have you watched "Game of Thrones" and been confused about</i> …

Web Development Top 10 Articles (v.Sep 2017)

Web Development Top 10 Articles for The Past Month (v.Sep 2017)<p><b>For the past month,</b> we’ve ranked nearly 2,000 Web Development articles to pick the Top …

Top 10

A React (+ Redux) replacement in 40 lines of code

Browsing the JavaScript sub-Reddit the other day, I was greeted by a peculiar thread called <b>innerself</b>:<p>Unsure as to whether or not it was click-bait, I …

Suspended – Medium

WebAssembly: A New Hope

In March 2017, the WebAssembly Community Group reached a consensus on the initial (MVP) binary format, JavaScript API, and reference interpreter. …

JavaScript

Here’s how to make a desktop client for Google Allo

Now that Google Allo has graced our browsers, we’re finally able to utilize the chat app at a much higher level. And while it’s great to host the application in a browser, it’s often nice to have a separate desktop app to keep some services separate from the hundreds of tabs you probably have …

Making Your First Chrome Extension

We all have our favorite web browser with our favorite extensions loaded, but have you ever considered writing your own? You've probably had at least …

DeLorean's next car is a flying one

Where we're going, we won't need roads... but we will need sophisticated air-traffic control and parachutes.<p>Paul DeLorean isn't as famous as Larry Page, Airbus or Uber, but he's competing with all three in the race to build a flying car. DeLorean does have a famous name, however, and is the nephew …

Best Websites A Programmer Should Visit » Avtar Time - Every Thing Merge Here

Best Website Programmer visit<p>As programming field is endless for learning all the languages and technologies. But our hard working developers and …