Designing a JavaScript Plugin System
jQuery has plugins. Gatsby, Eleventy, and Vue do, too. Plugins are a common way to extend the functionality of other tools and libraries and you can roll your own plugin approach too. - http://amp.gs/Lh5e
#javascript
jQuery has plugins. Gatsby, Eleventy, and Vue do, too. Plugins are a common way to extend the functionality of other tools and libraries and you can roll your own plugin approach too. - http://amp.gs/Lh5e
#javascript
CSS-Tricks
Designing a JavaScript Plugin System
WordPress has plugins. jQuery has plugins. Gatsby, Eleventy, and Vue do, too. Plugins are a common feature of libraries and frameworks, and for a good
How CSS Perspective Works
Amit Sheen explains the concept of perspective, starting with the very basics, by building a fully animated 3D cube. - http://amp.gs/LvyQ
#css
Amit Sheen explains the concept of perspective, starting with the very basics, by building a fully animated 3D cube. - http://amp.gs/LvyQ
#css
CSS-Tricks
How CSS Perspective Works | CSS-Tricks
As someone who loves creating CSS animations, one of the more powerful tools I use is perspective. While the perspective property is not capable of 3D effects
The Right Way to Create Function Components in React with TypeScript
A nice, quick read on the both the right (and wrong) way of using TypeScript to create function components. How does this compare to your approach? - http://amp.gs/LvQU
#react
A nice, quick read on the both the right (and wrong) way of using TypeScript to create function components. How does this compare to your approach? - http://amp.gs/LvQU
#react
Medium
The Right Way to Create Function Components in React With TypeScript
Better components, with types
Build a Secure Micronaut and Angular App with JHipster
Micronaut is a new framework for developing JVM applications, including APIs and microservices. It uses ahead-of-time (AOT) compilation to compute the information that your application needs before runtime, removing the need for reflection. The result is a significant decrease in runtime overhead and startup time, and a substantial increase in application throughput. - http://amp.gs/LgyT
#angular
Micronaut is a new framework for developing JVM applications, including APIs and microservices. It uses ahead-of-time (AOT) compilation to compute the information that your application needs before runtime, removing the need for reflection. The result is a significant decrease in runtime overhead and startup time, and a substantial increase in application throughput. - http://amp.gs/LgyT
#angular
Okta Developer
Build a Secure Micronaut and Angular App with JHipster
This tutorial shows you how to create a secure Micronaut and Angular app with Java + JHipster and deploy it to Heroku.
Vue.js Creator Evan You Interview: “You need to understand what your users want”
We spoke with Evan about the release of Vue 3, his opinion on no-backend & fullstack approaches, Vue use cases and the work-life balance of the creator of the technology. - http://amp.gs/Lgw4
#vue
We spoke with Evan about the release of Vue 3, his opinion on no-backend & fullstack approaches, Vue use cases and the work-life balance of the creator of the technology. - http://amp.gs/Lgw4
#vue
Evrone
An interview with the creator of the Vue.js framework Evan You by Evrone
We spoke with Evan about the release of Vue 3, his opinion on no-backend & fullstack approaches, Vue use cases and the work-life balance of the creator of the technology.
Designing With Reduced Motion For Motion Sensitivities
Val Head shows how to design motion that is creative and innovative while also safer for those with motion sensitivities by using the prefers-reduced-motion-media feature. - http://amp.gs/LVf1
#css
Val Head shows how to design motion that is creative and innovative while also safer for those with motion sensitivities by using the prefers-reduced-motion-media feature. - http://amp.gs/LVf1
#css
Smashing Magazine
Designing With Reduced Motion For Motion Sensitivities — Smashing Magazine
Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities.
Build a Simple FLIP Animation in React
Are your UI animations laggy and janky? It's something to be avoided, as this tutorial on implementing FLIP animations explains. - http://amp.gs/L9p0
#react
Are your UI animations laggy and janky? It's something to be avoided, as this tutorial on implementing FLIP animations explains. - http://amp.gs/L9p0
#react
Souporserious
Build a Simple FLIP Animation in React
The FLIP technique allows for declarative and performant animations. In this article, we will look at a simple way to implement this method using React.
TypeScript 4.0: What I’m Most Excited About
Fernando seems particularly enthused about the latest version of TypeScript! - http://amp.gs/L4p1
#typescript
Fernando seems particularly enthused about the latest version of TypeScript! - http://amp.gs/L4p1
#typescript
Medium
TypeScript 4.0: What I’m most excited about
On August 20th, the team behind TypeScript oficially released their 4.0 version. This is the most advanced version of the language…
Surviving a Heatwave Using Google Cloud Functions
Dealing with a humid and hot summer in Belgium, Adriaan wanted some reminders to open and close his windows and curtains at certain times to keep temperatures bearable. This is how he approached the task using Google’s serverless platform. - http://amp.gs/LRI8
#nodejs
Dealing with a humid and hot summer in Belgium, Adriaan wanted some reminders to open and close his windows and curtains at certain times to keep temperatures bearable. This is how he approached the task using Google’s serverless platform. - http://amp.gs/LRI8
#nodejs
freek.dev
Surviving a heatwave using Google Cloud functions | freek.dev
This summer in Belgium has been a very hot one, and we're bound to have a couple more very warm weeks during the rest of summer.I'm not the best at dealing with this kind of heat, and with the temperature inside hitting 28° C, I've been trying to get my…
Vue.js 3.0 Announcement Talk at Vue.js Global Online
Watch the announcement and "State of Vue" talk by Evan You. - https://www.youtube.com/watch?v=Vp5ANvd88x0
#vue #video
Watch the announcement and "State of Vue" talk by Evan You. - https://www.youtube.com/watch?v=Vp5ANvd88x0
#vue #video
YouTube
Vue 3 Live Release Evan You Creator Vuejs
Vue 3 was announced & released here live on youtube. Evan You Creator of Vuejs showcased 4 years of work in the making. Evan You went Live on Friday 18th September to reveal something special for the Vuejs and Javascript Community. This keynote was followed…
Comparing Browsers for Responsive Design
A look at the various specialist dev browsers that are available for simultaneously viewing your site at different dimensions. - http://amp.gs/LUMx
#css
A look at the various specialist dev browsers that are available for simultaneously viewing your site at different dimensions. - http://amp.gs/LUMx
#css
CSS-Tricks
Comparing Browsers for Responsive Design
There are a number of these desktop apps where the goal is showing your site at different dimensions all at the same time. So you can, for example, be
Using Mobx as a State Manager in React Native Applications
In the seemingly endless parade of state management solutions, here’s a compelling and well articulated case for using the ‘battle tested’ and scalable Mobx library for your next React Native application. - http://amp.gs/Ld0F
#react
In the seemingly endless parade of state management solutions, here’s a compelling and well articulated case for using the ‘battle tested’ and scalable Mobx library for your next React Native application. - http://amp.gs/Ld0F
#react
Smashing Magazine
Using Mobx As A State Manager In React Native Applications — Smashing Magazine
MobX is one of the many state management tools available to React developers. In this tutorial, we’re going to learn how to use MobX to manage state in React Native applications by building a React Native application to see how this is done.
3 Style Management Tips That Will Save You a Headache in Your Angular App CSS
Let’s face it — when we work on the front end, writing CSS is not the thing that excites us the most. We like to mess with the more serious stuff, JavaScript. Most of the apps we come across have a big mess in the stylesheet area. Issues like code duplication, overriding styles, lack of organization, etc. are rampant. - http://amp.gs/LOJI
#angular
Let’s face it — when we work on the front end, writing CSS is not the thing that excites us the most. We like to mess with the more serious stuff, JavaScript. Most of the apps we come across have a big mess in the stylesheet area. Issues like code duplication, overriding styles, lack of organization, etc. are rampant. - http://amp.gs/LOJI
#angular
Medium
3 Style Management Tips That Will Save You a Headache in Your Angular App CSS
Let’s face it — when we work on the front end, writing CSS is not the thing that excites us the most. We like to mess with the more…
Nuxt Composition API
Learn which challenges the Composition API brought to Nuxt.js, and which posibilities we got when the Nuxt team released the powerful @nuxtjs/composition-api module. - http://amp.gs/LSRO
#nuxt
Learn which challenges the Composition API brought to Nuxt.js, and which posibilities we got when the Nuxt team released the powerful @nuxtjs/composition-api module. - http://amp.gs/LSRO
#nuxt
The Reality of Using AR in Mobile Apps in 2020
Explore the pros, cons, and valid use cases for using augmented reality (AR) in your mobile app development. - http://amp.gs/LN9x
#mobile
Explore the pros, cons, and valid use cases for using augmented reality (AR) in your mobile app development. - http://amp.gs/LN9x
#mobile
A Checklist Before You Ship Your React Native App in 2020
Pilots and astronauts use them and you should too: a ‘pre-flight’ checklist for your React Native app. It will ensure you’ve covered off all the necessary details before launching your app into the wild blue yonder. - http://amp.gs/LAEV
#reactnative
Pilots and astronauts use them and you should too: a ‘pre-flight’ checklist for your React Native app. It will ensure you’ve covered off all the necessary details before launching your app into the wild blue yonder. - http://amp.gs/LAEV
#reactnative
Medium
React Native Final Steps
A Checklist before you ship your React Native app in 2020
How to Add Version to Angular Application
A simple guide to add a version to an interface for an Angular application. - http://amp.gs/LqG6
#angular
A simple guide to add a version to an interface for an Angular application. - http://amp.gs/LqG6
#angular
Medium
How to Add Version to Angular Application
A simple guide to add version to interface for an Angular application.