Accessible form error auto-focus with Vuelidate in Vue – Marina Mosti
Looking for an easy way to improve the user experience of your forms? And make them more accessible as a bonus? In this article, Marina Mosti shows a technique that helps with all that by communicating errors to screen readers and auto-focus fields with errors when you try to submit a form. Pretty neat! - http://amp.gs/Di0Z
#vue
Looking for an easy way to improve the user experience of your forms? And make them more accessible as a bonus? In this article, Marina Mosti shows a technique that helps with all that by communicating errors to screen readers and auto-focus fields with errors when you try to submit a form. Pretty neat! - http://amp.gs/Di0Z
#vue
DEV Community
Accessible form error auto-focus with Vuelidate in Vue
Vuelidate makes it very simple for developers to handle even the most complex cases of form validatio...
Dan Abramov's 2010-2019 in Review
If you don’t know Dan (prolific React blogger, core team member, Redux co-creator, etc.) you might not enjoy this story, but otherwise it’s pretty neat to see how someone well known in our space got to the position they have. - http://amp.gs/DDSf
#react
If you don’t know Dan (prolific React blogger, core team member, Redux co-creator, etc.) you might not enjoy this story, but otherwise it’s pretty neat to see how someone well known in our space got to the position they have. - http://amp.gs/DDSf
#react
overreacted.io
My Decade in Review
A personal reflection.
Pixels vs. Relative Units in CSS: Why It’s Still a Big Deal
Kathleen McMahon explains that we should be using responsive and unitless values in our CSS to support our users that rely on zooming. - http://amp.gs/D0Nt
#css
Kathleen McMahon explains that we should be using responsive and unitless values in our CSS to support our users that rely on zooming. - http://amp.gs/D0Nt
#css
24 Accessibility
Pixels vs. Relative Units in CSS: why it’s still a big deal - 24 Accessibility
Long live the modern browser! Browsers are getting better these days. We seem to be in a golden age where there’s a never-ending stream of new features added for the benefit of the users accessing the page, and really great tools for those creating the page.…
10 Tricks to Optimize Your Angular App
The author of this article collected a list of practices that will help us boost the performance of our Angular applications. - http://amp.gs/DKR3
#angular
The author of this article collected a list of practices that will help us boost the performance of our Angular applications. - http://amp.gs/DKR3
#angular
Medium
10 Tricks to Optimize Your Angular App
Here, I collected a list of practices that will help us boost the performance of your Angular applications.
What are the React Team's Principles?
I’m glad Dan caught the blogging bug over the Christmas holidays because not many people did :-) Here we learn a little about how the React core team operates and what their main principles are. - http://amp.gs/D3Ej
#react
I’m glad Dan caught the blogging bug over the Christmas holidays because not many people did :-) Here we learn a little about how the React core team operates and what their main principles are. - http://amp.gs/D3Ej
#react
overreacted.io
What Are the React Team Principles?
UI Before API.
Lazy Resolving Observable API Services with Vue.js - Markus Oberlehner
Another interesting article by Markus Oberlehner. This time, Markus shows us how to build a lazy API service that allows us to automatically fetch resources that we need, but only when we need them based on actions like scrolling into view. - http://amp.gs/D3Wv
#vue
Another interesting article by Markus Oberlehner. This time, Markus shows us how to build a lazy API service that allows us to automatically fetch resources that we need, but only when we need them based on actions like scrolling into view. - http://amp.gs/D3Wv
#vue
markus.oberlehner.net
Lazy Resolving Observable API Services with Vue.js
Learn how to build a lazy resolving API service with Vue.js observables. The API service only resolves relations when they are needed.
Angular 8 Bootstrap in deep
The Angular bootstrap sequence starts after the load of the index.html and the JavaScript bundles produced by Webpack. Angular Runtime creates the platform where the application can be started and finally the root component is rendered. - http://amp.gs/D2IS
#angular
The Angular bootstrap sequence starts after the load of the index.html and the JavaScript bundles produced by Webpack. Angular Runtime creates the platform where the application can be started and finally the root component is rendered. - http://amp.gs/D2IS
#angular
DEV Community
Angular 8 Bootstrap in deep
Deep investigation on how Angular 8 compiles and run an Angular application. The compiled code is analyzed and put in relation to the Angular runtime source code to explore the bootstrap sequence until the creation of the element via the DOM API.
Vue Testing Crash Course - Gábor Soós
Here’s a lengthy article that makes for a nice introduction to writing tests for your Vue components. - http://amp.gs/D2hD
#vue
Here’s a lengthy article that makes for a nice introduction to writing tests for your Vue components. - http://amp.gs/D2hD
#vue
DEV Community
Vue Testing Crash Course
Test every aspect of your Vue app to stay bug-free and increase the trust in your code. Forget about the whack-a-mole game with bugs.
Finally, a CSS Only Solution To :hover on Touchscreens
Mezo Istvan gives a short introduction to Interaction Media Features that will help you distinguish and target mouse and touchscreen devices. - http://amp.gs/D2Wp
#css
Mezo Istvan gives a short introduction to Interaction Media Features that will help you distinguish and target mouse and touchscreen devices. - http://amp.gs/D2Wp
#css
Medium
Finally, a CSS only solution to :hover on touchscreens
TL; DR: It’s @media(hover: hover) and (pointer: fine)
Microbrowsers Are Everywhere
Gets into the minutia of microbrowsers - the small previews of your site that are pervasive all around the web and through social media apps (like a link preview in a messaging app) and search engines. - http://amp.gs/Dwsl
#seo
Gets into the minutia of microbrowsers - the small previews of your site that are pervasive all around the web and through social media apps (like a link preview in a messaging app) and search engines. - http://amp.gs/Dwsl
#seo
24ways.org
Microbrowsers are Everywhere
Colin Bendell gets into the minutia of microbrowsers - the small previews of your site that are pervasive all around the web and through social media apps and search engines whenever an item of content on your site is referenced.
Magical Rainbow Gradients with CSS Houdini and React Hooks
Whether or not you like the end effect (an animated gradient on a button), this is a fantastic and partially interactive exploration of solving a styling problem. - http://amp.gs/DFho
#react
Whether or not you like the end effect (an animated gradient on a button), this is a fantastic and partially interactive exploration of solving a styling problem. - http://amp.gs/DFho
#react
Joshwcomeau
Magical Rainbow Gradients with CSS Houdini and React Hooks - Josh Comeau's Blog
Web development and front-end engineering blog
Suspense - new feature in Vue 3
In this article, we take a deep dive into the new Suspense feature that will be shipped with Vue.js 3. Suspense is a special component that renders a fallback content instead of your component until a condition is met. - http://amp.gs/DXP3
#vue
In this article, we take a deep dive into the new Suspense feature that will be shipped with Vue.js 3. Suspense is a special component that renders a fallback content instead of your component until a condition is met. - http://amp.gs/DXP3
#vue
Vue.js Tutorials
Suspense - new feature in Vue 3 - Vue.js Tutorials
In this article, we take a deep dive into the new Suspense feature that will be shipped with Vue.js 3. Suspense is a special component that renders a fallback content instead of your component until a condition is met.
Understanding CSS Grid: Creating A Grid Container
Rachel Andrew takes a detailed look at what happens when you create a grid container and the various properties that can be applied to the container to shape your grid. - http://amp.gs/DLyU
#css
Rachel Andrew takes a detailed look at what happens when you create a grid container and the various properties that can be applied to the container to shape your grid. - http://amp.gs/DLyU
#css
Angular in 2020 and Beyond
First, let’s talk about what the benefits of Angular are, what will change, and is Angular better than React? - http://amp.gs/DWmm
#angular
First, let’s talk about what the benefits of Angular are, what will change, and is Angular better than React? - http://amp.gs/DWmm
#angular
Medium
Angular in 2020 and Beyond
Pros, cons, and what will be next
2019's JavaScript 'Rising Stars'
If you don’t like popularity contests, skip this one, but it’s the latest annual roundup of which JavaScript projects did well in terms of gaining GitHub stars in 2019. Vue took the top spot for the 4th year in a row, but the subcategories are more interesting. - http://amp.gs/Da85
#javascript
If you don’t like popularity contests, skip this one, but it’s the latest annual roundup of which JavaScript projects did well in terms of gaining GitHub stars in 2019. Vue took the top spot for the 4th year in a row, but the subcategories are more interesting. - http://amp.gs/Da85
#javascript
risingstars.js.org
2019 JavaScript Rising Stars
A complete overview of the JavaScript landscape in 2019: trends about front-end and node.js frameworks, tooling, IDE, Static site generators...
CSS Modules in Vue.js
Part three in a series of articles about working with CSS in Vue.js, focusing on using CSS Modules in Vue.js. - http://amp.gs/Dop2
#vue
Part three in a series of articles about working with CSS in Vue.js, focusing on using CSS Modules in Vue.js. - http://amp.gs/Dop2
#vue
DEV Community
CSS Modules in Vue.js
Part three in a series of articles about working with CSS in Vue.js, focusing on using CSS Modules in Vue.js.
Five Things To Stop Doing In Mobile App Design
A few things that mobile app designers should stop doing in order to create “more streamlined and positive user experiences”. - http://amp.gs/DoQT
#mobile
A few things that mobile app designers should stop doing in order to create “more streamlined and positive user experiences”. - http://amp.gs/DoQT
#mobile
Smashing Magazine
5 Things To Stop Doing In Mobile App Design — Smashing Magazine
Have you ever looked at the design techniques and elements you use to build mobile apps and evaluated whether or not they’re still useful or relevant? If you haven’t done this in a while (or ever), stop what you’re doing and read this. We’re going to look…
Understanding Async/Await
A straightforward and easily accessible tutorial on using promises and how async and await can make the resulting code more straightforward. - http://amp.gs/DMLV
#javascript
A straightforward and easily accessible tutorial on using promises and how async and await can make the resulting code more straightforward. - http://amp.gs/DMLV
#javascript
How to Stack Elements in CSS
Sarah Drasner demonstrates two different ways to overlap elements. - http://amp.gs/D5Qf
#css
Sarah Drasner demonstrates two different ways to overlap elements. - http://amp.gs/D5Qf
#css