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.
How to Integrate Phalcon and Vue.js Components
An interesting article by Anthony Shivakumar on integrating the Phalcon PHP framework with Vue.js. Learn how data should be passed between Phalcon and Vue, how Vue components should be designed and how to structure your Phalcon views - https://goo.gl/wKTeHg
#vue
An interesting article by Anthony Shivakumar on integrating the Phalcon PHP framework with Vue.js. Learn how data should be passed between Phalcon and Vue, how Vue components should be designed and how to structure your Phalcon views - https://goo.gl/wKTeHg
#vue
Antsand
How to integrate php (Phalcon) and Vue.js components?
Have you been looking around the internet trying to find a good way to integrate these two frameworks? Banging your head against the wall, figuring how to make them work in harmony? Are you to a point,
TOAST UI Chart: Attractive Charts to Visualize Data
Cross-browser (even supports IE8) and you get bar/column, line, area, bubble, pie, heatmap, bullet, and boxplot charts out of the box as well as combinations of them. - https://goo.gl/P9n2dP
#components
Cross-browser (even supports IE8) and you get bar/column, line, area, bubble, pie, heatmap, bullet, and boxplot charts out of the box as well as combinations of them. - https://goo.gl/P9n2dP
#components
GitHub
nhn/tui.chart
🍞📊 Beautiful chart for data visualization. Contribute to nhn/tui.chart development by creating an account on GitHub.
What Houdini Means for Animating Transforms
Ana Tudor explains how to animate the components of a transform using Houdini. - https://goo.gl/RLHPX4
#css
Ana Tudor explains how to animate the components of a transform using Houdini. - https://goo.gl/RLHPX4
#css
CSS-Tricks
What Houdini Means for Animating Transforms | CSS-Tricks
I've been playing with CSS transforms for over five years and one thing that has always bugged me was that I couldn't animate the components of a
CSS Techniques and Effects for Knockout Text
Goes deep into the visual effect of having text reveal a background. There’s more to it than you might think. - https://goo.gl/d7kXEZ
#css
Goes deep into the visual effect of having text reveal a background. There’s more to it than you might think. - https://goo.gl/d7kXEZ
#css
CSS-Tricks
CSS Techniques and Effects for Knockout Text | CSS-Tricks
Knockout text is a technique where words are clipped out of an element and reveal the background. In other words, you only see the background because the
Oclif: Heroku’s 'Open CLI' Framework for Node
A framework for building command line interfaces whether with a few simple flags or lots of subcommands. It comes out of Heroku’s work on its own CLI tools - https://goo.gl/qkH7mj
#nodejs
A framework for building command line interfaces whether with a few simple flags or lots of subcommands. It comes out of Heroku’s work on its own CLI tools - https://goo.gl/qkH7mj
#nodejs
How Fast Is AMP Really?
A look at how AMP performs in several contexts - in Google search, when used as a standalone framework, when served via AMP cache and compared to the canonical article. - https://goo.gl/8iGWWN
#amp
A look at how AMP performs in several contexts - in Google search, when used as a standalone framework, when served via AMP cache and compared to the canonical article. - https://goo.gl/8iGWWN
#amp
Driver.js: 'Drive' Users' Focus Across a Web Page
A no-dependency library for creating ‘tour’-style mechanisms and highlights on a page. - https://goo.gl/bK3eU2
#components
A no-dependency library for creating ‘tour’-style mechanisms and highlights on a page. - https://goo.gl/bK3eU2
#components
GitHub
kamranahmedse/driver.js
A light-weight, no-dependency, vanilla JavaScript engine to drive the user's focus across the page - kamranahmedse/driver.js
How to Separate Frontend + Backend with Rails API, Nuxt.js and Devise-JWT
Which framework should you use for a powerful web application, Rails or Nuxt.js? Why not both! This post goes through the process of building a decoupled app with the Rails API and Nuxt, as well as a basic authentication system using Devise-JWT - https://goo.gl/4iMdjw
#froneEnd
Which framework should you use for a powerful web application, Rails or Nuxt.js? Why not both! This post goes through the process of building a decoupled app with the Rails API and Nuxt, as well as a basic authentication system using Devise-JWT - https://goo.gl/4iMdjw
#froneEnd
Medium
How to separate frontend + backend with Rails API, Nuxt.js and Devise-JWT
I’ve been a huge fan of Ruby on Rails since the early days, and although the web world has moved on a lot since then, Rails still has a…
Understanding Margin Collapse in CSS
A visual look at a fundamental CSS concept: margins that ‘collapse’ against each other. Except when they don’t. - https://goo.gl/f7GA5c
#css
A visual look at a fundamental CSS concept: margins that ‘collapse’ against each other. Except when they don’t. - https://goo.gl/f7GA5c
#css
Jonathan Harrell | CSS Blogger & Teacher, UI/UX Designer, Front-End Developer
How Margin Collapse Rules Work in CSS - The Fundamentals
Learn about margin collapse, a fundamental concept of CSS layout. See visual examples of when margin collapse happens, and when it doesn't.