Modern Script Loading
You want to serve modern code to modern browsers, legacy code to the older browsers.. but how? - http://amp.gs/rWCZ
#javascript
You want to serve modern code to modern browsers, legacy code to the older browsers.. but how? - http://amp.gs/rWCZ
#javascript
JASON Format
Modern Script Loading
Serving the right code to the right browsers can be tricky. Here are some options. Serving modern code to modern browsers can be great for performance. Your JavaScript bundles can contain more compact or optimized modern syntax, while still supporting...
How We Built a Component Library That People Actually Enjoy Using
Chase McCoy shares some of the tools that their team at Sprout Social used to build a component library that is a joy to use.
- http://amp.gs/raYr
#css
Chase McCoy shares some of the tools that their team at Sprout Social used to build a component library that is a joy to use.
- http://amp.gs/raYr
#css
Medium
How we built a component library that people actually enjoy using
Our team of three built a component library for a team of 60 designers and engineers, who love using it. Here is how that’s possible.
How to Manage Asynchronous Calls More Easily in Vue Apps
If you want to supercharge your app performance, check out this guide to managing async components with the vue-async-manager library which provides features akin to React Suspense.
- http://amp.gs/rozf
#vue
If you want to supercharge your app performance, check out this guide to managing async components with the vue-async-manager library which provides features akin to React Suspense.
- http://amp.gs/rozf
#vue
Medium
How to manage asynchronous calls more easily in vue apps
TOC:
Hermes: A New JS Engine Optimized for React Native
You don’t get a new JavaScript engine for years, and then this week we get two! Hermes is a new engine released by Facebook that aims to dramatically speed up React Native apps on Android by introducing optimized build-time bytecode generation.
- http://amp.gs/ro60
#reactNative
You don’t get a new JavaScript engine for years, and then this week we get two! Hermes is a new engine released by Facebook that aims to dramatically speed up React Native apps on Android by introducing optimized build-time bytecode generation.
- http://amp.gs/ro60
#reactNative
Implementing an Efficient LRU Cache in JavaScript
Using typed arrays to design a low-cost pointer system for fixed-capacity data structures. - http://amp.gs/rMRT
#javascript
Using typed arrays to design a low-cost pointer system for fixed-capacity data structures. - http://amp.gs/rMRT
#javascript
yomguithereal.github.io
Implementing an efficient LRU cache in JavaScript
Where we discover how to harness the power of JavaScript's typed arrays to design our very own low-cost pointer system for fixed-capacity data structures
Bringing New CSS Techniques to Production
Ash Stevens shares their experience with adopting new CSS techniques into projects. - http://amp.gs/r5zn
#css
Ash Stevens shares their experience with adopting new CSS techniques into projects. - http://amp.gs/r5zn
#css
sidigital.co
Bringing new CSS techniques to production
The features available to web developers are constantly evolving. In recent years we’ve seen exciting new abilities that were beyond my imagination when I started building websites. They have changed what it means to design and build for the web.
How To Build A Sketch Plugin with JavaScript
Sketch is a popular (but commercial) vector graphics editor for macOS and you can dynamically extend it with our favorite language. - http://amp.gs/r5XV
#javascript
Sketch is a popular (but commercial) vector graphics editor for macOS and you can dynamically extend it with our favorite language. - http://amp.gs/r5XV
#javascript
Smashing Magazine
How To Build A Sketch Plugin With JavaScript, HTML And CSS (Part 1) — Smashing Magazine
In this two-part article, you’ll learn how to build your our own Sketch plugins from scratch — giving you the skills needed to accomplish tasks much faster, easier, and better.
26 VS Code Tools for JavaScript Developers
VS Code user? Worried you might be missing yet another useful extension to make your JS development life better? Binge on this list. - http://amp.gs/rQxM
#vscode
VS Code user? Worried you might be missing yet another useful extension to make your JS development life better? Binge on this list. - http://amp.gs/rQxM
#vscode
DEV Community
26 Miraculous VS Code Tools for JavaScript Developers in 2019
Find me on medium Visual Studio Code (more casually known as VS code) is a lightweight but powerful...
Vue.js Advanced Reactivity API and Caching Method-style Getters
Learn how and why to cache method-style getter invocations for relational data in Vuex. These principles will also apply to method-style computed properties. - http://amp.gs/rQHe
#vue
Learn how and why to cache method-style getter invocations for relational data in Vuex. These principles will also apply to method-style computed properties. - http://amp.gs/rQHe
#vue
Medium
Vue.js Advanced Reactivity API and Caching Method-style Getters
Why or where you might need it, a practical how-to, and a guide to the internal mechanics involved.
CSS Lists, Markers, And Counters
In this article Rachel Andrew starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification — markers and counters. - http://amp.gs/rcOZ
#css
In this article Rachel Andrew starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification — markers and counters. - http://amp.gs/rcOZ
#css
Smashing Magazine
CSS Lists, Markers, And Counters — Smashing Magazine
There is more to styling lists in CSS than you might think. In this article, Rachel starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification — markers and counters.
Next.js 9 Released: The Popular Server-Side React Framework
9.0 introduces a lot of features like zero-config TypeScript support and ‘API routes’, a new way to build back-end APIs. - http://amp.gs/rb9u
#nextjs
9.0 introduces a lot of features like zero-config TypeScript support and ‘API routes’, a new way to build back-end APIs. - http://amp.gs/rb9u
#nextjs
nextjs.org
Next.js 9
Next.js 9 includes TypeScript support, Dynamic Routing, API Routes, Automatic Static Optimization, and more!
How To Build a Minesweeper Game with JavaScript
I love fun tutorials like this. It’s not perfect JavaScript, it uses jQuery, and you might pick other holes in it, but you’ll learn something, have fun, and it works! - http://amp.gs/SISE
#javascript #game #minesweeper
I love fun tutorials like this. It’s not perfect JavaScript, it uses jQuery, and you might pick other holes in it, but you’ll learn something, have fun, and it works! - http://amp.gs/SISE
#javascript #game #minesweeper
Mitchum.Blog
How To Build Minesweeper With JavaScript - Mitchum.Blog
Learn how to build minesweeper with javascript. Play the game and learn about how it is constructed using front-end web technologies.
How to Dynamically Generate Social/OpenGraph Images Serverlessly
If you paste certain URLs into social tools like Twitter or Slack, you’ll see a neat social sharing image appear. These can be created manually, but what if you want to dynamically generate them? Here’s how to do that with Node and ZEIT Now. - http://amp.gs/SjRJ
#nodejs
If you paste certain URLs into social tools like Twitter or Slack, you’ll see a neat social sharing image appear. These can be created manually, but what if you want to dynamically generate them? Here’s how to do that with Node and ZEIT Now. - http://amp.gs/SjRJ
#nodejs
Leighhalliday
Serverless OG Image
If you've ever pasted a URL from an article on dev.to into Slack, Twitter, Facebook or LinkedIn, you'll notice they have an awesome social…
Color Inputs: A Deep Dive into Cross-Browser Differences
Ana Tudor looks at the structure inside <input type=’color’> elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it. - http://amp.gs/STKX
#css
Ana Tudor looks at the structure inside <input type=’color’> elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it. - http://amp.gs/STKX
#css
CSS-Tricks
Color Inputs: A Deep Dive into Cross-Browser Differences
In this article, we'll be taking a look at the structure inside elements, browser inconsistencies, why they look a certain way in a certain browser, and
Working With Functional Vue.js Components
Learn how to pass classes, attributes and event listerners to functional Vue.js components. - http://amp.gs/SzsC
#vue
Learn how to pass classes, attributes and event listerners to functional Vue.js components. - http://amp.gs/SzsC
#vue
markus.oberlehner.net
Working With Functional Vue.js Components
Learn how to pass classes, attributes, and event listeners to functional Vue.js components.
Getting to Know Puppeteer Using Practical Examples
A handy mixture of both guide and cheat sheet for the popular Chrome automation library. - http://amp.gs/S1uP
#puppeteer
A handy mixture of both guide and cheat sheet for the popular Chrome automation library. - http://amp.gs/S1uP
#puppeteer
📚 Nitay Neeman's Blog | JavaScript • Angular • RxJS
Getting to Know Puppeteer Using Practical Examples
An overview, concrete guide and kinda cheat sheet for the popular browser automation library, based on Node.js, which provides a high-level API over the Chrome DevTools Protocol.
Improve Your JavaScript Knowledge By Reading Source Code
If you get stuck with a certain API or language feature, reading other people’s source code is a great way to break out of a funk. - http://amp.gs/SYwJ
#javascript
If you get stuck with a certain API or language feature, reading other people’s source code is a great way to break out of a funk. - http://amp.gs/SYwJ
#javascript
Smashing Magazine
Improve Your JavaScript Knowledge By Reading Source Code — Smashing Magazine
When you are still early on in your programming career, digging into the source code of open source libraries and frameworks can be a daunting endeavor. In this article, Carl Mungazi shares how he got over his fear and began using source code to improve his…
Animating with Clip-Path
Travis Almand dives into clip-path and shows how you can use it to create complex animations. - http://amp.gs/St2t
#css
Travis Almand dives into clip-path and shows how you can use it to create complex animations. - http://amp.gs/St2t
#css
CSS-Tricks
Animating with Clip-Path | CSS-Tricks
clip-path is one of those CSS properties we generally know is there but might not reach for often for whatever reason. It’s a little intimidating in the