The guide to designing user-friendly forms
A great and extensive walkthrough of do's and don'ts when designing forms - http://amp.gs/r82Q
#design
A great and extensive walkthrough of do's and don'ts when designing forms - http://amp.gs/r82Q
#design
Dribbble
Form Design 101: The ultimate guide to designing user-friendly forms
Forms are a key conversion tool—which is why it’s important to master the most effective form design techniques. Senior Product Designer at Netguru, Pawel Szymankiewicz, shares his guide to designing forms that will keep your users happy and keep your business…
How to Build a JAMstack Website using Vue.js, Nuxt.js and Cosmic JS
Cosmic JS is a headless, API-first CMS. - http://amp.gs/rTHo
#vue #nuxtjs
Cosmic JS is a headless, API-first CMS. - http://amp.gs/rTHo
#vue #nuxtjs
The ultimate guide to set up your Angular library project
Angular is such an awesome framework, and we all love it 😍 It’s a complete tool kit that helps us build amazing stuff. And it gets even better. Angular also contains a great community. A community which continually grows and pushes Angular forward.
Therefore, it is not surprising that the framework has a massive ecosystem around it. From useful services to fully featured component libraries, the Angular ecosystem provides it all.
- http://amp.gs/rzez
#angular
Angular is such an awesome framework, and we all love it 😍 It’s a complete tool kit that helps us build amazing stuff. And it gets even better. Angular also contains a great community. A community which continually grows and pushes Angular forward.
Therefore, it is not surprising that the framework has a massive ecosystem around it. From useful services to fully featured component libraries, the Angular ecosystem provides it all.
- http://amp.gs/rzez
#angular
Medium
The ultimate guide to set up your Angular library project
Automated code formatting with Prettier & Husky, test coverage reports, deployed showcase and fully automated releases with Travis CI for…
The Cost of JavaScript in 2019
Almost a year ago, we linked to Addy Osmani’s Cost of JavaScript in 2018 article, and he’s back with an update for 2019 in both video and article forms. If you want to get a feel for where the true bottlenecks are with JavaScript right now, this is a must read. - http://amp.gs/rzaN
#javascript
Almost a year ago, we linked to Addy Osmani’s Cost of JavaScript in 2018 article, and he’s back with an update for 2019 in both video and article forms. If you want to get a feel for where the true bottlenecks are with JavaScript right now, this is a must read. - http://amp.gs/rzaN
#javascript
v8.dev
The cost of JavaScript in 2019 · V8
The dominant costs of processing JavaScript are download and CPU execution time.
Why Text Buttons Hurt Mobile Usability
Want to increase mobile tap-through rates? Stop using text buttons for your call to actions. - http://amp.gs/r1db
#design
Want to increase mobile tap-through rates? Stop using text buttons for your call to actions. - http://amp.gs/r1db
#design
UX Movement
Why Text Buttons Hurt Mobile Usability
The usability standards for buttons are higher for mobile apps than desktop apps. With a smaller screen and finger navigation, mobile buttons must be easy to tap, read, and recognize.
An Approach to Responsive Layouts Based On CSS Custom Properties and EM Units
How to set smart variables that control the responsiveness of your web project. - http://amp.gs/r16P
#css
How to set smart variables that control the responsiveness of your web project. - http://amp.gs/r16P
#css
CodyHouse
An approach to responsive layouts based on CSS custom properties and em units | CodyHouse
How to set smart variables that control the responsiveness of your web project.
Setup nuxt internationalization with vue-i18n
Setup nuxt internationalization with vue-i18n. - http://amp.gs/rYVH
#vue
Setup nuxt internationalization with vue-i18n. - http://amp.gs/rYVH
#vue
Medium
Easily setup nuxt internationalization with vue-i18n
#nuxt #nuxtjs #i18n #code4mk.
The Secret of Good Electron Apps
Without being too spoilery, the ‘secret’ to making better Electron apps is to take as much of the processing local to the app itself rather than relying entirely upon remote services (i.e. just being a glorified Web browser). - http://amp.gs/rtnV
#electron
Without being too spoilery, the ‘secret’ to making better Electron apps is to take as much of the processing local to the app itself rather than relying entirely upon remote services (i.e. just being a glorified Web browser). - http://amp.gs/rtnV
#electron
Jlongster
The Secret of Good Electron Apps
Some people really hate Electron apps. They eat up memory, boot slowly, and aren't very responsive. What if I told you there's a secret that automatically minimizes these problems? They key is doing the bulk of your work locally in a background process, and…
Optimize User Experience While Your Angular App Loads
There are applications which require loading some crucial data before users are allowed to use them. For example, the application that the author of this article created has multilingual support and white label capabilities; Therefore, they need to pre-emptively fetch from the server the user’s data, such as localization, internationalization settings, and theme color schema, and make it available to their components, before allowing the user to interact with them. - http://amp.gs/rt6F
#angular
There are applications which require loading some crucial data before users are allowed to use them. For example, the application that the author of this article created has multilingual support and white label capabilities; Therefore, they need to pre-emptively fetch from the server the user’s data, such as localization, internationalization settings, and theme color schema, and make it available to their components, before allowing the user to interact with them. - http://amp.gs/rt6F
#angular
Medium
Optimize User Experience While Your Angular App Loads
5 Keys to Accessible Web Typography
Matej Latin shares some advice on creating accessible fluid web typography. - http://amp.gs/rZja
#css
Matej Latin shares some advice on creating accessible fluid web typography. - http://amp.gs/rZja
#css
Better Web Type
5 Keys to Accessible Web Typography
I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.
An Introduction into Stencil.js
Stencil is a compiler that generates Web Components developed by the Ionic team. - http://amp.gs/rp8k
#webcomponent #stencil
Stencil is a compiler that generates Web Components developed by the Ionic team. - http://amp.gs/rp8k
#webcomponent #stencil
Medium
An Introduction to Stencil.js
Stencil is a compiler that generates Web Components developed by the Ionic team. Stencil combines the best concepts of the most popular…
How I Made It Easy To Develop Vue.js With Server-Side Rendering
In this tutorial, you'll learn how to set up Vue.js server-side rendering from scratch with cool features like CSS modules and code-splitting, as well as a hot-module reloading environment for fast development. - http://amp.gs/rpLN
#vue
In this tutorial, you'll learn how to set up Vue.js server-side rendering from scratch with cool features like CSS modules and code-splitting, as well as a hot-module reloading environment for fast development. - http://amp.gs/rpLN
#vue
Medium
How I made it easy to develop on Vue.js with server-side rendering
Setup hot module replacing using Vue.js and server-side rendering
What Are Higher-Order Functions, and Why Should You Care?
The latest in James Sinclair’s fantastic series of functional-focused articles. This time, he deftly tackles what everyone means by “higher-order function” and why you might use them. - http://amp.gs/rl2S
#javascript
The latest in James Sinclair’s fantastic series of functional-focused articles. This time, he deftly tackles what everyone means by “higher-order function” and why you might use them. - http://amp.gs/rl2S
#javascript
James Sinclair
Functional JavaScript: What are higher-order functions, and why should anyone care?
“Higher-order function” is one of those phrases people throw around a lot. But it's rare for anyone to stop to explain what that means. Perhaps you already know what a higher-order function is. But how do we use them in the real world? What are some practical…
Detect Responsive Screen Sizes in Angular
Most of the time, we use CSS media queries to handle responsive, screen size changes to layout our content differently. However, there are times where CSS media queries alone isn't sufficient for that. We need to handle the responsiveness in our code. - http://amp.gs/rBwB
#angular
Most of the time, we use CSS media queries to handle responsive, screen size changes to layout our content differently. However, there are times where CSS media queries alone isn't sufficient for that. We need to handle the responsiveness in our code. - http://amp.gs/rBwB
#angular
DigitalOcean
Detect Responsive Screen Sizes in Angular | DigitalOcean
Detect Responsive Screen Sizes in Angular with a twist - we don't maintaining responsive breakpoint sizes in our code.
Avoiding Derived State in React
“Deriving state at render time and using memoization to keep it performant where needed should help you tame any derived state problems you encounter.” - http://amp.gs/rniv
#react
“Deriving state at render time and using memoization to keep it performant where needed should help you tame any derived state problems you encounter.” - http://amp.gs/rniv
#react
Menu (or Not)
Marcus Herrmann explains how to implement an accessible navigation menu. - http://amp.gs/rGqq
#css
Marcus Herrmann explains how to implement an accessible navigation menu. - http://amp.gs/rGqq
#css
marcus.io · Blog of web developer and accessibility consultant Marcus Herrmann
Menu (or not)
This article marks the third time I try to create a useful menu pattern for accessible-app.com - but hopefully the third time's the charm. But before I explain the (hopefully) final and correct menu solution let's look ...
How To Create A PDF From Your Web App
Rachel Andrew takes a look at the tools that are available for creating a PDF from a web app, sharing recommendations to help find the tool that works best for you. - http://amp.gs/rxiM
#web #pdf
Rachel Andrew takes a look at the tools that are available for creating a PDF from a web app, sharing recommendations to help find the tool that works best for you. - http://amp.gs/rxiM
#web #pdf
Smashing Magazine
How To Create A PDF From Your Web Application — Smashing Magazine
There is a wide variety of choices when it comes to creating a PDF from a web application. In this article, Rachel Andrew takes a look at the tools that are available and shares her recommendations to help you find the tool that works best for you.
Building Reusable Components
A brief, introductory look at making a component more reusable by making it more generic and less tied to specific logic. - http://amp.gs/rCvc
#react
A brief, introductory look at making a component more reusable by making it more generic and less tied to specific logic. - http://amp.gs/rCvc
#react
Buttercms
Building reusable components using React | ButterCMS
Reusable components are those components that can be used multiple times in your application. They need to be free from complex business logic.
The State of Angular in 2019
We don’t focus on much beyond the big releases and best tutorials when it comes to Angular, but if you’ve been wondering what’s going on with it, here’s an overview of the state of the Angular ecosystem. - http://amp.gs/rkPG
#angular
We don’t focus on much beyond the big releases and best tutorials when it comes to Angular, but if you’ve been wondering what’s going on with it, here’s an overview of the state of the Angular ecosystem. - http://amp.gs/rkPG
#angular
Medium
The State of Angular in 2019
A detailed overview of the current state of Angular, from the latest features to the hottest topics and trends that you may have missed
Beginner's Guide to Variable Fonts
Ola Assem created a step-by-step guide on how to use variable fonts - http://amp.gs/remX
#css
Ola Assem created a step-by-step guide on how to use variable fonts - http://amp.gs/remX
#css
https://www.viget.com
Beginner's Guide to Variable Fonts: Part 2 | Viget
Step-by-step guide on how to use variable fonts in your projects.