Daniel Yearwood

1,352 Added | 27 Magazines | 126 Likes | 5 Following | 22 Followers | @dyearwood | Keep up with Daniel Yearwood 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 “Daniel Yearwood”

What Is Immutable Infrastructure?

IntroductionIn a traditional mutable server infrastructure, servers are continually updated and modified in place. Engineers and administrators …

DevOps

What's DNS?

DNS is basically the address book of the internet. When you type www.duckduckgo.com into your browser, the computer needs to figure out how to get …

Linux

How to check Code Coverage🙌 in Chrome

Does your code is fully covered is there any unused code in your files.<p>Let’s see how to check the unused code in chrome<p>To open the code coverage in …

Code Coverage

The Guide to Design Consistency: Best Practices for UI and UX Designers

What exactly is design consistency? Consistency is what ties UI elements together with distinguishable and predictable actions, which is key for a …

UI Design

Reference and Primitive Types in Javascript

When I started out with Javascript, I struggled with the concept of copying. We’ve all been there… When your code appears absolutely correct …

JavaScript

Complete introduction to async functions and ES6 modules in Node.js

Since 2015 the JavaScript language has radically changed. A pair of features stand out as having the potential to revolutionize JavaScript …

JavaScript

No API? No Problem! Rapid Development via Mock APIs

In this era of service-oriented development, you need to get JSON to and from the server to make your front-end come alive. So an API is a …

Software Engineering

What is DevOps as a Service and its pros and cons

Originally I published this material to Syndicode blog.<p>Last year I tried to complete the list of what skills and tools a professional full-stack web …

DevOps

ES6 in Action: Symbols and Their Uses

<b>While ES2015 has introduced many language features that have been on developers’ wish lists for some time, there are some new features that are less</b> …

How CSS Works: Parsing & painting CSS in the critical rendering path

What is the Critical Rendering Path, Anyway?<p>When we say that users want quick load times, we have to draw the distinction between <i>critical</i> and</i> …

JavaScript

How to break a Monolith into Microservices

The Journey Guide<p>Before diving into the guide, it is important to know that there is a high overall cost associated with decomposing an existing …

Microservices

Security in Angular: Part 1

In most business applications, you’re going to want to disable, or make invisible, various features such as menu items, buttons, and other UI items, …

JavaScript

Modularizing your GraphQL schema code – Apollo GraphQL

How to split up your schema definition, resolvers, and Query type into multiple files<p>As your GraphQL application grows from demo, to proof of …

JavaScript

Understanding React `setState` | CSS-Tricks

By Kingsley Silas On April 25, 2018 react, state, state management<p>React components can, and often do, have <b>state</b>. State can be anything, but think of …

JavaScript

Replace Animated GIFs with Video

Replace Animated GIFs with VideoHave you ever seen an animated GIF on a service like Imgur or Gfycat and inspected it in your dev tools, only to find …

Videography

Scrolling Interactions & Techniques

How far can you ride scrolling gestures in a design? Pretty dang far.I tested scrolling interactions in three different designs and found some do’s …

UI Design

A Look at CSS Viewport Units

Viewport units were introduced with the CSS Values and Units level 3 spec. They allow to size elements and font sizes as a percentage of the total …

Web Development

CSS at Scale: LinkedIn’s New Open Source Projects Take on Stylesheet Performance | LinkedIn Engineering

CSS

What are Code Reviews for?

It is often said that Code Reviews are by far the most effective way to identify bugs in software. However, it is easy to notice that the "code …

Software Development

Password Strength Meter In React

Some time ago I developed a tutorial showing how to create a password strength meter in an AngularJS application using the <b>zxcvbn</b> JavaScript library …

JavaScript

Advanced Node.js Project Structure Tutorial

Reading Time: 6 minutes<i>This article was originally published on the RisingStack blog by András Tóth. With their kind permission, we’re sharing it</i> …

JavaScript

Best Practices in UX Design for a Global Audience

Here are three best practice tips on how to make your designs inclusive and relevant to a diverse and global audience. <br>“In an increasingly global …

UX Design

Explore the new frontier of CSS animation

Modern browsers and design tools offer a lot in terms of creative power. Mobile devices have turned into pocket powerhouses with enough oomph to push …

UI Design

The complete guide to SVG

Scalable Vector Graphics are now universally supported across all browsers (desktop and mobile) . Here's our guide to what they are, and how to …

Web Development

Native-Like Animations for Page Transitions on the Web

Some of the most inspiring examples I’ve seen of front-end development have involved some sort of page transitions that look slick like they do in …

Software Engineering

Build User Registration with Node, React, and Okta

<i>This article was originally published on OKTA Blog. Thank you for supporting the partners who make SitePoint possible.</i>Today’s internet users expect a …

60+ JavaScript Tutorials & Walkthroughs

Learn JavaScript and key concepts by exploring more than 60 organized tutorials!This article highlights more than 60 JavaScript tutorials written by …

JavaScript

How fun funfunctions work in JavaScript

Photo by rawpixel.com on UnsplashFunctions are key to the programming and we can reuse the functionsSo let’s talk about how functions work in …

JavaScript

Screenshot testing with React and Storybook

<i>Visual regression testing for fun, profit, and peace of mind</i><p>A friend of mine recently related a scary story about the lack of automated visual …

JavaScript

Explainer: What is a blockchain? - MIT Technology Review

What is it?<p>A public1, permanent2, append-only3distributed4ledger5.<p>What’s that?<p>A mathematical structure for storing data in a way that is nearly …

Blockchain