iPhone 11, iPadOS & iOS 13 for PWAs & Web Development

A deep dive into the specific changes and issues in Progressive Web App support on iOS 13 and iPadOS. - http://amp.gs/q7Li

#pwa #mobile

Designing a focus style

When we get to testing accessibility on the sites we build we used to find that no one had applied focus rings properly, and often that someone had deliberately hidden them for the sake of the design. These days we include this as part of the designer requirements and this ticks two boxes: 1) the client knows they're coming; 2) the front end team know how to style them. In this article Zell looks at some popular web development sites and how they handle the focus ring approach. - http://amp.gs/qPoX

#design

The Differences Between the Same App Created in React and Vue

An interesting side-by-side comparison of the same app built by the same developer in both React and Vue.js. If you’ve seen this post before, it’s just been rewritten and updated to use React hooks. - http://amp.gs/qy0d

#react #vue

Node.js 8 is Not Supported from 2020 (So Update Now)

Did you know that Node 8 won’t get any more maintenance updates after December 31 this year? Here’s how to think about migrating. - http://amp.gs/qhDE

#nodejs

Want to Improve UI Performance? Start by Understanding Your User

Darren Hebner dives into a few key areas that make the biggest impact on UI performance. - http://amp.gs/qvii

#css

How to Prevent Browser Refresh, URL Changes, or Route Navigation in Vue

Every once in awhile in Vue, you'll want to prevent the user from navigating away from a route or reloading the page, for example, if they haven't yet completed and submitted a form.
- http://amp.gs/qg4S

#vue

Create React App 3.2 Released

It’s a minor release for the “get a React app up and running in one command” tool that fixes a few bugs and makes life a bit easier for TypeScript users. - http://amp.gs/qEdy

#react

Crafting Build Pipelines with Docker

An exploration of using a multi-stage build for a Node.js application. - http://amp.gs/qVEZ

#nodejs #docker

Why Progressive Web Apps Are The Future of Mobile Web

Progressive Web Apps have been part of the conversation for a number of years, but have yet to be meaningfully adopted by most brands, which strikes us as a missed opportunity given the many benefits they possess. - http://amp.gs/qVLw

#pwa

Avoid 100vh On Mobile Web

If you’re using viewport units in CSS to style an element to take up the full screen height (using height: 100vh), you may want to reconsider. David points out that this technique is “broken in a subtle but fundamental way on mobile”, and recommends an alternative approach using JavaScript. - http://amp.gs/q97t

#mobile #web

Building a Video Chat with React Hooks

Note: It leans heavily upon Twilio’s service, for which you’ll need an account. - http://amp.gs/q9cp

#react

Enhancing The Clickable Area Size of UI Elements

Sometimes only very tightly defined parts of your UI elements will be clickable, but there are ways to improve the experience. - http://amp.gs/q4PG

#ui #ux

How to Generate a PDF Using Node, React, and Headless Chrome - http://amp.gs/q4wE

#nodejs #pdf

Adaptive Photo Layout with Flexbox

17 lines of CSS. No JS. Basic markup. I love that going back 5 years this would have required jQuery and a separate library to get the same effect, and we're now just punching this stuff out with standards. - http://amp.gs/qRUD

#css

Building Chrome Extensions with Vue.js

Chrome extensions have gained a lot of popularity since they can add functionality previously missing in your browser. Here's a guide to creating extensions with Vue.js. - http://amp.gs/qUCG

#vue #extension #chrome

Supreme Court Hands Victory to Blind Man Who Sued Domino's Over Site Accessibility

Back in August we shared news that pizza company Domino’s was requesting for a lawsuit, requiring its website to be accessible to blind people, to be shut down. The Supreme Court has now denied that petition — a significant win for disability advocates. - http://amp.gs/qdxR

#news

Dark Mode in Flutter

Discusses coding for dark mode in past, recent and future OS releases when writing apps in Flutter. - http://amp.gs/qOPr

#flutter

Angular: Load External JavaScript File Dynamically

If you are creating a large scale app or an enterprise application using Angular 2+, you have components or directives that require certain external JavaScript dependencies, like Stripe.js for payments integration (which most certainly isn't required on all views of course). - http://amp.gs/qrZ5

#angular

The Evolution of Web Content Management

A look at the evolution of web content management from the early days of the web to the headless, cloud-based CMS systems of today. - http://amp.gs/qNlb

#CMS

ascii-themes: A Node CLI Interface to Generate VSCode Themed ASCII Art

You have to fiddle a bit but the output from this is pretty neat if you like that console-based look. - http://amp.gs/qAIT

#nodejs

http://amp.gs/qAQ4

Security is of paramount importance for your mobile application. Learn about securing your React Native app by using Keychains - http://amp.gs/qAQ4

#reactNative