Safari Web Inspector Now Includes A New CPU Usage Timeline
...that lets devs measure a page’s CPU usage, estimate its energy impact, and more easily investigate sources of script execution that may be contributing to poor energy utilization. - http://amp.gs/Orx8
#news
...that lets devs measure a page’s CPU usage, estimate its energy impact, and more easily investigate sources of script execution that may be contributing to poor energy utilization. - http://amp.gs/Orx8
#news
WebKit
CPU Timeline in Web Inspector
Web Inspector now includes a new CPU usage timeline that lets developers measure a page’s CPU usage, estimate its energy impact, and more easily investigate sources of script execution that may be contributing to poor energy utilization.
Building a Reactivity System Similar to Vue In Under 0.7KB
Currently, the TOAST UI Grid team is working diligently for the major update that is the release of the version 4. The purpose of this update is to rewrite all of the previous code base written with… - http://amp.gs/Orsi
#vue
Currently, the TOAST UI Grid team is working diligently for the major update that is the release of the version 4. The purpose of this update is to rewrite all of the previous code base written with… - http://amp.gs/Orsi
#vue
Medium
Building a 0.7KB Reactivity System Similar to Vue
Currently, the TOAST UI Grid team is working diligently for the major update that is the release of the version 4. The purpose of this…
An Introduction to the MediaRecorder API
Here's how to use the MediaRecorder browser API to record audio and video in the browser. - http://amp.gs/OSYn
#webapi
Here's how to use the MediaRecorder browser API to record audio and video in the browser. - http://amp.gs/OSYn
#webapi
Twilio Blog
An introduction to the MediaRecorder API
The MediaRecorder API is a web API that you can use to record audio and video in the browser. In this post we'll build an app that records audio and lets you download it.
Up & Going with Nuxt.js, Bulma and Sass
Overcome Nuxt.js, Bulma and Sass shenanigans with this quick article to help you start developing your next App in less than 10 minutes. - http://amp.gs/OSLs
#vue
Overcome Nuxt.js, Bulma and Sass shenanigans with this quick article to help you start developing your next App in less than 10 minutes. - http://amp.gs/OSLs
#vue
Using Cypress to Write Tests for a React App
A straightforward introduction to using Cypress with React. Cypress is an end-to-end testing library that makes it easy to define and run user/UI actions programmatically to test the behavior of an app. - http://amp.gs/ONqS
#react #cypress #tests
A straightforward introduction to using Cypress with React. Cypress is an end-to-end testing library that makes it easy to define and run user/UI actions programmatically to test the behavior of an app. - http://amp.gs/ONqS
#react #cypress #tests
CSS-Tricks
Using Cypress to Write Tests for a React Application
End-to-end tests are written to assert the flow of an application from start to finish. Instead of handling the tests yourself — you know, manually
'Why We Prefer CSS Custom Properties to SASS Variables'
Some practical examples of how CSS variables can power-up your workflow. - http://amp.gs/OqOZ
#css
Some practical examples of how CSS variables can power-up your workflow. - http://amp.gs/OqOZ
#css
CodyHouse
Why we prefer CSS Custom Properties to SASS variables | CodyHouse
Some practical examples of how CSS variables can power-up your workflow
Understanding Worker Threads in Node
First introduced as a experimental feature in Node 10.5, worker threads are now a standard, built-in feature and enable you to run separate JavaScript files in separate threads (without introducing threads as a first-class citizen to Node generally). - http://amp.gs/Os7c
#nodejs
First introduced as a experimental feature in Node 10.5, worker threads are now a standard, built-in feature and enable you to run separate JavaScript files in separate threads (without introducing threads as a first-class citizen to Node generally). - http://amp.gs/Os7c
#nodejs
Good Code Reviews, Better Code Reviews
Gergely Orosz's personal take on what good code reviews look like and what great ones - better than good - are. - http://amp.gs/OiCY
#codereview
Gergely Orosz's personal take on what good code reviews look like and what great ones - better than good - are. - http://amp.gs/OiCY
#codereview
The Pragmatic Engineer
Good Code Reviews, Better Code Reviews
I have been doing day to day code reviews for over a decade now. The benefits of code reviews are plenty: from someone else reading through the change, through knowledge sharing all the way to tooling and automation improvements. If you are not doing code…
React Toastify: App Notifications Made Easy
A ‘toast’ notification is a small popup style of notification that’s popular in webapps. This library brings such notifications to your own app and gives you a lot of control over how they work (you can even display another React component inside the notification). - http://amp.gs/ODnA
#react
A ‘toast’ notification is a small popup style of notification that’s popular in webapps. This library brings such notifications to your own app and gives you a lot of control over how they work (you can even display another React component inside the notification). - http://amp.gs/ODnA
#react
fkhadra.github.io
Notify your user with ease using react-toastify
React Toastify let you notify your user from any component. It's very easy to use. If you don't want to waste time, this component is for you !
How to Create a Secure Node.js GraphQL API
This GraphQL tutorial outlines how to create an API for use in Node projects and examines how it compares to REST-based solutions. - http://amp.gs/Ou8v
#nodejs #graphql
This GraphQL tutorial outlines how to create an API for use in Node projects and examines how it compares to REST-based solutions. - http://amp.gs/Ou8v
#nodejs #graphql
Toptal Engineering Blog
How to Create a Secure Node.js GraphQL API | Toptal®
This GraphQL tutorial outlines how to create an API for use in Node.js projects and examines how it compares to REST-based solutions.
Task Management Application Using Vue.js
Now in this article, you will learn how to build a Task Management App similar to Trello using Vue.js. - http://amp.gs/Oucx
#vue
Now in this article, you will learn how to build a Task Management App similar to Trello using Vue.js. - http://amp.gs/Oucx
#vue
Medium
Task Management Application Using Vue.js — Part 1
Thinking in components — Task management app example
How to Section Your HTML
A valuable deep-dive into HTML’s various semantic sectioning elements (such as <nav>, <section> and <aside>) with pointers on when it's appropriate to use them, and how. Worth bookmarking for future reference. - http://amp.gs/OJag
#html
A valuable deep-dive into HTML’s various semantic sectioning elements (such as <nav>, <section> and <aside>) with pointers on when it's appropriate to use them, and how. Worth bookmarking for future reference. - http://amp.gs/OJag
#html
CSS-Tricks
How to Section Your HTML | CSS-Tricks
👋 It has been brought to our attention in the comments (and on Twitter) that some of the techniques used in this article result in a poor user
A Guide to Angular 8's Differential Loading Feature
Angular 8 is here! Learn all about one of its coolest new features: differential loading. Differential loading lets you serve up different bundles to different browsers and make your application even faster! - http://amp.gs/O0ib
#angular
Angular 8 is here! Learn all about one of its coolest new features: differential loading. Differential loading lets you serve up different bundles to different browsers and make your application even faster! - http://amp.gs/O0ib
#angular
Auth0 - Blog
A Guide to Angular 8's Differential Loading
Angular 8 now sends separate bundles to legacy browsers by default. Learn more about this new Angular feature, differential loading, in this article.
DOM Element Dimensions and CSS Transforms
Louis Lazaris shows how to retrieve correct DOM element’s dimensions when it has a CSS transform applied to it (scale, skew, translate, and rotate). - http://amp.gs/OKrj
#css
Louis Lazaris shows how to retrieve correct DOM element’s dimensions when it has a CSS transform applied to it (scale, skew, translate, and rotate). - http://amp.gs/OKrj
#css
Impressive Webs
DOM Element Dimensions and CSS Transforms
A look at the technical reasons for the variations in element dimensions via JavaScript, particularly when using CSS transforms.
A Gentle Introduction to Web Components
Web Components (aka, custom elements) allow you to implement reusable components with only HTML, CSS and JS. Here’s how to build your first, and how to use them in your apps. - http://amp.gs/O3vt
#webcomponent
Web Components (aka, custom elements) allow you to implement reusable components with only HTML, CSS and JS. Here’s how to build your first, and how to use them in your apps. - http://amp.gs/O3vt
#webcomponent
www.robinwieruch.de
Web Components Tutorial for Beginners [2019]
In this Web Components tutorial, you will learn how to implement your first web component (custom elements) with HTML, CSS, and JavaScript. It is aimed at beginners who haven't used web components before ...
Spotlight: A New Lightbox Gallery Library
It’s been years since we’ve linked to one of these (2 actually, when we linked to lightgallery.js, which remains a good option). - http://amp.gs/O3st
#component
It’s been years since we’ve linked to one of these (2 actually, when we linked to lightgallery.js, which remains a good option). - http://amp.gs/O3st
#component
GitHub
nextapps-de/spotlight
Web's most easy to integrate lightbox gallery library. Super-lightweight, outstanding performance, no dependencies. - nextapps-de/spotlight
Node vs Python 3: Which Is Fastest?
Spoiler.. it’s Node.js by a long shot! If you haven’t checked out the ‘Alioth’ Computer Langauge Benchmarks for a few years, they’ve been tweaked a bit and Node is now compared against C++, Java, Python, and Ruby. C++ and Java still have an edge but JavaScript is a clear performance winner amongst traditional ‘scripting’ languages. - http://amp.gs/OHm3
#nodejs
Spoiler.. it’s Node.js by a long shot! If you haven’t checked out the ‘Alioth’ Computer Langauge Benchmarks for a few years, they’ve been tweaked a bit and Node is now compared against C++, Java, Python, and Ruby. C++ and Java still have an edge but JavaScript is a clear performance winner amongst traditional ‘scripting’ languages. - http://amp.gs/OHm3
#nodejs
benchmarksgame-team.pages.debian.net
Node js vs Python 3 - Which programs are fastest? | Computer Language Benchmarks Game
Node js Python 3 - Which programs are fastest?
What does the Vue function API feel like
Recently a proposal for Vue.js 3.x has been published, and with it a whole new way to use Vue.js via function API that addresses many problems that were present in 2.x API. - http://amp.gs/O2mv
#vue
Recently a proposal for Vue.js 3.x has been published, and with it a whole new way to use Vue.js via function API that addresses many problems that were present in 2.x API. - http://amp.gs/O2mv
#vue
Logaretm
What does the Vue function API feel like - Abdelrahman' Blog
Javascript Enginer @Baianat
CSS Grid: No Nonsense Layouts
Austin Johnston shares an introduction to CSS Grid where you’ll learn how to create grid-based layouts through a practical, example-based approach. - http://amp.gs/O2c4
#css #grid
Austin Johnston shares an introduction to CSS Grid where you’ll learn how to create grid-based layouts through a practical, example-based approach. - http://amp.gs/O2c4
#css #grid
testdriven.io
CSS Grid: No Nonsense Layouts
This articles serves as an introduction to CSS Grid where you'll look at how to create complex grid-based layouts with simple CSS.
5 Keys to Accessible Web Typography
A solid introduction to the basics and best practices of accessible web typography. - http://amp.gs/OwEH
#typography
A solid introduction to the basics and best practices of accessible web typography. - http://amp.gs/OwEH
#typography
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.