A Beginner’s Guide to Progressive Web Apps
An in-depth article on developing for the frontend web, Progressive Web Apps and the JavaScript ecosystem in general. - https://goo.gl/ZdYWVJ
#progressiveWebApp
An in-depth article on developing for the frontend web, Progressive Web Apps and the JavaScript ecosystem in general. - https://goo.gl/ZdYWVJ
#progressiveWebApp
Hacker Noon
A Beginner’s Guide to Progressive Web Apps & the Frontend Web
Developing for the frontend web and keeping up with the Javascript ecosystem and all the new terms and flashy frameworks can be…
Building Better Backgrounds
Approaches to stacking CSS background images for improved readability, using object-fit and ES2015+. - https://goo.gl/4Vp8cp
#css
Approaches to stacking CSS background images for improved readability, using object-fit and ES2015+. - https://goo.gl/4Vp8cp
#css
Medium
Building Better Backgrounds
Approaches to stacking css background images on mobile for improved readability, using object-fit and ES2015+.
Using Pusher to build a realtime React VR App with multi user support -
https://goo.gl/bkpq12
#react #vr
https://goo.gl/bkpq12
#react #vr
Pusher Blog
Building a realtime React VR app - Pusher Blog
Discover how you can create a realtime React VR app, using websockets to support multi-user interactions.
Generating Images in JS Without the Canvas API
for putting them into Android notifications locally. A powerful solution for a very specific situation, resulting in notably rich notifications. - https://goo.gl/w9aTC7
#javascript
for putting them into Android notifications locally. A powerful solution for a very specific situation, resulting in notably rich notifications. - https://goo.gl/w9aTC7
#javascript
Medium
Generating Images in JavaScript Without Using the Canvas API
And putting them into a web notification
A Checklist of Node Production Best Practices
19 different tips or best practices to consider when putting your Node apps into production, along with pop-out examples and links. - https://goo.gl/zQ1ur4
#nodejs
19 different tips or best practices to consider when putting your Node apps into production, along with pop-out examples and links. - https://goo.gl/zQ1ur4
#nodejs
Goldbergyoni
Checklist: Node.JS production best practices
Last updated: 13/07/2017 Welcome to my comprehensive collection of tips on running Node.JS in production. It aims to summarize most of the knowledge gathered to date from the highest ranked…
Designing The Perfect Slider
A thorough guide to things you need to consider when creating ‘slider’ UI elements. - https://goo.gl/RTbG1B
#slider #ui
A thorough guide to things you need to consider when creating ‘slider’ UI elements. - https://goo.gl/RTbG1B
#slider #ui
Apollo Server 1.0: A GraphQL Server for All Node Frameworks
A community-maintained, open-source GraphQL server that works with Express, Hapi, Koa, Lambda, Micro, Restify, etc. - https://goo.gl/j7HxDW
#nodejs #graphQL
A community-maintained, open-source GraphQL server that works with Express, Hapi, Koa, Lambda, Micro, Restify, etc. - https://goo.gl/j7HxDW
#nodejs #graphQL
Apollo GraphQL
Apollo Server 1.0 — A GraphQL server for all Node.js frameworks
Use GraphQL with Express, Hapi, Koa, Lambda, Micro, Restify, etc.
JavaScript Factory Functions with ES6+
“In JavaScript, any function can return an object. When it does so without the new keyword, it’s a factory function.” - https://goo.gl/QsqRAF
#javascript #es6
“In JavaScript, any function can return an object. When it does so without the new keyword, it’s a factory function.” - https://goo.gl/QsqRAF
#javascript #es6
Medium
JavaScript Factory Functions with ES6+
Note: This is part of the “Composing Software” series on learning functional programming and compositional software techniques in…
Enhancing CSS Layout: From Floats To Flexbox To Grid
Manuel Matuzović thinks Grid is “one of the most exciting developments since responsive design” adding that we should “get the best out of it as soon as possible”. - https://goo.gl/UXMxdy
#css #layout #float #flexbox #grid
Manuel Matuzović thinks Grid is “one of the most exciting developments since responsive design” adding that we should “get the best out of it as soon as possible”. - https://goo.gl/UXMxdy
#css #layout #float #flexbox #grid
Smashingmagazine
Progressively Enhancing CSS Layout: From Floats To Flexbox To Grid – Smashing Magazine
CSS tutorial on how we can use floats, Flexbox and CSS Grid with a few lines of CSS to build flexible, responsive multi-column CSS layouts.
You Might Not Need jQuery
“a good bit has changed in browser land since the last ‘You Might Not Need jQuery’ article you might have stumbled upon” - https://goo.gl/r4J44S
#javascript
“a good bit has changed in browser land since the last ‘You Might Not Need jQuery’ article you might have stumbled upon” - https://goo.gl/r4J44S
#javascript
CSS-Tricks
(Now More Than Ever) You Might Not Need jQuery
The DOM and native browser API's have improved by leaps and bounds since jQuery's release all the way back in 2006. People have been writing "You Might
Revalidation: Higher Order Component for Forms in React
Write your forms as stateless function components. - https://goo.gl/M5oix4
#react #hoc #form
Write your forms as stateless function components. - https://goo.gl/M5oix4
#react #hoc #form
GitHub
25th-floor/revalidation
Higher Order Component for Validating Forms in React - 25th-floor/revalidation
User Agent Parsing: How It Works and How It Can Be Used
An in-depth look at user agent parsing, the pros and cons, and is it useful for device detection. - https://goo.gl/bqdk2r
#mobile
An in-depth look at user agent parsing, the pros and cons, and is it useful for device detection. - https://goo.gl/bqdk2r
#mobile
mobiForge
User Agent parsing: how it works and how it can be used - mobiForge
The User-Agent is a central piece of web architecture and plays an important role in content negotiation. It was created with the express intention of building the ability to address users making requests with different clients or ‘agents’ differently, depending…
How to Create a Reddit Clone Using React and Firebase
Nirmalya Ghosh shows you how to use Firebase’s real-time database features, coupled with create-react-app, to build a basic Reddit clone with live voting - https://goo.gl/o4zg1S
#react
Nirmalya Ghosh shows you how to use Firebase’s real-time database features, coupled with create-react-app, to build a basic Reddit clone with live voting - https://goo.gl/o4zg1S
#react
SitePoint
How to Create a Reddit Clone Using React and Firebase — SitePoint
Nirmalya Ghosh shows you how to use Firebase's real-time database features, coupled with create-react-app, to build a basic Reddit clone with live voting.
Using Viewport Units to Scale Fixed Layouts
Sebastian Eberlein explores ‘edge cases’ where scaling a fixed layout with viewport units can be a viable solution. - https://goo.gl/fXrYMn
#css
Sebastian Eberlein explores ‘edge cases’ where scaling a fixed layout with viewport units can be a viable solution. - https://goo.gl/fXrYMn
#css
Hackernoon
Using viewport units to scale fixed layouts
A Beginner’s Guide to HTML5 Cross-Browser Polyfills
Oliver Williams shows how polyfills let you write modern code that will work everywhere. - https://goo.gl/cszMWY
#html5 #polyfills
Oliver Williams shows how polyfills let you write modern code that will work everywhere. - https://goo.gl/cszMWY
#html5 #polyfills
SitePoint
A Beginner's Guide to HTML5 Cross-Browser Polyfills — SitePoint
Nowadays, new features are added to browsers at a rate of knots. Oliver Williams shows how polyfills let you write modern code, which will work everywhere.
Optimizing Performance of A-Frame Scenes for Mobile Devices
Using benchmarking to figure out the level of 3D complexity a mobile phone is capable of, and determining which performance metrics are required for such a benchmark. - https://goo.gl/d3332n
#mobile
Using benchmarking to figure out the level of 3D complexity a mobile phone is capable of, and determining which performance metrics are required for such a benchmark. - https://goo.gl/d3332n
#mobile
Mozilla Hacks – the Web developer blog
Optimizing Performance of A-Frame Scenes for Mobile Devices – Mozilla Hacks - the Web developer blog
A-Frame makes building 3D and VR web applications easy, so developers of all skill levels can create rich and interactive virtual worlds. For an Oregon State University student project focused ...
📚 New courses of this week from Pluralsight
📌 - Advanced React.js By Samer Buna (https://app.pluralsight.com/library/courses/reactjs-advanced/table-of-contents)
📌 - Getting Started with ES2017/ES8 By Roland Guijt (https://app.pluralsight.com/library/courses/es2017-es8-getting-started/table-of-contents)
📌 - Moving Forward with Mongoose.js By Mark Scott (https://app.pluralsight.com/library/courses/mongoosejs-moving-forward/table-of-contents)
#pluralsight #courses
📌 - Advanced React.js By Samer Buna (https://app.pluralsight.com/library/courses/reactjs-advanced/table-of-contents)
📌 - Getting Started with ES2017/ES8 By Roland Guijt (https://app.pluralsight.com/library/courses/es2017-es8-getting-started/table-of-contents)
📌 - Moving Forward with Mongoose.js By Mark Scott (https://app.pluralsight.com/library/courses/mongoosejs-moving-forward/table-of-contents)
#pluralsight #courses