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
Understanding Web Fonts and Getting the Most Out of Them
Thierry Blancpain goes over the different types of font formats and dives into advanced concepts and considerations when using web fonts. - https://goo.gl/BzUbao
#css #fonts
Thierry Blancpain goes over the different types of font formats and dives into advanced concepts and considerations when using web fonts. - https://goo.gl/BzUbao
#css #fonts
CSS-Tricks
Understanding Web Fonts and Getting the Most Out of Them
Using custom fonts is getting increasingly easier. We’ll cover the basics of usage here and get into the more in-depth features that are helpful for developers who want to level up and aim to perfect advanced concepts, like loading font files.
Multiple Layouts for VueJS Single Page Apps
Single-page apps will need multiple layouts to display different views. For example, a login page won’t need to show toolbars etc. Kasun Vithanage shows how to use Vuex and VuetifyJS to achieve this in your Vue SPA. - https://goo.gl/56ExZD
#vue
Single-page apps will need multiple layouts to display different views. For example, a login page won’t need to show toolbars etc. Kasun Vithanage shows how to use Vuex and VuetifyJS to achieve this in your Vue SPA. - https://goo.gl/56ExZD
#vue
Medium
Multiple Layouts for VueJS Single Page Apps
It is a common thing that even a Single Page App needs Multiple Layouts to display views. Such as a Login Page may not require unnecessary…
UX Storyboard Creation: A Complete Guide For Beginners
Luca Morovián walks you through all the whys and hows of UX storyboard creation plus shares template to help you get started. - https://goo.gl/Zm2A3M
#ux
Luca Morovián walks you through all the whys and hows of UX storyboard creation plus shares template to help you get started. - https://goo.gl/Zm2A3M
#ux
UX Studio
UX-Storyboard_Cover
Read this guide to learn about the whys, hows and steps of UX storyboard creation. To get started, download our free UX storyboard template.
Awesome Developer Streams: Developers Who Code Live
It’s surprising how much you can learn by watching someone else code and here are 57 to check out - mostly JavaScript developers too. - https://goo.gl/UVcEKM
#awesome
It’s surprising how much you can learn by watching someone else code and here are 57 to check out - mostly JavaScript developers too. - https://goo.gl/UVcEKM
#awesome
GitHub
bnb/awesome-developer-streams
awesome-developer-streams - 👩🏿💻👨🏾💻👩🏼💻👨🏽💻👩🏻💻 Awesome Developers, Streaming
Pell 1.0: A Tiny, Simple WYSIWYG Web Text Editor
No dependencies, ES6, and only 1.38KB minned and gzipped. - https://goo.gl/Lr7BFE
#components
No dependencies, ES6, and only 1.38KB minned and gzipped. - https://goo.gl/Lr7BFE
#components
GitHub
jaredreich/pell
📝 the simplest and smallest WYSIWYG text editor for web, with no dependencies - jaredreich/pell
Vue.js and Webpack 4 From Scratch
While Vue CLI is the fastest way to set up a Vue.js project, it’s handy to know how to do it from scratch. This article is a step-by-step guide to setting up Vue and Webpack 4 with all the bells and whistles like hot module reloading, linting and testing - https://goo.gl/mWNk7C
#vue
While Vue CLI is the fastest way to set up a Vue.js project, it’s handy to know how to do it from scratch. This article is a step-by-step guide to setting up Vue and Webpack 4 with all the bells and whistles like hot module reloading, linting and testing - https://goo.gl/mWNk7C
#vue
ITNEXT
Vue.js and Webpack 4 From Scratch, Part 1
Part 1: Up and running
How Fast Is Flutter? I Built A Stopwatch App to Find Out
Flutter is a mobile UI framework from Google that’s currently getting a lot of attention. Here, a developer reviews its performance after building a stopwatch app to analyze CPU and memory usage. - https://goo.gl/xeFoMZ
#flutter
Flutter is a mobile UI framework from Google that’s currently getting a lot of attention. Here, a developer reviews its performance after building a stopwatch app to analyze CPU and memory usage. - https://goo.gl/xeFoMZ
#flutter
Medium
How fast is Flutter? I built a stopwatch app to find out
This weekend I had some time to play with the new Flutter UI framework by Google.
The 5 Most Popular Frontend Frameworks Compared
More summarized than compared, but still. A quick look at Bootstrap, Foundation, Semantic UI, Pure, and UIkit. - https://goo.gl/tBDkkX
#css #frameworks
More summarized than compared, but still. A quick look at Bootstrap, Foundation, Semantic UI, Pure, and UIkit. - https://goo.gl/tBDkkX
#css #frameworks
SitePoint
The 5 Most Popular Front-end Frameworks Compared — SitePoint
Ivaylo Gerchev looks at the most downloaded front-end frameworks available today, and offers some suggestions on how to choose one that's right for you.
Unblocking Clipboard Access in Chrome 66+
The Async Clipboard API supersedes the document.execCommand approach to clipboard interactions from JavaScript and makes the process asynchronous. - https://goo.gl/9yVFLa
#clipboard
The Async Clipboard API supersedes the document.execCommand approach to clipboard interactions from JavaScript and makes the process asynchronous. - https://goo.gl/9yVFLa
#clipboard
Google Developers
Unblocking Clipboard Access | Web
| Google Developers
| Google Developers
Copycats rejoice! Async Clipboard API is unblocking copy & paste in Chrome 66.