Replacing jQuery with Vue
Takes a shot at convincing you that using Vue.js doesn’t have to be a headache and will help even on basic projects. - http://bit.ly/2LV25tr
#vue
Takes a shot at convincing you that using Vue.js doesn’t have to be a headache and will help even on basic projects. - http://bit.ly/2LV25tr
#vue
Sitepoint
JavaScript: Learn JavaScript, jQuery, Angular.JS & More — SitePoint
Learn JavaScript, jQuery, jQuery UI, jQuery Mobile, Angular.JS, Node.js, Backbone.js & more with SitePoint tutorials, books and courses
Understanding Variables, Scope, and Hoisting in JavaScript
A thorough (re)introductory guide. - https://do.co/2laasG7
#javascript
A thorough (re)introductory guide. - https://do.co/2laasG7
#javascript
Digitalocean
Understanding Variables, Scope, and Hoisting in JavaScript | DigitalOcean
This tutorial covers what variables are, how to declare and name them, and also take a closer look at the difference between var, let, and const. It also goe…
Making Avengers ID Card In HTML And CSS
Kunal Sarkar showcases a ton of CSS techniques while showing how to build a sci-fi ID card for Avengers. - http://bit.ly/2ykzyvp
#css
Kunal Sarkar showcases a ton of CSS techniques while showing how to build a sci-fi ID card for Avengers. - http://bit.ly/2ykzyvp
#css
Smashing Magazine
Making Avengers ID Card In HTML And CSS
In this tutorial, we will build a sci-fi ID card for Avengers. You will learn Flexbox, Nested Flexbox, CSS animations, and a ton of other CSS techniques while building this interesting project.
You Probably Don’t Need Derived State
React 16.4 fixed a bug but this has, in turn, affected some apps that were using an anti-pattern that relied upon the bug(!) Here’s the core team’s look at the problem and some alternative approaches. - http://bit.ly/2M0mDRm
#react
React 16.4 fixed a bug but this has, in turn, affected some apps that were using an anti-pattern that relied upon the bug(!) Here’s the core team’s look at the problem and some alternative approaches. - http://bit.ly/2M0mDRm
#react
legacy.reactjs.org
You Probably Don't Need Derived State – React Blog
This blog site has been archived. Go to react.dev/blog to see the recent posts. React 16.4 included a bugfix for getDerivedStateFromProps which caused some existing bugs in React components to reproduce more consistently. If this release exposed a case where…
Build a Basic CRUD App with Vue.js and Node
This tutorial will take you step by step through scaffolding a Vue.js project, offloading secure authentication to Okta’s OpenID Connect API (OIDC), locking down protected routes, and performing CRUD operations through a backend REST API server. - http://bit.ly/2K08YJA
#vue
This tutorial will take you step by step through scaffolding a Vue.js project, offloading secure authentication to Okta’s OpenID Connect API (OIDC), locking down protected routes, and performing CRUD operations through a backend REST API server. - http://bit.ly/2K08YJA
#vue
DEV Community
Build a Basic CRUD App with Vue.js and Node
This post shows you how to use build a basic CRUD application with Vue.js and Node. You'll also learn how to use Okta's Vue SDK to add authentication using OIDC.
Combining the Powers of SEM and BIO for Improving CSS
Ryan Yu introduces SEM (Scalable, Extensible, Maintainable) and BIO (BEM, ITCSS, OOCSS) technique, and explains how it can help you enhance your CSS strategy. - http://bit.ly/2yjPX38
#css
Ryan Yu introduces SEM (Scalable, Extensible, Maintainable) and BIO (BEM, ITCSS, OOCSS) technique, and explains how it can help you enhance your CSS strategy. - http://bit.ly/2yjPX38
#css
CSS-Tricks
Combining the Powers of SEM and BIO for Improving CSS | CSS-Tricks
CSS is easy, some might argue, but that "easiness" can cause messy code. This is especially true through power of preprocessors like Sass or Less where, if
Vue Native: Build Native Mobile Apps with Vue.js
React has React Native, and now if you’re a Vue.js, you could give this a try. Unlike React Native this isn’t an official project from the same team and it’s essentially a Vue.js wrapper around React Native itself. - http://bit.ly/2JSe1jj
#vueNative
React has React Native, and now if you’re a Vue.js, you could give this a try. Unlike React Native this isn’t an official project from the same team and it’s essentially a Vue.js wrapper around React Native itself. - http://bit.ly/2JSe1jj
#vueNative
vue-native.io
Vue Native
Vue Native - The Progressive JavaScript Framework For Mobile Apps
Manipulating Pixels Using Canvas
If you’ve not worked with the canvas element in the past few years, this is a practical, easy to follow walkthrough of producing some handy pixel-based effects with it. - http://bit.ly/2M5dC9y
#canvas
If you’ve not worked with the canvas element in the past few years, this is a practical, easy to follow walkthrough of producing some handy pixel-based effects with it. - http://bit.ly/2M5dC9y
#canvas
CSS-Tricks
Manipulating Pixels Using Canvas | CSS-Tricks
Modern browsers support playing video via the <video> element. Most browsers also have access to webcams via the MediaDevices.getUserMedia() API. But
How Express.js Works: Understanding The Internals
A dig into the source code of Express. - http://bit.ly/2t4MwZe
#nodejs
A dig into the source code of Express. - http://bit.ly/2t4MwZe
#nodejs
Sohamkamani
How express.js works - Understanding the internals of the express library ⚙️
If you’ve worked on web application development in node, it’s likely you’ve heard of express.js. Express is one of the most popular lightweight web application frameworks for node.
In this post, we will go through the source code of express, and try to understand…
In this post, we will go through the source code of express, and try to understand…
Five Practices to Boost React Performance
Various techniques to help you measure performance bottlenecks and optimize components. - http://bit.ly/2JXGiAG
#react
Various techniques to help you measure performance bottlenecks and optimize components. - http://bit.ly/2JXGiAG
#react
www.codementor.io
Top 5 Practices to Boost React Performance | Codementor
Not sure how to speed up your React application? Learn about various techniques and practices that should help you measure performance bottlenecks and optimize your components.
How to Start with Variable Fonts on the Web
A detailed primer on using variable fonts, single font files that can behave like multiple fonts via OpenType settings. - http://bit.ly/2thaY8R
#web #fonts
A detailed primer on using variable fonts, single font files that can behave like multiple fonts via OpenType settings. - http://bit.ly/2thaY8R
#web #fonts
Pimp my Type
How to start with variable fonts on the web - Pimp my Type
Variable fonts are the font technology made for the digital era. They have the power to bring more typographic richness to the web at a lower file size. But with new possibilities and advantages new challenges and complexity arise. So what’s so hot about…
A Deeply Detailed But Never Definitive Guide to Mobile Development Architecture
An in-depth comparison between Native, Web, PWA, hybrid and cross-compiled mobile app technologies - http://bit.ly/2lk99Ew
#mobile
An in-depth comparison between Native, Web, PWA, hybrid and cross-compiled mobile app technologies - http://bit.ly/2lk99Ew
#mobile
freeCodeCamp.org
A deeply detailed but never definitive guide to mobile development architecture
Native, Web, PWA, hybrid, Cross-Compiled… what is “the best” way to develop for Android and iOS platforms? What looks reasonable? And how…
How CSS Works: Understanding the Cascade
Benjamin Johnson dives into the CSS cascade and looks at a few ways to keep the cascade from getting out of hand. - http://bit.ly/2t6u9Tz
#css
Benjamin Johnson dives into the CSS cascade and looks at a few ways to keep the cascade from getting out of hand. - http://bit.ly/2t6u9Tz
#css
LogRocket
How CSS works: Understanding the cascade
The cascade can be a powerful tool, but using it wrong can lead to brittle stylesheets that give front-end developers nightmares.
How Concurrent Marking in V8 Frees Up Your Main Thread
‘Marking’ is a key step in the V8 engine’s garbage collection process and as of Node 10 this process takes place on separate worker threads meaning there’s now more time for your code to run. - http://bit.ly/2KaTzJM
#nodejs
‘Marking’ is a key step in the V8 engine’s garbage collection process and as of Node 10 this process takes place on separate worker threads meaning there’s now more time for your code to run. - http://bit.ly/2KaTzJM
#nodejs
Build Custom Pagination with React
Build a custom pagination widget with React to display large datasets in chunks. - http://bit.ly/2t68Vpb
#react
Build a custom pagination widget with React to display large datasets in chunks. - http://bit.ly/2t68Vpb
#react
Image Inconsistencies: How and When Browsers Download Images
Browsers don’t download images referenced in CSS until the CSS object model is built which could lead you to use img tags to load images more quickly. but Firefox may not behave as you’d expect here. - http://bit.ly/2yx5v3Y
#web #images
Browsers don’t download images referenced in CSS until the CSS object model is built which could lead you to use img tags to load images more quickly. but Firefox may not behave as you’d expect here. - http://bit.ly/2yx5v3Y
#web #images
Csswizardry
Image Inconsistencies: How and When Browsers Download Images – CSS Wizardry
How and when do browsers download certain types of image? What does that mean for performance?
How to Make an Animated Multi-Step 'Wizard' Component
A UX pattern often used in signups/onboarding in webapps. - http://bit.ly/2li5JCs
#web #component
A UX pattern often used in signups/onboarding in webapps. - http://bit.ly/2li5JCs
#web #component
Medium
How to make an animated “Wizard” component — WotW
Welcome to the Widget of the Week series, where I take gifs or videos of awesome UI/UX components, and bring them to life with code. This week is the turn for a progress indicator or “Wizard”…
Text Editing Techniques Every Front-End Developer Should Know
Ben Frain shares some useful or perhaps underused techniques that will help you to perform with fluidly in your editor or IDE of choice. - http://bit.ly/2K36qgT
#css
Ben Frain shares some useful or perhaps underused techniques that will help you to perform with fluidly in your editor or IDE of choice. - http://bit.ly/2K36qgT
#css
How to Build Your Own Desktop Chat App with React and Electron
A beginner level tutorial that leans heavily on Pusher’s Chatkit service. - http://bit.ly/2yly04d
#react
A beginner level tutorial that leans heavily on Pusher’s Chatkit service. - http://bit.ly/2yly04d
#react
freeCodeCamp.org
Learn to build your own desktop chat app with React and Electron, one step at a time
by Alex Booker
Learn to build your own desktop chat app with React and Electron, one step at a
time
Photo by Clément H
[https://unsplash.com/@clemhlrdt?utm_source=medium&utm_medium=referral] on
Unsplash [https://unsplash.com?utm_source=medium&utm_medi…
Learn to build your own desktop chat app with React and Electron, one step at a
time
Photo by Clément H
[https://unsplash.com/@clemhlrdt?utm_source=medium&utm_medium=referral] on
Unsplash [https://unsplash.com?utm_source=medium&utm_medi…