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.
Several ES2019 Features You Can Use Today
A brief look at Object.fromEntries, trimStart, trimEnd, flat, flatMap, and more. - http://amp.gs/OwM7
#javascript #es2019
A brief look at Object.fromEntries, trimStart, trimEnd, flat, flatMap, and more. - http://amp.gs/OwM7
#javascript #es2019
LogRocket Blog
5 ES2019 features you can use today - LogRocket Blog
Since ES6 was introduced in 2015, TC39 has released a new ES standard each year. Check out these five new features available for use right now in ES2019.
Building 'Micro Frontends' with React, Vue, and Single SPA
A look at how to use multiple JavaScript frameworks in a single-page application.. if you so wished. - http://amp.gs/OFRo
#microfrontend
A look at how to use multiple JavaScript frameworks in a single-page application.. if you so wished. - http://amp.gs/OFRo
#microfrontend
DEV Community
Building Micro Frontends with React, Vue, and Single-spa
How to use multiple JavaScript frameworks in a single-page application.
Bringing A Healthy Code Review Mindset To Your Team
Sandrina Pereira shares some advice on overcoming feedback resistance and managing time expectations.
- http://amp.gs/OFad
#css
Sandrina Pereira shares some advice on overcoming feedback resistance and managing time expectations.
- http://amp.gs/OFad
#css
Smashing Magazine
Bringing A Healthy Code Review Mindset To Your Team — Smashing Magazine
Take a moment to remember the last time you collaborated in a code review. Did your team overcome feedback resistance and manage time expectations? Fostering a healthy mindset is the key to build trust and sharing knowledge with your colleagues.
Using Push Notifications with Service Workers and Node
An easy to follow introduction to rigging up a front-end notifications system with a Node backend pushing out the messages. - http://amp.gs/OXe8
#nodejs
An easy to follow introduction to rigging up a front-end notifications system with a Node backend pushing out the messages. - http://amp.gs/OXe8
#nodejs
Marcin Wanago Blog - JavaScript, both frontend and backend
Using Push Notifications with Service Workers and Node.js
In this article, we cover another feature that we can implement with the help of Service Workers – Push Notifications. They come in handy if we need a fast channel of communicating with our users. We not only learn how to implement them in terms of code,…
Everything You Need to Know About Date in JavaScript
Runs through what you need to know about Date objects. - http://amp.gs/OXbh
#javascript
Runs through what you need to know about Date objects. - http://amp.gs/OXbh
#javascript
CSS-Tricks
Everything You Need to Know About Date in JavaScript
Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with
A React Fiber Deep Dive with Dan Abramov
A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free. - https://www.youtube.com/watch?v=aS41Y_eyNrU
#video #abramov
A fun but long (almost 2 hours!) video where Jenn Creighton and Dan Abramov help out two React developers overwhelmed by divs! A truly deep dive into the React Fiber engine and basically like getting a workshop for free. - https://www.youtube.com/watch?v=aS41Y_eyNrU
#video #abramov
YouTube
SMOOSHCAST: React Fiber Deep Dive with Dan Abramov
Jani and Phil got a problem. There are too many damn divs! With the help of Jenn Creighton and special guest Dan Abramov, we learn how to hack React Fiber reconciler internals to make the world a less div-ided place.
In this deep dive you'll learn how to…
In this deep dive you'll learn how to…
Introduction to Vue lifecycle hooks
In this post, we will learn about all of the hooks available for use in your Vue JS workflow. - http://amp.gs/OLi0
#vue
In this post, we will learn about all of the hooks available for use in your Vue JS workflow. - http://amp.gs/OLi0
#vue
LogRocket Blog
Introduction to Vue lifecycle hooks - LogRocket Blog
Help control your workflow by using lifecycle hooks to add custom logic at different stages of the lifecycle of your Vue instance.
Inspired Design Decisions: Avaunt Magazine
Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS. - http://amp.gs/OWNi
#css
Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS. - http://amp.gs/OWNi
#css
Smashing Magazine
Inspired Design Decisions: Avaunt Magazine — Smashing Magazine
This is the first edition of Inspired Design Decisions in which Andy Clarke explains how to design and implement skinny columns using meaningful markup and efficient CSS.
The 10 Component Commandments
A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. #6 is controversial, though. - http://amp.gs/Oa9U
#react
A handy walkthrough of 10 ‘practical commandments’ for creating components that you can share widely and that other developers will actually want to use. #6 is controversial, though. - http://amp.gs/Oa9U
#react
DEV Community
The 10 Component Commandments
10 golden rules to live by when you're designing your React component APIs
Having fun with Angular and Typescript Transformers
Do you know the burden of handling your RxJs subscriptions manually? Did you ever forget one? Did you ever run into the problem that you thought you would be safe with the use of the async pipe in the template and then after some time a new requirement comes in and you realize that you need a subscribe call in your component class as well? This may be a smell for a bad design of some of your components, but let's be honest: Sometimes it is the right way in order to get things done.
- http://amp.gs/OoBw
#angular
Do you know the burden of handling your RxJs subscriptions manually? Did you ever forget one? Did you ever run into the problem that you thought you would be safe with the use of the async pipe in the template and then after some time a new requirement comes in and you realize that you need a subscribe call in your component class as well? This may be a smell for a bad design of some of your components, but let's be honest: Sometimes it is the right way in order to get things done.
- http://amp.gs/OoBw
#angular
10 Things You Should Know Before Writing Your Next Vuejs Component
Vuejs provides two ways to load components one globally at the Vue instance and the other at the component level. both methods provide their own benefits; loading a component globally makes it… - http://amp.gs/OM8a
#vue
Vuejs provides two ways to load components one globally at the Vue instance and the other at the component level. both methods provide their own benefits; loading a component globally makes it… - http://amp.gs/OM8a
#vue
Medium
10 Things You Should Know Before Writing Your Next Vue.js Component
A Guide to building better Vue components
Debugging JavaScript Like a Pro with Google Chrome
Chrome’s DevTools have a lot to offer in the debugging department for every JavaScript developer. - http://amp.gs/OM5H
#javascript
Chrome’s DevTools have a lot to offer in the debugging department for every JavaScript developer. - http://amp.gs/OM5H
#javascript
Medium
Debugging Javascript Like a Pro
Discover the best debugging tools Chrome has to offer
How to Do Scroll-Linked Animations the Right Way
Alvin Wan describes how to create scroll-linked animations.
- http://amp.gs/O5J8
#css
Alvin Wan describes how to create scroll-linked animations.
- http://amp.gs/O5J8
#css
LogRocket Blog
How to use scroll-linked animations the right way - LogRocket Blog
When it comes to scroll-linked animations, here are two takeaway tips: use Javascript observer patterns and CSS where possible.
Avoiding Recursive useEffect Hooks
The dependency array passed to the useEffect hook tells React when the effect should be re-run, but.. what happens if you update some state and cause a loop? Here’s how to avoid the problem. - http://amp.gs/OQD9
#react
The dependency array passed to the useEffect hook tells React when the effect should be re-run, but.. what happens if you update some state and cause a loop? Here’s how to avoid the problem. - http://amp.gs/OQD9
#react
Optimizing Google Fonts Performance
Google Fonts are simple enough to implement, but can have a big impact on page load times. Here’s how to load them in the most optimal way. - http://amp.gs/Oc03
#fonts
Google Fonts are simple enough to implement, but can have a big impact on page load times. Here’s how to load them in the most optimal way. - http://amp.gs/Oc03
#fonts
Smashing Magazine
Optimizing Google Fonts Performance — Smashing Magazine
Google Fonts are easy to implement, but they can have a big impact on your page load times. Let’s explore how we can load them in the most optimal way.