hello.js

var please = require('share');
console.log('thank you');

Tuesday, 16 January, 2018 UTC

Evil Icons – A Clean SVG Line Icon Pack for Web Developers

Evil Icons – A Clean SVG Line Icon Pack for Web Developers

With a name like Evil Icons , you might not be sure what to expect. But, the project is harmless and surprisingly useful! The Evil Icons pack offers an assortment of a few dozen icons in the line icon style . These use thin shapes with transparent centers ... more


Tuesday, 16 January, 2018 UTC

Using and creating code snippets

Using and creating code snippets

Code snippets, or Live Templates as they are called in WebStorm, can help you save and reuse code. This can be any code fragment that you find yourself using often – just a line of code like a method definition, or a skeleton for a whole file. There ... more


Tuesday, 16 January, 2018 UTC

What’s New for Designers, January 2018

What’s New for Designers, January 2018

Start 2018 by deleting some of those old tools from your computer that you never use in favor of some fresh, new options. While old favorites can be great for a while, there are so many great new elements out there that can streamline your workflow, ... more


Tuesday, 16 January, 2018 UTC

Popular Design News of the Week: January 8, 2018 – January 14, 2018

Popular Design News of the Week: January 8, 2018 – January 14, 2018

Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around the web that can be of interest to web designers. The best way to keep track of all the great stories and news being posted ... more


Tuesday, 16 January, 2018 UTC

Use a Vue.js Render Prop!

Use a Vue.js Render Prop!

TLDR; I show that Vue can use JSX to utilize the React pattern of a render prop. Source code here In Vue, templates are typically how we compose/extend/mix/open source our components. This is contra the experience of React developers who write most of ... more


Tuesday, 16 January, 2018 UTC

Want a job in web development? Learn a framework.

Want a job in web development? Learn a framework.

WRITTEN BY GARETH DUNNE @DUNNEDEV When browsing information about web development careers you might stumble upon junior or entry level developers asking about the correct way to get hired. Very frequently there will be advice given along the lines of: ... more


Tuesday, 16 January, 2018 UTC

Three Ways to Create HTML Documents on the Fly

Three Ways to Create HTML Documents on the Fly

Creating HTML documents on the fly , with or without JavaScript, is sometimes necessary. Whether the goal is to display an acknowledgment page or an iframe containing a whole page, if the document is simple enough it can be easily put together and served ... more


Tuesday, 16 January, 2018 UTC

How to Customize Windows 10 “Send to” Context Menu

How to Customize Windows 10 “Send to” Context Menu

The “Send to” option in Windows context menu is astonishingly helpful , but it’s also one of the most underrated features. I’ll blame its lame default entries for receiving the cold shoulder. But, what if you can customize the context menu‘s “Send to” ... more


Tuesday, 16 January, 2018 UTC

Building Vue.js Apps with Parcel

Building Vue.js Apps with Parcel

The canonical way to build & bundle a Vue.js application is with webpack, and indeed, pretty much everything Vue-related assumes that you’ll be using webpack. However, you don’t have to. You could use Vue.js without build tooling, or you could use ... more


Tuesday, 16 January, 2018 UTC

How To Protect Your Angular.js Application With Jscrambler

How To Protect Your Angular.js Application With Jscrambler

Introduction Although AngularJs, Angular’s first version, is a few years old, it is still responsible for powering a lot of enterprise applications. It helps you build solid MVC applications by leveraging the dependency injection and single-responsibility ... more


Tuesday, 16 January, 2018 UTC

Search Engine Using Google Sheets

Search Engine Using Google Sheets

Have you ever wanted to make a simple search engine? There are plenty of ways to do it. One way that I have been using in my simple search engine for a while is leveraging Google Sheets. Creating Your Own Google Sheets Search Engine Here are a few simple ... more


Tuesday, 16 January, 2018 UTC

Spectre and Meltdown: How Cache Works

Spectre and Meltdown: How Cache Works

The year so far has been filled with news of Spectre and Meltdown. These exploits take advantage of features like speculative execution, and memory access timing. What they have in common is the fact that all modern processors use cache to access memory ... more


Tuesday, 16 January, 2018 UTC

Meet the New Dialog Element

Meet the New Dialog Element

Keith Grant discusses how HTML 5.2 has introduced a peculiar new element: <dialog> . This is an absolutely positioned and horizontally centered modal that appears on top of other content on a page. Keith looks at how to style this new element, ... more


Tuesday, 16 January, 2018 UTC

Creating a Chatbot for Slack with Node.js in 17 lines

Creating a Chatbot for Slack with Node.js in 17 lines

Creating a chatbot for Slack, the easy to setup group chat for teams was surprisingly easy. In this post we’re going to go over creating a chat bot that can reply to queries and take an action on simple keywords. We’re going to use a node module called ... more


Tuesday, 16 January, 2018 UTC

Managing Dependencies with Govendor (Heroku, Dokku)

Managing Dependencies with Govendor (Heroku, Dokku)

govendor is a dependency manager for Go. Go get gets you pretty far when it comes to installing dependencies at first, but when you want to deploy your project or when you want to pin the right version of your dependency it’s not necessarily appropriate ... more


Tuesday, 16 January, 2018 UTC

Weekly React Digest Issue #130

Weekly React Digest Issue #130

sponsor Detect, Diagnose and Defeat React Errors  Rollbar detects when code breaks in real-time. Get stack trace + diagnostic data to defeat errors. react Creating and Testing a D3/React Game with Redux-Observable When I first watched the Netflix talk ... more


Tuesday, 16 January, 2018 UTC

Building a messenger app using .NET

Building a messenger app using .NET

Communication in our current age is largely digital, and the most popular form of digital communication is Instant Messaging. Some applications include some form of chat implementation e.g. Slack or Facebook. In this tutorial, we will consider how to ... more


Tuesday, 16 January, 2018 UTC

Making ReactJS Realtime With Websockets

Making ReactJS Realtime With Websockets

Every chat application requires real time functionality. This amongst other benefits allows interaction between users in different location(s). A chat application like this can be built to function on diverse platforms, be it mobile or web applications. ... more


Tuesday, 16 January, 2018 UTC

Webpack for connected set ups

Webpack for connected set ups

For a long time, I had the notion that webpack could only be ran for set ups that are independent from the back end. For example SPAs that only communicate with AJAX. I closed my mind into thinking that it had to be ran with a development server. You ... more


Tuesday, 16 January, 2018 UTC

Speedometer 2.0: A Benchmark for Modern Web App Responsiveness

Speedometer 2.0: A Benchmark for Modern Web App Responsiveness

In 2014, the WebKit team at Apple released Speedometer 1.0, a benchmark for web app responsiveness. It simulates user interactions in web applications, using TodoMVC to orchestrate adding, completing, and removing todo items. Speedometer repeats these ... more


Tuesday, 16 January, 2018 UTC

Hot Reloading in Create React App Without Ejecting

Hot Reloading in Create React App Without Ejecting

Create React App is great, but the projects it generates don’t have Hot Module Replacement (HMR) set up by default. But! Create React App projects can support HMR! You just need to add a tiny bit of code to your app. Here’s what to do: Add 3 Lines of ... more


Tuesday, 16 January, 2018 UTC

A Guide to Modular Design Thinking

A Guide to Modular Design Thinking

Last December I gave a presentation in Krakow about Modular Design — at Code Europe. I’ve also been fiddling with AppleScript a bit, and it turns out that extracting data from Keynote presentations and into JSON isn’t all that hard. I’ve also put together ... more


Tuesday, 16 January, 2018 UTC

Stack Overflow Analysis of JavaScript Framework Trends

Stack Overflow Analysis of JavaScript Framework Trends

An analysis of JavaScript frameworks based on the proportion of new questions asked about them on Stack Overflow claims that they share a pattern of a quick ascent in popularity followed by a steady decline in interest. ... more


Tuesday, 16 January, 2018 UTC

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

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 the file selection dialog instead. Nowadays, though, we have an even fancier way of handling file selection: ... more


Tuesday, 16 January, 2018 UTC



Tuesday, 16 January, 2018 UTC

Last Npm Incident Uncovers Security Vulnerability

Last Npm Incident Uncovers Security Vulnerability

Last week, the npm registry had an operations incident that caused a number of highly depended on packages, such as require-from-string, to become unavailable. While the incident was relatively straightforward to solve, it uncovered a major security ... more


Sunday, 14 January, 2018 UTC

Scale Your EC2 Cluster using Custom Metrics with Scalemate

Scale Your EC2 Cluster using Custom Metrics with Scalemate

If you are an avid reader of mine, you might have noticed that I haven't posted for quite some time (almost a year!). Time sure flies when you're having fun. Hopefully that's going to change in 2018! And now, let's get to the matter at hand. Motivation ... more


Sunday, 14 January, 2018 UTC

Create a Lazy Loaded Wizard in Vue.js

Create a Lazy Loaded Wizard in Vue.js

A wizard is a component consisting in several steps. Each step is a different view. Let’s see how to create a wizard that lazy loads its parts in Vue.js. 🧙 The Wizard Steps Each step in a wizard is one of the screens that the wizard is showing. Let’s ... more


Saturday, 13 January, 2018 UTC

NestJS: beautifully crafted Node.js framework we’ve all been waiting for

NestJS: beautifully crafted Node.js framework we’ve all been waiting for

NestJS is a server-side (backend) application framework beautifully crafted to support developers productivity and make their lives happier. Well, it’s not only a framework, it’s an enabler of entering the world of advanced engineering concepts such ... more


Saturday, 13 January, 2018 UTC

Typescript and Node.js Tutorial for the Backend (Beginner)

Typescript and Node.js Tutorial for the Backend (Beginner)

Typescript has become a popular tool to reduce errors when writing JavaScript. It was developed by Microsoft and gained a lot of popularity when Angular adopted it as a first level citizen. When Angular 2 was nearing completion, the only docs available ... more