mask-image Lets You Do Some Really Cool Stuff
Kevin Powell shows how to add some creativity to your designs with mask-image CSS property. - https://www.youtube.com/watch?v=FCuNtCq3nRg
#css
Kevin Powell shows how to add some creativity to your designs with mask-image CSS property. - https://www.youtube.com/watch?v=FCuNtCq3nRg
#css
YouTube
mask-image lets you do some really cool stuff
Add some creativity to your designs with mask-image!
🔗 Links
✅ Browser support: https://caniuse.com/?search=mask-image
⌚ Timestamps
00:00 - Introduction
00:30 - Setting things up to fade out the image
00:58 - Fading it out
02:30 - Fixing the layout
03:15…
🔗 Links
✅ Browser support: https://caniuse.com/?search=mask-image
⌚ Timestamps
00:00 - Introduction
00:30 - Setting things up to fade out the image
00:58 - Fading it out
02:30 - Fixing the layout
03:15…
👍6
How to Build Feature Rich Forms in Vue.js
Forms play a major part in making complex and interactive web applications. In this article find out how you can build powerful forms with Formkit. - https://vueschool.io/articles/vuejs-tutorials/how-to-build-feature-rich-forms-in-vue-js/
#vue
Forms play a major part in making complex and interactive web applications. In this article find out how you can build powerful forms with Formkit. - https://vueschool.io/articles/vuejs-tutorials/how-to-build-feature-rich-forms-in-vue-js/
#vue
vueschool.io
How to Build Feature Rich Forms in Vue.js - Vue School Articles
Build feature-rich forms for Vue applications with validation, submission states, i18n, and more with FormKit's simple but flexible API.
👍6
Angular: Develop Faster with Prototyping
Angular prototyping for faster development & testing - https://itnext.io/angular-develop-faster-with-prototyping-aafdf3376e6e
#angular
Angular prototyping for faster development & testing - https://itnext.io/angular-develop-faster-with-prototyping-aafdf3376e6e
#angular
Medium
Angular: Develop Faster with Prototyping
Angular prototyping for faster development & testing
👍5
Scalability of frontend applications with a micro-frontends architecture
Let’s talk about how small companies transform into mature companies and how it affects the scalability of… - https://itnext.io/scalability-of-frontend-applications-with-a-micro-frontends-architecture-2f1b25221bfe
#microfrontends
Let’s talk about how small companies transform into mature companies and how it affects the scalability of… - https://itnext.io/scalability-of-frontend-applications-with-a-micro-frontends-architecture-2f1b25221bfe
#microfrontends
Medium
Scalability of frontend applications with a micro-frontends architecture
Let’s talk about how small companies transform into mature companies and how it affects the scalability of frontend applications
👍6
A Node.js Retrospective for 2022
We devoted an issue to the best Node Weekly items of 2022 recently, but this post from NodeSource takes a broader look back at Node’s fortunes and developments in 2022, including how it topped Stack Overflow’s annual developer survey as the most broadly used ‘Web technology.’ - https://nodesource.com/blog/Nodejs-Retro-2022
#nodejs
We devoted an issue to the best Node Weekly items of 2022 recently, but this post from NodeSource takes a broader look back at Node’s fortunes and developments in 2022, including how it topped Stack Overflow’s annual developer survey as the most broadly used ‘Web technology.’ - https://nodesource.com/blog/Nodejs-Retro-2022
#nodejs
The NodeSource Blog - Node.js Tutorials, Guides, and Updates
NODE.JS Retro 2022
Node.js had been steadily growing in recent years due to its scalability and performance, making it ideal for businesses.
👍5❤1
The Magical World of Particles with React Three Fiber and Shaders
You'll learn a lot about shaders and rendering particle effects in this fascinating interactive primer. - https://blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/
#react
You'll learn a lot about shaders and rendering particle effects in this fascinating interactive primer. - https://blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/
#react
The Blog of Maxime Heckel
The magical world of Particles with React Three Fiber and Shaders - The Blog of Maxime Heckel
An interactive introduction to Particles with React Three Fiber and Shaders where you'll learn anything going from attributes, buffer geometries, and more advanced techniques like Frame Buffer Object through 8 unique 3D scenes.
👍5
Component Communication in VueJs - https://pasankamburugamuwa1.medium.com/component-communication-in-vuejs-6a4ee553fcbf
#vue
#vue
Medium
Component Communication in VueJs
In most Javascript frameworks, the entire web page is divided into smaller components and together with all those components, we call a web…
👍5🤔1
Digging Deeper Into Container Style Queries
Geoff Graham explores the more nuanced aspects of Container Style Queries. - https://css-tricks.com/digging-deeper-into-container-style-queries
#css
Geoff Graham explores the more nuanced aspects of Container Style Queries. - https://css-tricks.com/digging-deeper-into-container-style-queries
#css
CSS-Tricks
Digging Deeper Into Container Style Queries | CSS-Tricks
I wrote up some early thoughts on container style queries a little while back. It's still early days. They're already defined in the CSS Containment Module
👍6
Design better Angular components
On the path to perfection we thrive. - https://sergeygultyayev.medium.com/design-better-angular-components-2b89d27b262d
#angular
On the path to perfection we thrive. - https://sergeygultyayev.medium.com/design-better-angular-components-2b89d27b262d
#angular
Medium
Design better Angular components
On the path to perfection we thrive.
👍8👎1
Strategic Domain-Driven Design Kata: Delivericious
If you like this Kata, check out another Kata I’ve published using the example of an online car dealership… - https://medium.com/nick-tune-tech-strategy-blog/strategic-domain-driven-design-kata-delivericious-b114ca77163
#architecture
If you like this Kata, check out another Kata I’ve published using the example of an online car dealership… - https://medium.com/nick-tune-tech-strategy-blog/strategic-domain-driven-design-kata-delivericious-b114ca77163
#architecture
Medium
Strategic Domain-Driven Design Kata: Delivericious
If you would like to learn or practice how to break up a large business into domains and use them as the foundation for your software…
👍5
A Guide to Keyboard Accessibility from JavaScript
The first article in this series looked at HTML and CSS accessibility, and this second entry focuses on what you can do in JavaScript to improve the experience for keyboard-oriented users. - https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-javascript-part2/
#javascript
The first article in this series looked at HTML and CSS accessibility, and this second entry focuses on what you can do in JavaScript to improve the experience for keyboard-oriented users. - https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-javascript-part2/
#javascript
Smashing Magazine
A Guide To Keyboard Accessibility: JavaScript (Part 2) — Smashing Magazine
This article is the second of two parts about a guide to making websites accessible to keyboard users. Here Cristian Diaz covers a toolset on JavaScript that you can mix into different components to create a great experience for keyboard users.
👍4
How to build a notes app with React and localStorage - https://blog.logrocket.com/notes-app-react-localstorage/
#react
#react
LogRocket Blog
How to build a notes app with React and localStorage - LogRocket Blog
Build a notes app from scratch using React and localStorage with functionalities like storing a user input, saving it, and deleting it.
👍7
Optimizing a Vue.js App
Covers some basic ideas to keep in mind when building Vue apps. - https://www.smashingmagazine.com/2022/11/optimizing-vue-app/
#vue
Covers some basic ideas to keep in mind when building Vue apps. - https://www.smashingmagazine.com/2022/11/optimizing-vue-app/
#vue
Smashing Magazine
Optimizing A Vue App — Smashing Magazine
Prioritizing performance when building our web apps improves the user experience and helps ensure they can be used by as many people as possible. In this article, Michelle Barker will walk you through some of the front-end optimization tips to keep our Vue…
👍6
Accessible Front-End Patterns For Responsive Tables
Adrian Bece explores various patterns for creating responsive and usable tables for smaller screens. - https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1
#css
Adrian Bece explores various patterns for creating responsive and usable tables for smaller screens. - https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1
#css
Smashing Magazine
Accessible Front-End Patterns For Responsive Tables (Part 1) — Smashing Magazine
There is no universal solution for making every kind of table responsive and usable on smaller screens, so we have to rely on various patterns, which Adrian explains in this two-part series.
👍2🤔1
What’s So Great About Functional Programming?
If anyone has excitedly insisted you check out Elm, PureScript, Haskell or F#, they may have caught Functionitis and want you to catch it too. James, author of the forthcoming Skeptic’s Guide to Functional Programming with JavaScript, sells the ideas behind functional programming here in a way we can all grok. “It’s all about confidence.” - https://jrsinclair.com/articles/2022/whats-so-great-about-functional-programming-anyway/
#javascript
If anyone has excitedly insisted you check out Elm, PureScript, Haskell or F#, they may have caught Functionitis and want you to catch it too. James, author of the forthcoming Skeptic’s Guide to Functional Programming with JavaScript, sells the ideas behind functional programming here in a way we can all grok. “It’s all about confidence.” - https://jrsinclair.com/articles/2022/whats-so-great-about-functional-programming-anyway/
#javascript
Jrsinclair
What’s so great about functional programming anyway?
To hear some people talk about functional programming, you’d think they’d joined some kind of cult. They prattle on about how it’s changed the way they think about code. They’ll extol the benefits of purity, at length. And proclaim that they are now able…
👍6
A Comparison of Node.js Job Schedulers
If you want to trigger a function to run at a specified interval without using external services, there are a few solutions. This post gives a basic comparison of Agenda, Bull, Bree and Node Cron. - https://deadsimplechat.com/blog/best-nodejs-schedulers/
#nodejs
If you want to trigger a function to run at a specified interval without using external services, there are a few solutions. This post gives a basic comparison of Agenda, Bull, Bree and Node Cron. - https://deadsimplechat.com/blog/best-nodejs-schedulers/
#nodejs
Dead Simple Chat Blog
Best Node.JS Schedulers
Dead Simple Chat offers prebuilt Chat that can be added in minutes to any app or website. Can be completely customized and offers powerful JavaScript API and SDK. In this article, we will compare the top Node.JS Cron Scheduler libraries and we will go through…
👍4
Rendering real-time data with Vue, Node, and socket.io - https://blog.openreplay.com/rendering-real-time-data-with-vue-node-and-socket-io
#vue
#vue
👍4