UX and HTML5: Let’s Help Users Fill In Your Mobile Form (Part 2)
This is the second part in a series on enhancing mobile forms for users. In the first part, we saw some general guidelines on how to improve form readability for mobile users, label placement and size, interaction cost and dealing with errors. - http://bit.ly/2NG06ul
#ux #ui
This is the second part in a series on enhancing mobile forms for users. In the first part, we saw some general guidelines on how to improve form readability for mobile users, label placement and size, interaction cost and dealing with errors. - http://bit.ly/2NG06ul
#ux #ui
Smashing Magazine
UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 2)
This is the second part in a series on enhancing mobile forms for users. In the [first part](https://www.smashingmagazine.com/2018/08/ux-html5-mobile-form-part-1/), we saw some general guidelines on how to improve form readability for mobile users, label…
Advanced Effects with CSS Background Blend Modes
Learn about the background-blend-mode, mix-blend-mode and isolation properties and how they can be used to create eye-catching backgrounds and effects. - http://bit.ly/2osq5ui
#css
Learn about the background-blend-mode, mix-blend-mode and isolation properties and how they can be used to create eye-catching backgrounds and effects. - http://bit.ly/2osq5ui
#css
LogRocket Blog
Advanced effects with CSS background blend modes - LogRocket Blog
CSS blend modes unlock a nearly endless number of design possibilities. Learn what you can do with the background blend mode in our tutorial.
Cross Compiling Node.js for ARM on Ubuntu
It took him a few hours, but Chris Lea managed to work out how to cross-compile Node for a Raspberry Pi from his more powerful x86 Ubuntu system. Here’s how to do it. - http://bit.ly/2Ck0pJU
#nodejs
It took him a few hours, but Chris Lea managed to work out how to cross-compile Node for a Raspberry Pi from his more powerful x86 Ubuntu system. Here’s how to do it. - http://bit.ly/2Ck0pJU
#nodejs
Chris Lea
Cross Compiling Node.js for ARM on Ubuntu
Tutorial on how to cross compile Node.js for ARM on Ubuntu.
15 Common Rating Scales Explained
Selection can have a big impact on both the responses and interpretation - http://bit.ly/2LKpBJ5
#ui
Selection can have a big impact on both the responses and interpretation - http://bit.ly/2LKpBJ5
#ui
Lazy loading components in Angular and React Applications
In this article, we will discuss how lazy loading works and differs in both Angular and React applications. We will not be discussing the various features of Angular or React, nor will we cover the setup necessary for spinning up an application with either of these technologies. - http://bit.ly/2MC3mKN
#angular #react #lazyLoading
In this article, we will discuss how lazy loading works and differs in both Angular and React applications. We will not be discussing the various features of Angular or React, nor will we cover the setup necessary for spinning up an application with either of these technologies. - http://bit.ly/2MC3mKN
#angular #react #lazyLoading
gitconnected | Become a Better Developer
A comparison of lazy loading components in Angular and React applications
In this article, we will discuss how lazy loading works and differs in both Angular and React applications. We will not be discussing the…
Using the React DevTools Profiler to Diagnose Performance Issues
The most recent React DevTools provides a tab for profiling, and this article covers how Netlify used this profiler to fix a long-standing performance issue in their client-side code. - http://bit.ly/2Q3FNZl
#react #devTools
The most recent React DevTools provides a tab for profiling, and this article covers how Netlify used this profiler to fix a long-standing performance issue in their client-side code. - http://bit.ly/2Q3FNZl
#react #devTools
Netlify
Using the React DevTools Profiler to Diagnose React App Performance Issues
We had a big performance issue with rendering large server logs. Now we don't. All thanks to the DevTools Profiler.
OffscreenCanvas: Speed up Your Canvas Operations with a Web Worker
OffscreenCanvasAPI is available as of Chrome 69 and could provide a way to boost graphics rendering performance in your web apps. - http://bit.ly/2C3PdRB
#offscreenCanvas
OffscreenCanvasAPI is available as of Chrome 69 and could provide a way to boost graphics rendering performance in your web apps. - http://bit.ly/2C3PdRB
#offscreenCanvas
Google Developers
OffscreenCanvas — Speed up Your Canvas Operations with a Web Worker | Web
| Google Developers
| Google Developers
OffscreenCanvasAPI is available as of Chrome 69. This article explains how you can use it to achieve performance improvements in rendering graphics in your web app.
More Than a Billion Downloads of Node.js
We mentioned this a few issues back, but here are some more stats to dig into. - http://bit.ly/2PyCpou
#nodejs
We mentioned this a few issues back, but here are some more stats to dig into. - http://bit.ly/2PyCpou
#nodejs
Medium
More Than A Billion Downloads of Node.js 🎉
The application platform known as Node.js surpassed one billion downloads and is now officially a part of the three comma club.
Game changing Features of Angular v6
With the release of Angular 6 several amazing new features were introduced. These changes synchronizes the major version number of the angular framework, angular CLI and Angular Material + CDK. With an exception to a small change in RxJS, there are no major breaking changes in this version of Angular. Let us examine these new features in greater detail. - http://bit.ly/2QcJUlZ
#angular
With the release of Angular 6 several amazing new features were introduced. These changes synchronizes the major version number of the angular framework, angular CLI and Angular Material + CDK. With an exception to a small change in RxJS, there are no major breaking changes in this version of Angular. Let us examine these new features in greater detail. - http://bit.ly/2QcJUlZ
#angular
Scotch
Game changing Features of Angular v6
With the release of Angular 6 several amazing new features were introduced. These changes synchronizes the major version number of the angular framework, angular CLI and Angular Material + CDK. With an exception to a small change in RxJS, there are no major…
Complex Numbers in JavaScript
I hope you like math! This is a neat walkthrough of calculating the dot product of two complex vectors with JS. - http://bit.ly/2oyW5Nd
#javascript
I hope you like math! This is a neat walkthrough of calculating the dot product of two complex vectors with JS. - http://bit.ly/2oyW5Nd
#javascript
Observable
Complex numbers in JavaScript
Our goal for today is to perform the dot product of two complex vectors in JavaScript. To make it a bit more challenging we are going to make use of typed arrays for efficient data storage. JavaScript typed arrays are array-like objects and provide a mechanism…
Using CSS Transforms in the Real World
How to adjust elements vertically, create nice-looking arrows, build loading animations and create flip animations. - http://bit.ly/2N6MATt
#css
How to adjust elements vertically, create nice-looking arrows, build loading animations and create flip animations. - http://bit.ly/2N6MATt
#css
SitePoint
Using CSS Transforms in the Real World — SitePoint
Ilya Bodrov explains how CSS transforms can be used in the real world to solve various tasks and achieve interesting results — showing how to adjust elements vertically, create nice-looking arrows, build loading animations and create flip animations.
Can I Use.? CSS’s 'justify-content: space-evenly'
justify-content: space-evenly distributes the space between items evenly with equal space on the edges, unlike space-around. It’s supported by most browsers now. - http://bit.ly/2NADYBF
#css
justify-content: space-evenly distributes the space between items evenly with equal space on the edges, unlike space-around. It’s supported by most browsers now. - http://bit.ly/2NADYBF
#css
Sitepoint
Redesigning a Card-based Tumblr Layout with CSS Grid — SitePoint
Giulio Mainardi shows how to retrofit a popular, card-based Tumblr layout with CSS grid, demonstrating how to plan for responsive behavior and utilize other cutting edge CSS features such as object-fit: cover, @supports and the :focus-within pseudo-class.
The Front-End Performance Checklist
An extensive list of things you should check or at least be aware of as a front-end developer trying to make your sites work as fast as possible. - http://bit.ly/2wT6yYz
#frontend #checklist
An extensive list of things you should check or at least be aware of as a front-end developer trying to make your sites work as fast as possible. - http://bit.ly/2wT6yYz
#frontend #checklist
GitHub
thedaviddias/Front-End-Performance-Checklist
🎮 The only Front-End Performance Checklist that runs faster than the others - thedaviddias/Front-End-Performance-Checklist
Avoiding Common Hurdles in Unit Testing
Mostly oriented around mocking in tricky situations. - http://bit.ly/2CeJxVc
#nodejs
Mostly oriented around mocking in tricky situations. - http://bit.ly/2CeJxVc
#nodejs
NearForm
Avoiding Common Hurdles in Unit Testing - NearForm
Unit tests isolate the code being tested from other systems. This lets you focus on your code and not the interactions with other systems.
Using Feature Detection to Write CSS with Cross-Browser Support
If you’ve been subscribed for a while, you’ll have seen all manner of CSS modules - both established and experimental - mentioned here. Here’s how to use the modules you want in a progressively enhanced way across browsers by using feature detection. - http://bit.ly/2QdRuN0
#css
If you’ve been subscribed for a while, you’ll have seen all manner of CSS modules - both established and experimental - mentioned here. Here’s how to use the modules you want in a progressively enhanced way across browsers by using feature detection. - http://bit.ly/2QdRuN0
#css
CSS-Tricks
Using Feature Detection to Write CSS with Cross-Browser Support | CSS-Tricks
In early 2017, I presented a couple of workshops on the topic of CSS feature detection, titled CSS Feature Detection in 2017.
Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)
At Rever we just released a new version of our web client using Vue.js. - http://bit.ly/2N4WKVG
#vue
At Rever we just released a new version of our web client using Vue.js. - http://bit.ly/2N4WKVG
#vue
Medium
Why we moved from Angular 2 to Vue.js (and why we didn’t choose React)
At Rever (www.reverscore.com) we just released a new version of our web client using Vue.js. 641 commits and 16 weeks of intense development after with two resources, here we are, very proud of a…
Building a Real-Time Hand Sign Detector in iOS
How to build a hand sign detector app in iOS using Core ML and Custom Vision. - http://bit.ly/2Qo0UpA
#mobile
How to build a hand sign detector app in iOS using Core ML and Custom Vision. - http://bit.ly/2Qo0UpA
#mobile
Heartbeat
Building a Real-Time Hand Sign Detector in iOS using Core ML and Custom Vision
Core ML is an interesting means for adding a pre-trained machine learning model to your app. But one question that nagged me after trying…
How to Write a Node.js CLI Tool for Performing Image Classification with OpenCV - http://bit.ly/2Cqx9RU
#nodejs
#nodejs
ITNEXT
How to Write a Node.js CLI using OpenCV with Neural Network Models for Image Classification
TL;DR: In this article we will learn 3 things (these are the struggles I had to endure while creating my project for Github):