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…
A framework for communicating (or designing) any project.
Closing the gap between the solution you came up with and the problem you’re attempting to solve. - http://bit.ly/2lrXSlX
#framework #communicating
Closing the gap between the solution you came up with and the problem you’re attempting to solve. - http://bit.ly/2lrXSlX
#framework #communicating
Medium
A framework for communicating (or designing) any project.
For those interview presentations, website portfolio projects, or just to improve your own process designing solutions..
Level Up Your CSS Selector Skills
An in-depth review of interesting CSS selectors, complete with live, editable examples, plus a few that will be available in the future. - http://bit.ly/2K1kirX
#css
An in-depth review of interesting CSS selectors, complete with live, editable examples, plus a few that will be available in the future. - http://bit.ly/2K1kirX
#css
LogRocket Blog
A complete guide for leveling up your CSS selector skills - LogRocket Blog
Think you know your CSS selectors? Check out this in-depth review of different CSS selectors (including some you've never heard of).
The State of React Native 2018
An update on the state of the React Native project direct from Facebook including how they’re using it in more of their own apps and news of a major rearchitecturing process. - http://bit.ly/2K85VCX
#reactNative
An update on the state of the React Native project direct from Facebook including how they’re using it in more of their own apps and news of a major rearchitecturing process. - http://bit.ly/2K85VCX
#reactNative
facebook.github.io
State of React Native 2018 · React Native
It's been a while since we last published a status update about React Native.
Reaptcha: Google reCAPTCHA v2 Wrapper for React
A clean and idiomatically React way of using Google’s valuable reCAPTCHA service to keep bots away from your signup, commenting, and similar systems. - http://bit.ly/2K6ivmh
#react #google #reCAPTCHA
A clean and idiomatically React way of using Google’s valuable reCAPTCHA service to keep bots away from your signup, commenting, and similar systems. - http://bit.ly/2K6ivmh
#react #google #reCAPTCHA
Creating a Bar Graph with CSS Grid
A walkthrough of a cute way to create a basic bar graph using CSS grid layout and variables. - http://bit.ly/2lmIXcI
#css #grid
A walkthrough of a cute way to create a basic bar graph using CSS grid layout and variables. - http://bit.ly/2lmIXcI
#css #grid
CSS-Tricks
Creating a Bar Graph with CSS Grid | CSS-Tricks
If you’re looking for more manageable ways to create bar graphs, or in search of use cases to practice CSS Grid layout, I got you!
An Instagram gallery with Vue.js and CSS Grid
Building a simple gallery was surprisingly quick, thanks to Vue.js and CSS Grid - http://bit.ly/2tsITfM
#vue
Building a simple gallery was surprisingly quick, thanks to Vue.js and CSS Grid - http://bit.ly/2tsITfM
#vue
ITNEXT
An Instagram gallery with Vue.js and CSS Grid
A client of mine recently requested a simple image gallery for her site — one which would display her Instagram feed. I thought: “no…