Matt Scott

484 Added | 20 Magazines | 434 Likes | 3 Following | 11 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”

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 …

Web Development

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 …

Time I

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 …

JavaScript

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 …

JavaScript

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 …

Features

Essentially, a PWA is a website that is capable of being promoted to being native-ish. It gets many of the benefits of being a native app, but also …

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 …

Web Development

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> …

JavaScript

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> …

eCommerce

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 …

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 …

Web Development

Google amps up job search tools with salary, location features

The search giant wants to put you to work. The new tools come as Silicon Valley faces scrutiny over how tech and automation are affecting employment.<p>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 …

Silicon Valley

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 …

JavaScript

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 …

Web Design

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 …

Software Development

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 …

JavaScript

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> …

JavaScript

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 …

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 …

JavaScript

Top 10 JavaScript interview questions of all Time

<b>1. Difference between window.onload and onDocumentReady?</b><p>The onload event does not fire until every last piece of the page is loaded, this includes …

JavaScript

WebAssembly: A New Hope

In March 2017, just five months ago, the WebAssembly Community Group reached consensus on the initial (MVP) binary format, JavaScript API, and …

Google

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 …

Web Development

DeLorean's next car is a flying one

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 of <i>the</i> John DeLorean, maker of the eponymous sports car made famous by <i>Back to the Future</i>. In a profile at …

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 …

Your Brain Doesn't Contain Memories. It Is Memories

Recall your favorite memory: the big game you won; the moment you first saw your child's face; the day you realized you had fallen in love. It's not …

The Brain