How to Architect a Complex Web Table

Tables frequently appear on the web but aren’t particularly easy to design and code. This illustrated guide explains the anatomy of tables and how to build them properly. — http://amp.gs/9Dkn

#web #table #architect

Time Traveler’s Guide to Accessibility Mechanics

“the time has come to invent another solution that will let us encapsulate accessibility in the shadow DOM — and its called the Accessibility Object Model”. — https://www.youtube.com/watch?v=vwsbLty24PI

#accessibility #css #video

Diving Deeper into JavaScript Objects — http://amp.gs/9uza

#javascript

How I Built An Async Form Validation Library in ~100 Lines of Code with React Hooks — http://amp.gs/9JjT

#react #forms

HTML, CSS and Our Vanishing Industry Entry Points

Thoughts on CSS, frameworks and the vanishing entry points to web development. The author fears a loss of something that “has enabled so many people without a traditional computer science background to be here”. — http://amp.gs/9Jo6

#css

How to Build Your First Ionic 4 App with API Calls

A guide to help you get started on building an Ionic 4 app. — http://amp.gs/90y2

#mobile #ionic4

Using Node.js to Read Really Large Files — http://amp.gs/90XX

#nodejs

Make Wireframing Easier, Faster, Stronger with Whimsical

I took whimsical for a spin the last set of wireframes I produced for a client site. It’s a browser based tool that works well and you have a enough elements at your disposal with making it feel cleaner and not so overwhelm. It also has sitemap capabilities, but to be honest I find excel just as easy to use and a bit more flexible — http://amp.gs/9K9x

#design #wireframing

Basic Color Theory for Web Developers — http://amp.gs/9KLn

#css

Implementing An Infinite Scroll List in React Native — http://amp.gs/93xh

#reactNative

Zipping and Unzipping Files with Node

gzip files, specifically. — http://amp.gs/9Hzm

#nodejs #gzip

React Dropzone and File Uploads in React

Dropzone underwent some changes in the recent version 8.x release, but this tutorial is up to date. — http://amp.gs/9Hwh

Reacting to Promises from Event Listeners in Vue.js

This article shows you how to build a button component that changes automatically on Promise resolution by leveraging event handlers. Written by Dobromir Hristov and inspired by a recent fix in Vue.js 2.6. — http://amp.gs/92wg

#vue

To Grid or to Flex?

Unpacks when and where you might want to use CSS grids or flexbox, and some reasons for choosing one or the other. — http://amp.gs/9w2z

#css

Manage State in Angular with NGXS

As front-end applications become increasingly complex, with the potential of multiple actors affecting the global state of the application in different ways, it becomes easy to lose control of what’s going on with your state. If you’ve never had to worry about managing global state in your JavaScript application, congratulations! You are one of the lucky ones. For the rest of us, there are a number of different libraries available.
— http://amp.gs/9Fr2

#angular #ngxs

Tips for Making Interactive Elements Accessible On Mobile Devices

Version 2.1 of the Web Content Accessibility Guidelines have a section dedicated to mobile accessibility. This article covers some of the new guidelines relating to interactive elements on a page. — http://amp.gs/9XR0

#mobile

Vue.js Performance Optimization: Lazy Loading Routes and Vendor Bundle Anti-Pattern

Splitting your code by routes is one of the best (and easiest) ways to keep the first downloaded bundle size low. This article is part 2 in a series on Vue.js optimization by Filip Rakowski.
— http://amp.gs/9LSg

#vue

Pika/Pack: A New Approach to npm Package Building

Pack connects pre-configured plugins (e.g. Babel and Rollup) to build and optimize your package for you. It’s a bit like a webpack or Parcel but specifically for building npm packages. — http://amp.gs/9WPd

#pika #pack #nodejs

The React Lifecycle Methods in Plain, Approachable Language

I don’t think anyone could disagree that this sort of post is a good idea. If you’ve had questions on how the React lifecycle methods work — look no further. — http://amp.gs/9aCF

#react

Paint the Picture, Not the Frame: How Browsers Provide Everything Users Need

Instead of tweaking or trying to control browser functionality, this article makes the case for leaving key features to the browser to ensure the most accessible experience. — http://amp.gs/9ok2

#accessibility

Bluetooth Anywhere: Experimenting with Bluetooth from JS

Some fun experimenting with interacting with a Bluetooth device (a Nordic Thingy:52) in JS on various setups (desktop browser, Cordova app, and a React Native app). — http://amp.gs/9M83

#javascript #bluetooth