Mobile-First Index: How Will It Affect You?
Google’s mobile-first index is now rolling out. So, what does it mean? - http://bit.ly/2IqHFGw
#mobile
Google’s mobile-first index is now rolling out. So, what does it mean? - http://bit.ly/2IqHFGw
#mobile
mobiForge
Mobile-first index: How will it affect you?
Google’s mobile-first index is rolling out. If you’ve signed up to Google’s Search Console / Webmaster Tools you might already have received a notification “Mobile-first indexing enabled” for http://your-site.com. If you haven’t received the notification…
Don’t Use The 'Placeholder' Attribute
The ‘placeholder’ attribute populates an input element with temporary text to indicate what input is expected, but it introduces issues that prevent it from being as useful as it sounds. - http://bit.ly/2yKpaxj
#css
The ‘placeholder’ attribute populates an input element with temporary text to indicate what input is expected, but it introduces issues that prevent it from being as useful as it sounds. - http://bit.ly/2yKpaxj
#css
Smashing Magazine
Don’t Use The Placeholder Attribute — Smashing Magazine
The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let’s clarify why you need to stop using it.
Node 10.5 (Current) Released
Significantly, there’s now experimental support for multi-threading by way of worker threads. Support for crypto.scrypt() has also been added. - http://bit.ly/2lBdB1Q
#nodejs #release
Significantly, there’s now experimental support for multi-threading by way of worker threads. Support for crypto.scrypt() has also been added. - http://bit.ly/2lBdB1Q
#nodejs #release
Node.js
Node v10.5.0 (Current) | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
Remaining character count in Vue.js
Often you’ll want to limit the number of characters a user can put into an input field such as a textarea. - http://bit.ly/2KlILFw
#vue
Often you’ll want to limit the number of characters a user can put into an input field such as a textarea. - http://bit.ly/2KlILFw
#vue
sampo.co.uk
Remaining character count in Vue.js
Often you'll want to limit the number of characters a user can put into an input field such as a textarea. When you do this it's a good idea to show the number of characters the user has left available in real time to avoid frustration. This is a common practice…
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