Good to great UI animation tips
Pablo Stanley shares some examples of UI animations going from good to great. With a little bit of tweaking here and there, he explains how you can elevate your UI patterns with animation. -
https://goo.gl/ykNZz1
#ui
Pablo Stanley shares some examples of UI animations going from good to great. With a little bit of tweaking here and there, he explains how you can elevate your UI patterns with animation. -
https://goo.gl/ykNZz1
#ui
UX Collective
Good to great UI animation tips
Practical suggestions to improve your UI micro-interactions.
Beyond React 16: Time Slicing and Suspense API
Last week we linked to Dan Abramov’s ‘Beyond React 16’ talk where he showed off ideas coming to React in the future, and here Prosper Otemuyiwa reflects on them some more. - https://goo.gl/Y8VndJ
#react
Last week we linked to Dan Abramov’s ‘Beyond React 16’ talk where he showed off ideas coming to React in the future, and here Prosper Otemuyiwa reflects on them some more. - https://goo.gl/Y8VndJ
#react
Auth0 - Blog
Beyond React 16: Time Slicing and Suspense API
Learn what's coming to ReactJS. Get a sneak peek of the powerful features that will grace ReactJS soon.
Responsive Components: A Solution to the Container Queries Problem
Container queries would let us style elements based on the size of a containing element rather than the viewport, but they’re still not available - this post presents a viable alternative -
https://goo.gl/45sxzw
#css #responsive
Container queries would let us style elements based on the size of a containing element rather than the viewport, but they’re still not available - this post presents a viable alternative -
https://goo.gl/45sxzw
#css #responsive
Philipwalton
Responsive Components: a Solution to the Container Queries Problem — Philip Walton
Thoughts on web development, open source, software architecture, and the future.
Tips & tricks for vue-analytics
Some useful pieces of advice that can save you time and energies. - https://goo.gl/BPpGj8
#vue
Some useful pieces of advice that can save you time and energies. - https://goo.gl/BPpGj8
#vue
Medium
Tips & tricks for vue-analytics
Some useful advices that can save you time and energies
Awesome Node: 600+ Packages, Resources and Links
The definitive, categorized list of Node resources and handy links continues to be updated and has passed 600 items. -
https://goo.gl/BNNvRN
#nodejs
The definitive, categorized list of Node resources and handy links continues to be updated and has passed 600 items. -
https://goo.gl/BNNvRN
#nodejs
GitHub
sindresorhus/awesome-nodejs
awesome-nodejs - :zap: Delightful Node.js packages and resources
Stunning Hover Effects with CSS Variables
Basically, you change CSS variables on mouse move via JavaScript, and underlying CSS then updates dynamically. There’s a lot of potential with this approach. - https://goo.gl/eXoeZF
#css
Basically, you change CSS variables on mouse move via JavaScript, and underlying CSS then updates dynamically. There’s a lot of potential with this approach. - https://goo.gl/eXoeZF
#css
Prototypr
Stunning hover effects with CSS variables – Prototypr
Build awesome, interactive hover effects with just 9 lines of code and two CSS variables.
Learning File and Image Uploading by Building an Instagram Style App
Learn how to manage file and image uploading in your Ionic/Cordova apps by building an Instagram style app. - https://goo.gl/fGDgSf
#mobile #ionic
Learn how to manage file and image uploading in your Ionic/Cordova apps by building an Instagram style app. - https://goo.gl/fGDgSf
#mobile #ionic
Roblouie
Learn Ionic Cordova File and Image Uploading By Building an Instagram Style App
Uploading files, and especially uploading images taken via the phone camera or gallery, is a common pain point when trying to develop a Cordova or Ionic app. We explore the best way to handle uploading multiple images at once by building a simple Instagram…
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit`
At first glace of the names, it might seem like auto-fill and auto-fit are opposites. But in fact, the difference between is quite subtle. - https://goo.gl/436Q8a
#css #grid
At first glace of the names, it might seem like auto-fill and auto-fit are opposites. But in fact, the difference between is quite subtle. - https://goo.gl/436Q8a
#css #grid
CSS-Tricks
Auto-Sizing Columns in CSS Grid: `auto-fill` vs `auto-fit` | CSS-Tricks
One of the most powerful and convenient CSS Grid features is that, in addition to explicit column sizing, we have the option to repeat-to-fill columns in a Grid, and then auto-place items in them. More specifically, our ability to specify how many columns…
Server Rendering with React and React Router
An extensive walkthrough of slooowly building a server-side rendered React and React Router app from scratch - https://goo.gl/KJ3tfc
#react #serverRendering #video
An extensive walkthrough of slooowly building a server-side rendered React and React Router app from scratch - https://goo.gl/KJ3tfc
#react #serverRendering #video
TylerMcGinnis.com - Learn the latest web technologies
Server Rendering with React and React Router
Server side rendering a React app can provide a few different benefits including performance and SEO. The problem is with those benefits comes a cost of additional complexity to your application. In this post, we'll start from scratch and slowly build a server…
Show / hide password input values with Vue.js
It’s common to have the possibility to toggle the visibility of a password field on websites, applications etc. Implementing such a functionality with Vue.js is simple and straigth forward. - https://goo.gl/sEDGPB
#vue
It’s common to have the possibility to toggle the visibility of a password field on websites, applications etc. Implementing such a functionality with Vue.js is simple and straigth forward. - https://goo.gl/sEDGPB
#vue
SiMedia Tech
Show / hide password input values with Vue.js
Nowadays it's common to have the possibility to toggle the visibility of a password field on websites, applications, login screens etc. Implementing such a functionality with Vue.js is really simple and straigth forward.
Patterns for Writing Manageable CSS Without a Framework
A nice article with some good advice on writing effective CSS. - https://goo.gl/dZhmfX
#css
A nice article with some good advice on writing effective CSS. - https://goo.gl/dZhmfX
#css
Medium
Patterns for writing manageable CSS without a framework
It’s a mistake to think that you must use some form of a framework to style web pages.
What’s New in ES2018?
Lots of code examples in this slidedeck. - https://goo.gl/9evjqd
#javascript #es2018
Lots of code examples in this slidedeck. - https://goo.gl/9evjqd
#javascript #es2018
slidr.io
What’s new in ES2018? by Mathias Bynens
Presented by [@bmeurer](https://twitter.com/bmeurer) and [@mathias](https://twitter.com/mathias) from [the @v8js team](https://twitter.com/v8js) at the March 6th, 2018 Frontend Meetup @ Google Munich
How You Can Use Environment Variables in Node
What are they? And what are some better ways to handle ‘env’ variables? Burke introduces dotenv, a way to make environment variable management easier, and shows how to use them alongside VS Code. - https://goo.gl/ezmMwR
#nodejs
What are they? And what are some better ways to handle ‘env’ variables? Burke introduces dotenv, a way to make environment variable management easier, and shows how to use them alongside VS Code. - https://goo.gl/ezmMwR
#nodejs
freeCodeCamp
Here’s how you can actually use Node environment variables
Environment variables are a fundamental part of Node development, but for some reason I never bothered with learning how to properly use…
React.js Frequently Faced Problems
Covers some handy ‘common problems’, and may be handy if you’re relatively new to JavaScript or React. - https://goo.gl/q3cTrE
#react
Covers some handy ‘common problems’, and may be handy if you’re relatively new to JavaScript or React. - https://goo.gl/q3cTrE
#react
The Practical Dev
React.js Frequently Faced Problems
At jsComplete, we manage a slack account dedicated to helping code learners g...
GraphQL over REST with Node, Heroku, and Apollo Engine
Build and deploy a GraphQL API quickly without rewriting your backend by wrapping REST endpoints using Node and Apollo Server. - https://goo.gl/Xco7sm
#nodejs
Build and deploy a GraphQL API quickly without rewriting your backend by wrapping REST endpoints using Node and Apollo Server. - https://goo.gl/Xco7sm
#nodejs
Apollo GraphQL
GraphQL over REST with Node, Heroku, and Apollo Engine
Deployment, monitoring, and caching with GraphQL
Setup Vue with Storybook using Vue CLI 3.0
Vue CLI 3 is totally bad ass, to use a technical term. Almas Akchabayev shows you how to use it to quickly set up a TypeScript + Storybook project. - https://goo.gl/nB1byG
#vue
Vue CLI 3 is totally bad ass, to use a technical term. Almas Akchabayev shows you how to use it to quickly set up a TypeScript + Storybook project. - https://goo.gl/nB1byG
#vue
Medium
Setup Vue with Storybook using Vue CLI 3.0 (Typescript example)
Note: Although here I am setting up a project with Typescript, you can follow similar steps to make storybook work with any vue-cli setup