A Look at 'Turbo', an In-Browser Node Package Manager
An intriguing look at a new package manager built for the StackBlitz online code editor that claims to be 5x faster than npm and works entirely in-browser. - https://goo.gl/URTzZE
#nodejs #packageManager #turbo
An intriguing look at a new package manager built for the StackBlitz online code editor that claims to be 5x faster than npm and works entirely in-browser. - https://goo.gl/URTzZE
#nodejs #packageManager #turbo
Medium
Introducing Turbo: 5x faster than Yarn & NPM, and runs natively in-browser 🔥
Note: This is part of a talk I’m giving at Google’s Mountain View campus on Wednesday, December 6th — come join!
Nested calc() functions and IE11
I’ve always nested calc() within calc() for additional math functions. It turns out it’s not great for IE10 and 11, but by just including a single function and multiple parentheses it works. The more you know. -
https://goo.gl/RHgVSg
#css #calc
I’ve always nested calc() within calc() for additional math functions. It turns out it’s not great for IE10 and 11, but by just including a single function and multiple parentheses it works. The more you know. -
https://goo.gl/RHgVSg
#css #calc
CodePen
Nested calc() functions and IE11
The IssueWhile building out an unnecessarily complex header component for a client project, I discovered that the calc() function I used in one of my width declarations was not being honored in IE...
Web Content Accessibility Guidelines For People Who Haven’t Read Them
A detailed look over the WCAG - a starting point in making your sites work better for all. - https://goo.gl/SFA5Jd
#web
A detailed look over the WCAG - a starting point in making your sites work better for all. - https://goo.gl/SFA5Jd
#web
24ways.org
Web Content Accessibility Guidelines—for People Who Haven't Read Them
Alan Dalton takes a detailed look at WCAG on this UN International Day of Persons with Disabilities. Remember, Christmas is a time of good will to all, no matter if you have difficulty seeing, hearing, reading, or just have a very shiny nose.
Cascading Web Design with Feature Queries
Chen Hui Jing explains how CSS feature queries allow us to progressively enhance our CSS. - https://goo.gl/TpSSHD
#css
Chen Hui Jing explains how CSS feature queries allow us to progressively enhance our CSS. - https://goo.gl/TpSSHD
#css
24ways.org
Cascading Web Design with Feature Queries
Chen Hui Jing pulls off the dust covers, swings open the storm shutters and lets the winter light fall on the subject of CSS feature queries. The chestnuts may not yet be roasting, and the halls may be still be undecked, but pull up a chair and settle down.…
How to Set Up Continuous Integration with React Native
Using Visual Studio App Center to automatically build and distribute a React Native app. - https://goo.gl/xNYJG7
#reactnative
Using Visual Studio App Center to automatically build and distribute a React Native app. - https://goo.gl/xNYJG7
#reactnative
Medium
Setup Continuous Integration with React Native
Learn to Use Visual Studio App Center to Automatically Build and Distribute Your React Native App
Lint the Web Forward with Sonarwhal
Sonarwhal is a linting tool for accessibility, security, and other Web best practices. - https://goo.gl/CY7fZo
#web
Sonarwhal is a linting tool for accessibility, security, and other Web best practices. - https://goo.gl/CY7fZo
#web
24ways.org
Lint the Web Forward With Sonarwhal
Stephanie Drescher is making a list and checking it twice to introduce an open source web linting tool that will help identify parts of your site that are naughty or nice. So roll up your sleeves and brush up on your best practices – there’s websites to fix.
Fixing React Performance Issues on Airbnb’s Listing Pages
A practical look at grabbing some of the low-hanging performance-affecting fruit present on a live, production site. -
https://goo.gl/9MUKDe
#react #performance
A practical look at grabbing some of the low-hanging performance-affecting fruit present on a live, production site. -
https://goo.gl/9MUKDe
#react #performance
Medium
React Performance Fixes on Airbnb Listing Pages
There may be low-hanging fruit 🥝 affecting performance in areas you might not track very closely but are still important.
A Different Way of Understanding `this` in JavaScript
A perennial topic, but Dr. Axel has an interesting take on it that might clarify your thinking on how the this keyword works. - https://goo.gl/EoDQW4
#javascript
A perennial topic, but Dr. Axel has an interesting take on it that might clarify your thinking on how the this keyword works. - https://goo.gl/EoDQW4
#javascript
2ality
A different way of understanding `this` in JavaScript
In this blog post, I take a different approach to explaining `this` in JavaScript: I pretend that arrow functions are the real functions and ordinary functions a special construct for methods. I think it makes `this` easier to understand – give it a try.
The (Far) Future of CSS
A speculative look into the future of CSS and Houdini’s goal of making CSS user-extensible. - https://goo.gl/KFJ6C3
#css #video
A speculative look into the future of CSS and Houdini’s goal of making CSS user-extensible. - https://goo.gl/KFJ6C3
#css #video
Vimeo
Tab Atkins | The (Far) Future of CSS | CSS Day 2017
Slides: http://www.xanthir.com/talks/2017-06-16/ About Tab: http://www.xanthir.com/ More about CSS Day: https://cssday.nl or https://twitter.com/cssdayconf Receive…
Diving Into Mobile with React Native
How two developers at Afinity took a chance on React Native to build out the mobile counterpart of their web app. - https://goo.gl/aqAhTz
#reactnative
How two developers at Afinity took a chance on React Native to build out the mobile counterpart of their web app. - https://goo.gl/aqAhTz
#reactnative
Affinity Engineering
Diving into mobile with React Native
A few months ago, Affinity ventured into new territory for front end engineering: mobile. Since many of our users are busy executives who…
Debugging CSS Grid Layouts With Firefox Grid Inspector
Chen Hui Jing covers known and obscure features of Firefox DevTools that can come in handy when you’re building and debugging CSS Grid layouts. - https://goo.gl/6Cf989
#css #grid
Chen Hui Jing covers known and obscure features of Firefox DevTools that can come in handy when you’re building and debugging CSS Grid layouts. - https://goo.gl/6Cf989
#css #grid
Smashing Magazine
Debugging CSS Grid Layouts With Firefox Grid Inspector
Whether you're starting to learn about CSS Grid or already use it in production, Firefox's Grid Inspector is very useful. This article covers known and obscure features of Firefox DevTools that can come in handy when you're building and debugging CSS Grid…
Webpack: A Gentle Introduction to the Module Bundler
Not ready for Parcel (above)? Here you can learn the basics of Webpack and how to configure it for your web application. - https://goo.gl/UKcrxD
#webpack
Not ready for Parcel (above)? Here you can learn the basics of Webpack and how to configure it for your web application. - https://goo.gl/UKcrxD
#webpack
Auth0 - Blog
Webpack: A Gentle Introduction to the Module Bundler
Learn the basics of Webpack and how to configure it in your web application.
Cascading Web Design with Feature Queries
An introduction to the concept of ‘cascading web design’, an approach made possible with feature queries - https://goo.gl/4TvUrP
#web
An introduction to the concept of ‘cascading web design’, an approach made possible with feature queries - https://goo.gl/4TvUrP
#web
24ways.org
Cascading Web Design with Feature Queries
Chen Hui Jing pulls off the dust covers, swings open the storm shutters and lets the winter light fall on the subject of CSS feature queries. The chestnuts may not yet be roasting, and the halls may be still be undecked, but pull up a chair and settle down.…
Create A React App with Zero Configuration using Parcel
Parcel is an all new bundler that boasts ‘zero configuration’ required. -
https://goo.gl/Zpztpp
#react #parcel
Parcel is an all new bundler that boasts ‘zero configuration’ required. -
https://goo.gl/Zpztpp
#react #parcel
blog.jakoblind.no
Create a React app with zero configuration using Parcel
We have all experienced the pain of getting started with React. You spend hours to configure webpack before you can start actual coding. Create React App was…
Navigate Nested Child Routes In A Vue.js Web Application
How to use nested routes in a Vue.js web application by assigning child routes and views. - https://goo.gl/uNcJWE
#vue #router
How to use nested routes in a Vue.js web application by assigning child routes and views. - https://goo.gl/uNcJWE
#vue #router
The Polyglot Developer
Navigate Nested Child Routes In A Vue.js Web Application
Learn how to assign children to routes in a Vue.js web application to act as nested views that create multi-level user interfaces.
The Front-End Checklist
A more dynamic front-end development and deployment checklist based on an article we linked last month. - https://goo.gl/wnjSjw
#frontEnd #checklist
A more dynamic front-end development and deployment checklist based on an article we linked last month. - https://goo.gl/wnjSjw
#frontEnd #checklist
A Recap of Frontend Development in 2017
“Frontend engineering once again evolved at a feverish pace in 2017. Here’s a list of the most notable events of the past year.” - https://goo.gl/pvRhQF
#recap #frontend2017
“Frontend engineering once again evolved at a feverish pace in 2017. Here’s a list of the most notable events of the past year.” - https://goo.gl/pvRhQF
#recap #frontend2017
gitconnected
A recap of front-end development in 2017
Front-end engineering once again evolved at a feverish pace in 2017. Here is a list of the most notable events of the past year.
Building a GraphQL API with Node and React
A hands-on tutorial about building GraphQL API with Express, using React on the client side. - https://goo.gl/wttqUP
#react #graphQL
A hands-on tutorial about building GraphQL API with Express, using React on the client side. - https://goo.gl/wttqUP
#react #graphQL