Animating Images and Videos with Curtains.js
Curtains.js uses WebGL to turn images and videos into a plane that can be animated in a ‘curtain’-like way. It’s a striking effect, but be careful not to overuse it. - http://bit.ly/2ll53Mr
#shaders
Curtains.js uses WebGL to turn images and videos into a plane that can be animated in a ‘curtain’-like way. It’s a striking effect, but be careful not to overuse it. - http://bit.ly/2ll53Mr
#shaders
CSS-Tricks
Animate Images and Videos with curtains.js | CSS-Tricks
While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created
Perfect Pulled Pork with React Native, Expo, and Express
An extensive tutorial of building an app to take and upload a photo of a thermometer every 30 seconds in order to smoke some meat perfectly. - http://bit.ly/2yGmjp1
#reactNative
An extensive tutorial of building an app to take and upload a photo of a thermometer every 30 seconds in order to smoke some meat perfectly. - http://bit.ly/2yGmjp1
#reactNative
Dave Ceddia
Perfect Pulled Pork with React Native, Expo, and Express
How to setup a Cordova App using Vue.js
How setup your hybrid app step-by-step. - http://bit.ly/2Kj5YLE
#vue #cardova
How setup your hybrid app step-by-step. - http://bit.ly/2Kj5YLE
#vue #cardova
Medium
How to setup a Cordova App using Vue.js
In the last period I decided to study Vue.js because I feel the necessity to have a first approach with single page applications. The best…
Winston 3.0: A Popular Node.js Logging Solution
Winston is a very long standing project (8 years old) and has just come out of the other side of a 3 year total rewrite. - http://bit.ly/2twPRRa
#nodejs #winston
Winston is a very long standing project (8 years old) and has just come out of the other side of a 3 year total rewrite. - http://bit.ly/2twPRRa
#nodejs #winston
Augmented Reality for the Web with WebXR
A new WebXR AR API has been added to Chrome Canary to enable initial testing and playing about if augmented reality is your thing. - http://bit.ly/2N17ccO
#web #webXR #AR
A new WebXR AR API has been added to Chrome Canary to enable initial testing and playing about if augmented reality is your thing. - http://bit.ly/2N17ccO
#web #webXR #AR
Google Developers
Augmented reality for the web | Web
| Google Developers
| Google Developers
Augmented reality allows placement and tracking of virtual objects in a real-world view.
Managing React State with Render Props
“Render props provide a flexible structure for building components in React by decoupling state and the view.” - http://bit.ly/2toukKj
#react
“Render props provide a flexible structure for building components in React by decoupling state and the view.” - http://bit.ly/2toukKj
#react
NearForm Enterprise Software Solution Development
Managing React State with Render Props - NearForm
How to share and reuse React components with render props
End-to-End Testing Single Page Apps and Node APIs
Covers most of what’s involved with being able to test SPAs and APIs with Cucumber.js and Puppeteer. - http://bit.ly/2KwMROt
#e2e #cucumber #puppeteer
Covers most of what’s involved with being able to test SPAs and APIs with Cucumber.js and Puppeteer. - http://bit.ly/2KwMROt
#e2e #cucumber #puppeteer
Medium
End-to-end testing Single Page Apps and Node.js APIs with Cucumber.js and Puppeteer
Single Page Apps are a popular approach to building web applications, but testing them in an end-to-end fashion is not simple; you need to…
Your Brain on Front-End Development
I love this article from Chris. He takes a look at a beautiful design on Dribbble and goes through how a front-end developer would look at it and build it out. Chris even uses live code pen examples to showcase how these things would be pulled out. - http://bit.ly/2tixNKi
#css
I love this article from Chris. He takes a look at a beautiful design on Dribbble and goes through how a front-end developer would look at it and build it out. Chris even uses live code pen examples to showcase how these things would be pulled out. - http://bit.ly/2tixNKi
#css
CSS-Tricks
Your Brain on Front-End Development | CSS-Tricks
Part of the job of being a front-end developer is applying different techniques and technologies to pull off the desired UI and UX. Perhaps you work with a
Introducing Teleport: Over-The-Air Hot Reloading and Debugging for PWAs
A dev-server proxy that enables instant hot reloading & debugging across devices, requires no client config and claims to make building and debugging PWA’s a breeze. - http://bit.ly/2Mn88Y4
#pwa
A dev-server proxy that enables instant hot reloading & debugging across devices, requires no client config and claims to make building and debugging PWA’s a breeze. - http://bit.ly/2Mn88Y4
#pwa
Medium
Introducing Teleport: Over-the-air hot reloading & debugging for PWA’s ⚡️
PWA’s are awesome. Using a single codebase, they let you build apps that target both mobile & desktop platforms.
Build A Progressive Web Application With Nuxt.js - http://bit.ly/2lxY3fx
Digitalocean
Build A Progressive Web Application With Nuxt.js | DigitalOcean
In this tutorial, I’ll be showing you how to build a progressive web app with Nuxt.js.
BEM For Beginners: Why You Need BEM
BEM is what we in the UK might call a ‘Marmite’ topic: people either love it and use it all the time or are disinterested in the idea entirely. CSS style isolation has value, however, and BEM can bring you more besides when it comes to structuring your frontend code. I’m still not convinced myself but this is a worthy attempt at showing BEM’s worth. - http://bit.ly/2MwbRmf
#css #bem
BEM is what we in the UK might call a ‘Marmite’ topic: people either love it and use it all the time or are disinterested in the idea entirely. CSS style isolation has value, however, and BEM can bring you more besides when it comes to structuring your frontend code. I’m still not convinced myself but this is a worthy attempt at showing BEM’s worth. - http://bit.ly/2MwbRmf
#css #bem
Smashing Magazine
BEM For Beginners: Why You Need BEM — Smashing Magazine
CSS styles isolation is the most frequent start point of the BEM usage. But this is the least that BEM can give you. BEM brings a system approach in your project and keeps it from the mess.
Practical Tips for Working with CSS Variables
Michelle Barker shares a few tips for integrating CSS Variables into your workflow. - http://bit.ly/2Ku7VG8
#css
Michelle Barker shares a few tips for integrating CSS Variables into your workflow. - http://bit.ly/2Ku7VG8
#css
css-irl.info
CSS {In Real Life}
CSS In Real Life is a blog covering CSS topics and useful snippets on the web’s most beautiful language. Published by Michelle Barker, front end developer at Mud and CSS superfan.
Using JavaScript Modules on the Web
Node supports ES modules, Firefox 60 supports ES modules, indeed most browsers do so you might enjoy this Chrome-themed explanation of what they are, how to use them in the browser, and how to keep them fast. - http://bit.ly/2KBwPTm
#javascript
Node supports ES modules, Firefox 60 supports ES modules, indeed most browsers do so you might enjoy this Chrome-themed explanation of what they are, how to use them in the browser, and how to keep them fast. - http://bit.ly/2KBwPTm
#javascript
v8.dev
JavaScript modules · V8
This article explains how to use JavaScript modules, how to deploy them responsibly, and how the Chrome team is working to make modules even better in the future.
Introducing Vue Native
Vue Native is a framework for building cross-platform native mobile apps using Vue.js. It does this by compiling the Vue code to React Native. Learn more about it in this article by the creators. - http://bit.ly/2IJjraR
#vueNative
Vue Native is a framework for building cross-platform native mobile apps using Vue.js. It does this by compiling the Vue code to React Native. Learn more about it in this article by the creators. - http://bit.ly/2IJjraR
#vueNative
GeekyAnts Blog
Introducing Vue Native
We at GeekyAnts are very excited to share one of our side projects which we have been working on for a while, Vue Native!
How to Build Native Extensions for Node.js
A step by step guide to understand the core concepts involved in building your first Node.js extension if you have something in C++ you want to be able to call from Node code. - http://bit.ly/2MJ0nvC
#nodejs
A step by step guide to understand the core concepts involved in building your first Node.js extension if you have something in C++ you want to be able to call from Node code. - http://bit.ly/2MJ0nvC
#nodejs
Medium
Native Extensions for Node.js
A step by step guide to understand the core concepts and build a first extension
The Web Layouts of Tomorrow
How modern CSS can aid with building “unconventional” layouts. - http://bit.ly/2tBeEmZ
#css
How modern CSS can aid with building “unconventional” layouts. - http://bit.ly/2tBeEmZ
#css
Max Böck
The Layouts of Tomorrow
I went over to dribbble in search of fresh webdesign ideas - how hard is it to build a non-standard layout, given the modern CSS tools we have today? An experiment on CodePen.
A Minimal Guide to ECMAScript Decorators
Decorators, which would provide a handy syntax to mutate functions or classes, are currently at stage 2 of TC39’s process, but how are they likely to work? - http://bit.ly/2lPSYzi
#javascript
Decorators, which would provide a handy syntax to mutate functions or classes, are currently at stage 2 of TC39’s process, but how are they likely to work? - http://bit.ly/2lPSYzi
#javascript
ITNEXT
A minimal guide to ECMAScript Decorators
A short introduction to “decorators” proposal in JavaScript with basic examples and little bit about ECMAScript
Build a Single Page App from Scratch Without a Framework
Using jQuery (yes!), Handlebars, Express and Axios. - http://bit.ly/2KCGOog
#jquery #spa
Using jQuery (yes!), Handlebars, Express and Axios. - http://bit.ly/2KCGOog
#jquery #spa
Sitepoint
Build a JavaScript Single Page App Without a Framework — SitePoint
Michael shows how to build an SPA from scratch, without using a client-side JavaScript framework — helping you evaluate what these frameworks actually do.
PWA Minimus: A Minimal PWA checklist
A checklist and starter code covering the features you need to support to be a progressive web app. - http://bit.ly/2z9Mq8h
#pwa
A checklist and starter code covering the features you need to support to be a progressive web app. - http://bit.ly/2z9Mq8h
#pwa
mobiForge
PWA Minimus: A minimal PWA checklist - mobiForge
Now that Progressive Web Apps are supported on all major browsers, we present a minimal PWA checklist: PWA Minimus, to meet the minimum PWA requirements