Browser Painting and Considerations for Web Performance
Georgy Marchuk explains why we need to be mindful of the impact our code has on the painting process and performance in general. - http://bit.ly/2Ppd4xP
#css
Georgy Marchuk explains why we need to be mindful of the impact our code has on the painting process and performance in general. - http://bit.ly/2Ppd4xP
#css
CSS-Tricks
Browser painting and considerations for web performance | CSS-Tricks
The process of a web browser turning HTML, CSS, and JavaScript into a finished visual representation is quite complex and involves a good bit of magic.
Handling Authentication In Vue Using Vuex
Local storage is often used to manage tokens generated through client-side authentication. This articles by Chris Nwamba shows how Vuex can be used as a superior alternative. - http://bit.ly/2N2nIcb
#vuex
Local storage is often used to manage tokens generated through client-side authentication. This articles by Chris Nwamba shows how Vuex can be used as a superior alternative. - http://bit.ly/2N2nIcb
#vuex
Scotch
Handling Authentication In Vue Using Vuex
Traditionally, many people use local storage to manage tokens generated through client-side authentication. A big concern is always a better way to manage authorization tokens to allow us to store even more information on users. This is where Vuex comes
The Generic Sensor API
Exploring the Generic Sensor API, which aims to make a consistent JavaScript API across a variety of different sensors (most often common on mobile devices) to make it easier to support new ones on the Web. - http://bit.ly/2BvMro0
#mobile #sensor #api
Exploring the Generic Sensor API, which aims to make a consistent JavaScript API across a variety of different sensors (most often common on mobile devices) to make it easier to support new ones on the Web. - http://bit.ly/2BvMro0
#mobile #sensor #api
mobiForge
The Generic Sensor API - mobiForge
The Generic Sensor API aims to make device sensors easier to use and extend by providing a set of consistent APIs to access sensors.
How to Pass Props to Components in React
“Everyone who is new to React is confused by these so called props, because they are never mentioned in any other web framework, and rarely explained on their own.” - http://bit.ly/2PmleXM
#react
“Everyone who is new to React is confused by these so called props, because they are never mentioned in any other web framework, and rarely explained on their own.” - http://bit.ly/2PmleXM
#react
www.robinwieruch.de
How to use Props in React
Everything you need to know about props in React. How to pass props to components, how to set default props, how to know the difference between props and state, and how to pass components or functions as props, ...
3 Ways to Create Angled Edges With SVG
Adi Purdila shows three ways to create angled edges using SVG. - http://bit.ly/2LdOoFh
#css #svg
Adi Purdila shows three ways to create angled edges using SVG. - http://bit.ly/2LdOoFh
#css #svg
Web Design Envato Tuts+
3 Ways to Create Angled Edges With SVG
In this tutorial you’ll learn three ways to create easy angled edges using SVG. To begin with we’ll use an inline SVG, then we’ll use an SVG background on a pseudo-element, before finishing off...
Full-Stack TypeScript Apps - Part 2: Developing Frontend Angular Apps
This is a series on how to build a full-stack TypeScript web application using Angular and Nest.js. In the first part, we learned how to build a simple API with Nest.js. In part two, here, we are going to learn how to use Angular to develop the frontend of the application that communicates with Nest.js. - http://bit.ly/2Ms8DnY
#angular
This is a series on how to build a full-stack TypeScript web application using Angular and Nest.js. In the first part, we learned how to build a simple API with Nest.js. In part two, here, we are going to learn how to use Angular to develop the frontend of the application that communicates with Nest.js. - http://bit.ly/2Ms8DnY
#angular
Auth0 - Blog
Full-Stack TypeScript Apps - Part 2: Developing Frontend Angular Apps
This series shows how to create a simple, full-stack web application with Angular, TypeScript, and Nest.js. Part 2: Developing frontend Angular apps.
Attribute Directives ❤ Angular Forms
In this article, we’ll examine creating Angular Directives that interact with the Angular Forms controls. We’ll do that by creating an attribute directive which hooks into the underlying form control and changes the directive’s host element border. - http://bit.ly/2MEpinG
#angular #forms
In this article, we’ll examine creating Angular Directives that interact with the Angular Forms controls. We’ll do that by creating an attribute directive which hooks into the underlying form control and changes the directive’s host element border. - http://bit.ly/2MEpinG
#angular #forms
Netanel Basal
Attribute Directives ❤ Angular Forms
In this article, we’ll examine creating Angular Directives that interact with the Angular Forms controls.
How to Display a List in React
You’ve got a list of items you want to appear on screen, but what’s the “React way” to do this? - http://bit.ly/2Mn7UEG
#react
You’ve got a list of items you want to appear on screen, but what’s the “React way” to do this? - http://bit.ly/2Mn7UEG
#react
Dave Ceddia
How to Display a List in React
Sticky, Smooth, Active Nav
Chris Coyier shows how to create smooth sidebar navigation bar. - http://bit.ly/2whV3bR
#css
Chris Coyier shows how to create smooth sidebar navigation bar. - http://bit.ly/2whV3bR
#css
CSS-Tricks
Sticky, Smooth, Active Nav | CSS-Tricks
Just like the title says! Here's a sidebar navigation bar that... Uses sticky positioning. It stays on the screen when it can, but won't overlap the
Push Notifications with Angular & Express
In this tutorial, we are going to take a look at how to display push notifications using angular. - http://bit.ly/2Laccd4
#angular
In this tutorial, we are going to take a look at how to display push notifications using angular. - http://bit.ly/2Laccd4
#angular
Malcoded
Push Notifications with Angular & Express
In this tutorial, we are going to take a look at how to display push notifications using angular. These push notifications will be the same as the native…
Line-Height Crop — A Simple CSS Formula to Remove Top Space From Your Text
Claudia Romano explains how to remove space from the top (and bottom) of text elements using a simple SCSS mixin. - http://bit.ly/2LcoAJN
#css
Claudia Romano explains how to remove space from the top (and bottom) of text elements using a simple SCSS mixin. - http://bit.ly/2LcoAJN
#css
Medium
Line-height Crop — a simple CSS formula to remove top space from your text
It’s a natural behavior of text elements to include some space on top (and bottom) of the element itself based on its line-height value.
Building an Ionic Geolocation Tracker with Google Maps and Track Drawing - http://bit.ly/2PvGCtQ
#ionic
#ionic
https://devdactic.com
Building an Ionic Geolocation Tracker with Google Map and Track Drawing
Within your Ionic App you can easily track the position of your users with the Ionic Geolocation plugin. It is also easy to add a Google Map to your app, so why not combine these 2 features into a useful app?
'Scroll Bouncing' and How It Works
A good understanding of the scroll bouncing effect (and how to prevent it, if you wish) is helpful for building any site that has fixed elements. - http://bit.ly/2BK8yaq
#css #scroll
A good understanding of the scroll bouncing effect (and how to prevent it, if you wish) is helpful for building any site that has fixed elements. - http://bit.ly/2BK8yaq
#css #scroll
Smashing Magazine
Scroll Bouncing On Your Websites — Smashing Magazine
This article describes the effect of scroll bouncing and how it works on different web browsers. It contains reviews of several different solutions that are suggested on the web that can be used to prevent scroll bouncing. The CSS property, overscroll-behavior…
An Overview of Buffers in Node.js
Buffers provide a handy way to work with streams of binary data but they can be a cause of confusion - this article aims to address that. - http://bit.ly/2wbTzkh
#nodejs
Buffers provide a handy way to work with streams of binary data but they can be a cause of confusion - this article aims to address that. - http://bit.ly/2wbTzkh
#nodejs
The Code Barbarian
An Overview of Buffers in Node.js
[Buffers](https://nodejs.org/api/buffer.html) are Node.js' built-in type for storing arbitrary binary data. Because most Node.js developers don't use buffers much beyond occasionally [reading data from a file](https://nodejs.org/api/stream.html#stream_cl…
An Alternative, Simple Approach to Internationalization
jsLingui is a new alternative approach to simplifying i18n when using Babel. - http://bit.ly/2MUluPd
#react
jsLingui is a new alternative approach to simplifying i18n when using Babel. - http://bit.ly/2MUluPd
#react
ITNEXT
Simple internationalization of React apps
Note: Do you have an app in single language? Keep reading! Things like pluralization, number and date formatting are still useful even for…
JavaScript Engine Fundamentals: Optimizing Prototypes
Having a deeper understanding of how JavaScript engines work can help you reason about the performance characteristics of your code and this diagram-rich post digs into engines optimize around JavaScript’s use of prototype-based inheritance. - http://bit.ly/2BQ0NzF
#javascript
Having a deeper understanding of how JavaScript engines work can help you reason about the performance characteristics of your code and this diagram-rich post digs into engines optimize around JavaScript’s use of prototype-based inheritance. - http://bit.ly/2BQ0NzF
#javascript
Angular 7 is coming
Today (August 3rd) Angular Team released Angular 7 beta.0 release. Many of us will be curious about the kind of features and bug fixes that we can see in this beta release. - http://bit.ly/2N0Fmx3
#angular
Today (August 3rd) Angular Team released Angular 7 beta.0 release. Many of us will be curious about the kind of features and bug fixes that we can see in this beta release. - http://bit.ly/2N0Fmx3
#angular
Medium
Angular 7 is coming
Today Angular Team released Angular 7 beta release. Many of us will be curious about the kind of features and bug fixes that we can see in…
UX and HTML5: Let’s Help Users Fill In Your Mobile Forms
Best practices to improve your mobile forms, including scannability and readability. There’s a lot to chew on here. - http://bit.ly/2ofN9w5
#ui #ux
Best practices to improve your mobile forms, including scannability and readability. There’s a lot to chew on here. - http://bit.ly/2ofN9w5
#ui #ux
Smashing Magazine
UX And HTML5: Let’s Help Users Fill In Your Mobile Form (Part 1) — Smashing Magazine
Do you test your forms on real users and real devices? If not, you should. Let’s take a look at some of the techniques that can help you take your forms to the next level and help users fill them in.
React Context API: Managing State with Ease
Managing state with the new React Context API is very easy. Learn what the differences with Redux are and how to use it in this practical tutorial. - http://bit.ly/2PE3Mhz
#react
Managing state with the new React Context API is very easy. Learn what the differences with Redux are and how to use it in this practical tutorial. - http://bit.ly/2PE3Mhz
#react
Auth0 - Blog
React Context API: Managing State with Ease
Managing state with the new React Context API is very easy. Learn what the differences with Redux are and how to use it in this practical tutorial.
Exploring SMACSS: Scalable and Modular Architecture for CSS
SMACSS provides a set of solid organizational guidelines for working with CSS. - http://bit.ly/2o77VxX
#css #smacss
SMACSS provides a set of solid organizational guidelines for working with CSS. - http://bit.ly/2o77VxX
#css #smacss
Toptal Engineering Blog
Exploring SMACSS: Scalable and Modular Architecture for CSS | Toptal®
CSS is notorious for getting messy quickly as a website scales. While frameworks like Bootstrap can help, SMACSS takes a different approach, as a set of solid organizational guidelines. This introduction by Slobodan Gajic explores the idea and benefits behind…