A Content Slider
I really dislike content sliders… or more to the point I really don’t like carousels. On one of the last clients I worked with they’re previous agency had built them a homepage carousel where each of the carousel items contained another carousel. FFS. It’s not all bad though, and sometimes a carousel is a right tool for the job (like an image gallery for example). In this article, Heydon Pickering adds to his growing list of inclusive components - https://goo.gl/EtLCcG
#slider
I really dislike content sliders… or more to the point I really don’t like carousels. On one of the last clients I worked with they’re previous agency had built them a homepage carousel where each of the carousel items contained another carousel. FFS. It’s not all bad though, and sometimes a carousel is a right tool for the job (like an image gallery for example). In this article, Heydon Pickering adds to his growing list of inclusive components - https://goo.gl/EtLCcG
#slider
Angular 5.1 Released
The latest (minor) version of Angular is here, plus Angular CLI 1.6 and the first stable release of Angular Material. - https://goo.gl/e1iafp
#angular5 #released
The latest (minor) version of Angular is here, plus Angular CLI 1.6 and the first stable release of Angular Material. - https://goo.gl/e1iafp
#angular5 #released
Angular Blog
Angular 5.1 & More Now Available
We are pleased to announce version 5.1.0 of Angular. This is a minor release containing several smaller features and bugfixes. We are also…
The largest Russian-speaking telegram channel of Front-End development @forwebdev publishes noteworthy news and helpful articles for Front-End developers.
The 'Most Unknown' Redux Performance Trick?
Specifically, the areStatesEqual option on connect calls. - https://goo.gl/HGRWV5
#redux
Specifically, the areStatesEqual option on connect calls. - https://goo.gl/HGRWV5
#redux
Medium
The most unknown redux performance trick
Regarding optimizing redux, there are some well known techniques: memoizing, using reselect for example.
How I Got Into Node: Tierney Cyren
The latest in a series looking at how prominent community members got involved with Node. Others include Rachel White and Matteo Collina, plus Myles Borins and Michael Dawson. - https://goo.gl/chsVS2
#nodejs
The latest in a series looking at how prominent community members got involved with Node. Others include Rachel White and Matteo Collina, plus Myles Borins and Michael Dawson. - https://goo.gl/chsVS2
#nodejs
Medium
How I Got Into #Node: Tierney Cyren
It took a blog post to inspire Tierney Cyren to start contributing to Node.js, and after his first PR didn’t land, he continued to be…
Getting Started with Aurelia [video]
A practical 30 minute introduction to Aurelia, a popular modular frontend framework that integrates with Web Components. - https://goo.gl/qwo7Ab
#aurelia
A practical 30 minute introduction to Aurelia, a popular modular frontend framework that integrates with Web Components. - https://goo.gl/qwo7Ab
#aurelia
YouTube
Getting Started With Aurelia JS
In this video we will build a small customer manager application using the Aurelia JS framework along with JavaScript local storage to persist the data to th...
Easy Timeline Components with Vue.js and Framework7
In this tutorial, it is explained how you can quickly add a timeline component to your app using nothing more than HTML, javascript, Vue.js, and Framework7. - https://goo.gl/tfMR1C
#vue #component #video
In this tutorial, it is explained how you can quickly add a timeline component to your app using nothing more than HTML, javascript, Vue.js, and Framework7. - https://goo.gl/tfMR1C
#vue #component #video
YouTube
Easy Timeline Components with Vue.js and Framework7
In this tutorial I will explain how you can quickly add a timeline component to your app using nothing more than html, javascript, vue.js and Framework7. Fol...
React Native: The Things That You Should Be Aware of Before Coming Onboard
A look at some of the things that can trip up developers new to React Native, specifically those coming from native development. -
https://goo.gl/darjn6
#reactnative
A look at some of the things that can trip up developers new to React Native, specifically those coming from native development. -
https://goo.gl/darjn6
#reactnative
The Practical Dev
React Native - The things that you should be aware of before coming onboard
React Native is a neat piece of technology that I get along pretty well with. Creating multiplatform apps using a shared codebase and having a great feedback loop sounds really promising and after hearing such things you may start wondering "Why the hell…
Microservice Architecture: All the Best Practices To Know
A guide aimed at people considering moving from a monolith to microservices, covering best practices, advantages, and mistakes to avoid. - https://goo.gl/z6P52s
#microservice #architecture
A guide aimed at people considering moving from a monolith to microservices, covering best practices, advantages, and mistakes to avoid. - https://goo.gl/z6P52s
#microservice #architecture
Coding Sans
Microservice Architecture: All the Best Practices You Need to Know
Follow microservice best practices, learn about the advantages of microservices and avoid making mistakes when building a microservice architecture.
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.