Jagged Little Pill: Issues with Rounded Buttons
Tyler Sticka shares a technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
- http://amp.gs/qIYH
#css
Tyler Sticka shares a technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
- http://amp.gs/qIYH
#css
Cloud Four
Jagged Little Pill: Issues with Rounded Buttons
A technique for overcoming touch target size and content clipping issues with pill-shaped and circular buttons.
Don't Sync State, Derive It
Avoid synchronization bugs and hidden complexity by deriving (or calculating) state on the fly rather than keeping numerous copies of state around your app. - http://amp.gs/qjzl
#react
Avoid synchronization bugs and hidden complexity by deriving (or calculating) state on the fly rather than keeping numerous copies of state around your app. - http://amp.gs/qjzl
#react
Kentcdodds
Don't Sync State. Derive It!
How to avoid state synchronization bugs and complexity with derived state.
Variable Fonts & The New Google Fonts API
A look at how variable fonts (and the related syntax) are going to work in Google Fonts going forward. - http://amp.gs/q8jT
#fonts #api #google
A look at how variable fonts (and the related syntax) are going to work in Google Fonts going forward. - http://amp.gs/q8jT
#fonts #api #google
rwt.io
Variable fonts & the new Google Fonts API | Responsive Web Typography
While I was at ATypI Tokyo a couple w
Dependency Injection in Vue.js with Functional Component Factories
Learn how to conveniently inject dependencies into Vue.js components via props and a functional wrapper component. - http://amp.gs/q8wZ
#vue
Learn how to conveniently inject dependencies into Vue.js components via props and a functional wrapper component. - http://amp.gs/q8wZ
#vue
markus.oberlehner.net
Dependency Injection in Vue.js with Functional Component Factories
Learn how to conveniently inject dependencies into Vue.js components via props and a functional wrapper component.
How to Collect, Customize, and Centralize Node Logs
Covers some best practices for collecting and customizing logs from your apps. - http://amp.gs/qT2T
#nodejs #logging
Covers some best practices for collecting and customizing logs from your apps. - http://amp.gs/qT2T
#nodejs #logging
How to collect, customize, and centralize Node.js logs
Learn some best practices for collecting and customizing logs from your Node.js applications.
Creating Behavioral Components in Angular
When working on an enterprise application, or with a company that deals with multiple projects, it’s necessary to develop a solid foundation; Specifically, it’s important to have strong core components which are flexible enough to adapt to any variation or requirement, and can be shared across teams
- http://amp.gs/q1Nw
#angular
When working on an enterprise application, or with a company that deals with multiple projects, it’s necessary to develop a solid foundation; Specifically, it’s important to have strong core components which are flexible enough to adapt to any variation or requirement, and can be shared across teams
- http://amp.gs/q1Nw
#angular
Medium
Creating Behavioral Components in Angular
Learn about behavioral components in Angular by implementing an accordion component.
CSS Grid: Illustrated Introduction
Mustapha Aouas shows how to use CSS grid to build various layouts - http://amp.gs/qYSq
#css
Mustapha Aouas shows how to use CSS grid to build various layouts - http://amp.gs/qYSq
#css
DEV Community
CSS Grid: illustrated introduction
This post is the first of a two-part series. Introduction I remember the first time I...
An HTML Attribute Potentially Worth $4.4M to Chipotle
The author discovered an autofill bug in Chipotle’s checkout process that could be costing the food company upwards of $4 million annually. - http://amp.gs/qtA8
#html
The author discovered an autofill bug in Chipotle’s checkout process that could be costing the food company upwards of $4 million annually. - http://amp.gs/qtA8
#html
Cloud Four
An HTML attribute potentially worth $4.4M to Chipotle
My parents are retired. They continue to try to pay for meals. I don't want them to. So we often end up in a competition to see who can pay first. In this case, I knew I had an advantage. My card details were already stored in the browser. I just needed to…
Test Driven Development Basics with React, React Testing Library, and Jest
An entry-level walkthrough if you haven’t bothered with TDD in React yet. - http://amp.gs/qZ79
#react #tdd
An entry-level walkthrough if you haven’t bothered with TDD in React yet. - http://amp.gs/qZ79
#react #tdd
Developerhandbook
Test Driven Development (TDD) with React, React Testing Library, and Jest
Test Driven Development (TDD) is an essential tool for writing robust code, especially in larger teams, we look at how to get started
A Proof of Concept for Making Sass Faster
Sebastian Webb introduces a new way to compile Sass code, selectively. - http://amp.gs/qplr
#css
Sebastian Webb introduces a new way to compile Sass code, selectively. - http://amp.gs/qplr
#css
CSS-Tricks
A Proof of Concept for Making Sass Faster
At the start of a new project, Sass compilation happens in the blink of an eye. This feels great, especially when it’s paired with Browsersync, which
How JavaScript Works: How V8 Optimizes for Efficiency
An explanation of how the V8 JavaScript engine (as used in Chrome and Node) makes your code run as fast as possible, followed up with a few tips on improving your code to help V8 out - http://amp.gs/qpJN
#javascript
An explanation of how the V8 JavaScript engine (as used in Chrome and Node) makes your code run as fast as possible, followed up with a few tips on improving your code to help V8 out - http://amp.gs/qpJN
#javascript
LogRocket Blog
How JavaScript works: Optimizing the V8 compiler for efficiency - LogRocket Blog
A guide to compiler-friendly Javascript optimization methods to help front-end devs write more efficient Javascript and reduce slowdowns.
Use cases: ng-content
Content projection is not a concept that one may use everyday, and to be honest, many Angular developers that don't even know about it. - http://amp.gs/qlGP
#angular
Content projection is not a concept that one may use everyday, and to be honest, many Angular developers that don't even know about it. - http://amp.gs/qlGP
#angular
Basic Functional Techniques with React
A few (very) basic ideas, including partial application, short circuit evaluation, and using methods like map, filter, and reduce instead of loops. - http://amp.gs/qlLk
#react
A few (very) basic ideas, including partial application, short circuit evaluation, and using methods like map, filter, and reduce instead of loops. - http://amp.gs/qlLk
#react
Medium
Functional Techniques with React
With ES6, it’s much easier to use certain functional techniques in React. This article will describe a few ways you can incorporate these…
How to Contribute to an Open Source Project
Sarah Drasner created a handy guide for contributing to open-source projects. - http://amp.gs/qBGK
#css
Sarah Drasner created a handy guide for contributing to open-source projects. - http://amp.gs/qBGK
#css
CSS-Tricks
How to Contribute to an Open Source Project
The following is going to get slightly opinionated and aims to guide someone on their journey into open source. As a prerequisite, you should have basic