abarr214

354 Flips | 8 Magazines | 1 Like | 1 Following | 119 Followers | @abarr214 | Keep up with abarr214 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 “abarr214”

Finger-friendly numerical inputs with `inputmode`

Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to <i>context</i>. Input fields that expect numerical …

Animated SVG Radial Progress Bars

For a client project we tasked ourselves with building out one of those cool radial progress bars. In the past, we’ve used entire Canvas-based based …

TypeScript Programming with Visual Studio Code

Editing TypeScript<p>TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. It offers classes, modules, and interfaces to help …

JavaScript

Visual Studio Code Can Do That?

About two years ago, I begrudgingly opened Visual Studio Code (VS Code) for the first time. The only reason I even did so is that I was working on a …

Using ASP.NET Core, Entity Framework Core and ASP.NET Boilerplate to Create NLayered Web Application (Part I)

A step by step guide to create a web application based on ASP.NET Core, Entity Framework Core and ASP.NET Boilerplate frameworks with automated tests.

NodeServices: Where Javascript and .NET Meet Back on the Other Side

<i>This was originally posted on my blog.</i><p>Javascript is everywhere. It's in the browser, on the server, and it's climbing through your windows and …

Unambiguous Webpack config with Typescript

<i>You can write your Webpack config in Typescript, and it’ll save you a huge amount of pain. Webpack’s docs would lead you to believe that using</i> …

50 Cheatsheets, References and Guides for CSS

As CSS continues to grow by leaps and bounds, it’s both important and somewhat difficult to keep up with new developments. With so much to learn, you …

A beginner’s guide to making Progressive Web Apps

You may have heard about Progressive Web Apps or PWAs for short, I’m not going to go into all the details of what exactly makes up a PWA or how they …

Using HttpClient as it was intended (because you’re not)

CodeProject Async programming has become ubiquitous and the standard tool for making async HTTP requests with C# is HttpClient from the …

Web Development Reading List #184: New Library Updates, Page Load Performance, And Continuance

Our lives are in constant change, <b>we never stop developing and evolving</b> — our bodies, our minds, our views. And today’s technology supports us in …

Ionic 3 CLI - Upgrade Guide

YouTube

ECMAScript modules in browsers

ES modules are starting to land in browsers! They're in…• Safari 10.1.<br>• Chrome 61.<br>• Firefox 54 – behind the dom.moduleScripts.enabled setting in …

Ionic and Firebase Authentication

Ionic and Firebase: Authentication<p>Metadata for this article<p>What do you learn in this article?<p>Creating a new Ionic 2 app with connection and setup of …

How to create a PWA a scoring 90+ score in Google Lighthouse using Ionic 2

I just created a Progressive Web App that scores 99 out of 100 in the Lighthouse auditing report. I used Ionic 2 (Angular) to get the results I …

Web Development

Ionic Native 3.x

Today we’re excited to release the 3.x version of Ionic Native, a project that makes it easy to use over 130 native mobile SDK features in your app …

VS Code Tips and Tricks

<b>Note</b>: Tips and Tricks has moved to the official Visual Studio Code documentation at code.visualstudio.com.<br>The content is now at vscode-docs. Pull …

Introducing Quokka — The Live Scratchpad for JavaScript (free developer tool)

Experimentation is very important in our industry. Before succeeding one time, we may need to fail ten times. This is why reducing the time it takes …

Progressive Web App Libraries in Production

Two years ago, our team at Google started work on JavaScript libraries to reduce the friction for building Progressive Web Apps.<p>We started with …

Web Development

10 Tips and Tricks That Will Make You an npm Ninja

While there is much excitement about Facebook's new Yarn project, the continuing success of Node.js owes much to its original package manager, npm.A …

Bootstrap 4: What’s New

A Visual Guide to The Next Bootstrap<p><b>Recently, there has been a lot of talk about</b> <b>what’s new in Bootstrap 4</b><b>, and I was curious to examine the visual</b> …

Web Development

Integrating Angular with RESTful Services using RxJS and Observables

YouTube

s systems.

The Marvel Comics API allows developers everywhere to access information about Marvel's vast library of comics—from what's coming up, to 70 years …

Marvel Comics

Create a Stylish News Feed Layout in Ionic 2

I’ve said it many times before, but one of my favourite things about Ionic 2 is that it has sleek UI elements available out of the box, and those UI …

Mash pH and Why It Matters for All Grain Beer Brewing

14 comments<p>Mash pH is an important concept for all grain brewing. While you can make “good” beer without worrying about pH, brewing truly great all …

Navigating Lifecycle Events!

<i>Enrique Oriol is the CTO of a Barcelona-based startup and frequently writes about Ionic in Spanish on his blog, where this post originally appeared.</i> …

Angular — Animating Router transitions (v4+)

How to animate Router transitions in Angular<p><b>Update:</b> after <b>Angular v4.3</b> I wrote a new blogpost using some new features not available before. Check it …