Writing WebAssembly By Hand
This is low level stuff but a really enjoyable dig about. - http://bit.ly/2rs0u5G
#webassembly
This is low level stuff but a really enjoyable dig about. - http://bit.ly/2rs0u5G
#webassembly
Scott Logic
Writing WebAssembly By Hand
WebAssembly is a new language for the web, although unlike JavaScript it's not a language you are expected to use directly. However, it is actually possible to write WebAssembly directly by hand and it turns out this is an educational and enjoyable process…
Finger-Friendly Numerical Inputs with 'inputmode'
On mobile in particular, it’s very helpful if input fields that expect numerical values have a numerical UI, but there are a few ways to approach this. - http://bit.ly/2ruzdR3
#mobile
On mobile in particular, it’s very helpful if input fields that expect numerical values have a numerical UI, but there are a few ways to approach this. - http://bit.ly/2ruzdR3
#mobile
CSS-Tricks
Finger-friendly numerical inputs with `inputmode`
Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms…
How To Create an Audio/Video Recording App with React Native: An In-Depth Tutorial
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools. - http://bit.ly/2FSWOz4
#react
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools. - http://bit.ly/2FSWOz4
#react
Smashing Magazine
How To Create An Audio/Video Recording App With React Native: An In-Depth Tutorial
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools.
Measuring Sites with Mobile-First Optimization Tools
Not sure how to remove the code debt that bloats and weighs down your site? Here are specific ways mobile performance impacts your site and page speed results. - http://bit.ly/2wwZR0m
#mobile #performance
Not sure how to remove the code debt that bloats and weighs down your site? Here are specific ways mobile performance impacts your site and page speed results. - http://bit.ly/2wwZR0m
#mobile #performance
Smashing Magazine
Measuring Websites With Mobile-First Optimization Tools
Not sure how to remove the code debt that bloats and weighs down your site? Here are specific ways mobile performance impacts your site and page speed results. It's time to change our mindset.
Understanding Transitions and Animations in Vue
Animations not only makes our applications pretty, it is also a great UX tool that can make the interface of our App intuitive and easier for the users to get around. - http://bit.ly/2IeZs8i
#vue
Animations not only makes our applications pretty, it is also a great UX tool that can make the interface of our App intuitive and easier for the users to get around. - http://bit.ly/2IeZs8i
#vue
Medium
Understanding Transitions and Animations in VueJS
Animations not only makes our applications pretty, it is also a great UX tool that can make the interface of our App intuitive and easier…
A Guide to the State of Print Stylesheets in 2018
We’re printing fewer documents than ever, but it pays to make it easy for users to print well-styled versions of documents like invoices, receipts, recipes, instructions, etc. - http://bit.ly/2jRyaqa
#css
We’re printing fewer documents than ever, but it pays to make it easy for users to print well-styled versions of documents like invoices, receipts, recipes, instructions, etc. - http://bit.ly/2jRyaqa
#css
Smashing Magazine
A Guide To The State Of Print Stylesheets In 2018 — Smashing Magazine
We have covered print stylesheets in the past here on Smashing Magazine. In this article, Rachel Andrew takes a look at the state of printing from the browser today.
👍1
Testing in JavaScript - Tutorial Series
In the second part of this 5 part series about testing in JavaScript, you are going to look at a few tools you can use and then write your very first unit tests. - http://bit.ly/2KiqMiB
#vue
In the second part of this 5 part series about testing in JavaScript, you are going to look at a few tools you can use and then write your very first unit tests. - http://bit.ly/2KiqMiB
#vue
Vue.js Tutorials
Testing in JavaScript - Vue.js Tutorials
In the second part of this 5 part series about testing in JavaScript, we're going to look at a few tools we can use and then write our very first unit tests. Before going hands-on with some JavaScript testing and its workflow, let’s have a comparison of the…
Node 10: The New, The Changed, and the Deprecated
If you missed our epic Node 10 and npm 6 issue last week, check that out, but for a one stop look at Node 10, this is a good roundup. - http://bit.ly/2rGwCmj
#nodejs
If you missed our epic Node 10 and npm 6 issue last week, check that out, but for a one stop look at Node 10, this is a good roundup. - http://bit.ly/2rGwCmj
#nodejs
Auth0 - Blog
NodeJS 10: The New, The Changed, and the Deprecated
Node.js 10 comes packed with significant performance improvements through V8 v6.6 and new experimental features such the fs promise API and time traveling.
Easy State Management in React Using Unstated
Unstated uses React’s new context API to do state management as simply as possible. - http://bit.ly/2JZyvC0
#react
Unstated uses React’s new context API to do state management as simply as possible. - http://bit.ly/2JZyvC0
#react
alligator.io
Easy State Management in React Using Unstated
Unstated is a new library that makes state management in React dead simple. You can reach for it when you need a little more than setState.
CSS at Scale: LinkedIn’s New Open Source Projects Take on Stylesheet Performance
Chris Eppstein announces CSS Blocks (an ergonomic, component-oriented CSS authoring system that compiles to high-performance stylesheets) and OptiCSS (a template-aware stylesheet optimizer). - http://bit.ly/2Imysjk
#css
Chris Eppstein announces CSS Blocks (an ergonomic, component-oriented CSS authoring system that compiles to high-performance stylesheets) and OptiCSS (a template-aware stylesheet optimizer). - http://bit.ly/2Imysjk
#css
Linkedin
CSS at Scale: LinkedIn’s New Open Source Projects Take on Stylesheet Performance
Browsers use Cascading Style Sheets (CSS) to control the appearance of websites. From borders, fonts, and colors to layout, images, and animations, there are roughly 500 different style properties that can be declared with CSS. These properties are what make…
How to build your own vue-cli 3 plugin
When developing a vue-cli plugin you can focus on what you want to add or update in your generated VueJs project. - http://bit.ly/2rFtY10
#vue
When developing a vue-cli plugin you can focus on what you want to add or update in your generated VueJs project. - http://bit.ly/2rFtY10
#vue
Medium
How to build your own vue-cli 3 plugin
When the first versions of vue-cli came out it was really easy to generate a working VueJS project in seconds.
What’s New in the Latest Microsoft Edge? A Lot
The foundation for full-featured PWAs is now here with Service Workers and push notifications enabled by default, there’s variable fonts support, Notification API support, improved ARIA support, support for CSS transforms on SVG elements, and more. - http://bit.ly/2KkiOpm
#edge
The foundation for full-featured PWAs is now here with Service Workers and push notifications enabled by default, there’s variable fonts support, Notification API support, improved ARIA support, support for CSS transforms on SVG elements, and more. - http://bit.ly/2KkiOpm
#edge
Microsoft Edge Blog
What’s new in Microsoft Edge in the Windows 10 April 2018 Update
The next update to Microsoft Edge is now available with the Windows 10 April 2018 Update! This update includes EdgeHTML 17, the next major version of Microsoft Edge’s rendering engine, as well as new features and everyday improvements across the product.…
How to ace Error Messages on forms
Users want to complete your form, but if doing so takes too much effort, they’ll change their mind. - http://bit.ly/2wL0DHm
#webdesign
Users want to complete your form, but if doing so takes too much effort, they’ll change their mind. - http://bit.ly/2wL0DHm
#webdesign
UX Movement
The Best Place for Error Messages on Forms
Where are you placing the error messages on your form? If they're not placed where users expect to see them, you could jeopardize their capability to complete your form.
Learning Higher-Order Components in React by Building a Loading Screen - http://bit.ly/2HZ0zow
#react
#react
Medium
Learning Higher-Order Components in React by Building a Loading Screen
Let me share a secret: no matter how long you’ve been doing something, you’re bound to have to relearn some part of it. I haven’t built my…
Switching From 'cluster' to PM2 and RabbitMQ
Node.js is generally single-threaded, and the cluster module is often used to take advantage of multiple CPU cores by spawning multiple processes. PM2, the process manager, provides an alternative way of doing this. - http://bit.ly/2wCLO9U
#nodejs
Node.js is generally single-threaded, and the cluster module is often used to take advantage of multiple CPU cores by spawning multiple processes. PM2, the process manager, provides an alternative way of doing this. - http://bit.ly/2wCLO9U
#nodejs
Medium
Switching from cluster module to PM2 & RabbitMQ in Node.js
If you have been using Node.js for sometime, you should know that it is single threaded. This is why you can’t take full advantage of…
Angular 6.0 Released
A major release focused on Angular’s toolchain (particularly Angular CLI) and developer experience than on the framework itself. Angular Elements also allows you to bootstrap components within an existing app by registering them as Custom Elements. - http://bit.ly/2InbZa0
#angular
A major release focused on Angular’s toolchain (particularly Angular CLI) and developer experience than on the framework itself. Angular Elements also allows you to bootstrap components within an existing app by registering them as Custom Elements. - http://bit.ly/2InbZa0
#angular
Angular Blog
Version 6 of Angular Now Available – Angular Blog
The 6.0.0 release of Angular is here! This is a major release focused less on the underlying framework, and more on the toolchain and on…
An Update on CSS Grid Level 2 and Subgrids
A handy post for getting a feel for progress on subgrids with future versions of the CSS Grid spec. - http://bit.ly/2rFLHo3
#css
A handy post for getting a feel for progress on subgrids with future versions of the CSS Grid spec. - http://bit.ly/2rFLHo3
#css
The site of Rachel Andrew, writer, speaker and web developer
Grid Level 2 and Subgrid
A post about subgrid and the level 2 spec, what is happening and how can you keep track of progress?
Making responsive Vue components with ResizeObserver
Your component responsiveness is based on the screen size but should be based on its own size. - http://bit.ly/2IiIKBd
#vue
Your component responsiveness is based on the screen size but should be based on its own size. - http://bit.ly/2IiIKBd
#vue
ITNEXT
Making responsive Vue components with ResizeObserver
Hello guys! Today I want to share a little but very useful thing.
BigInt: Arbitrary-Precision Integers in JavaScript
A look at a new numeric primitive to represent integers with arbitrary precision that’s already available in V8 6.7 and Chrome 67. You may also enjoy the story behind implementing them in V8 - http://bit.ly/2wOswyo
#javascript
A look at a new numeric primitive to represent integers with arbitrary precision that’s already available in V8 6.7 and Chrome 67. You may also enjoy the story behind implementing them in V8 - http://bit.ly/2wOswyo
#javascript
Google Developers
BigInt: arbitrary-precision integers in JavaScript | Web
| Google Developers
| Google Developers
BigInts are a new numeric primitive in JavaScript that can represent integers with arbitrary precision. This article walks through some use cases and explains the new functionality in Chrome 67 by comparing BigInts to Numbers in JavaScript.