blog.maximeheckel.com
Getting started with Typescript on Gatsby
7 min · · A step by step guide to get Typescript, tslint and Prettier working on any existing Gatsby project.
youtube.com
Why you should look into these React component styling options!
· Styling React components is easy and difficult at the same time. There are so many options! Inline styles, styled components, vanilla CSS, CSS modules and mo...
UX Collective
Responsive grids and how to actually use them
18+ min · · A detailed explanation for designers on how to use grids for responsive design, and how things will scale in between breakpoints. · Shared by 53, including Gabriele, Mike Taylor, Marius Bleuer, Fabricio Teixeira, Center Centre – UIE
CSS-Tricks
A Complete Guide to Flexbox
· Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart. · Shared by 666, including zeldman, Alligator.io 🐊, Brad Frost, Kenneth Kalmer, Brian Casel, @brianleroux@indieweb.social 💙, Brad Brooks, Chris Smith, Andreas Klinger 🏝, Axel Rauschmayer (INACTIVE), Herbert Bay, Massimiliano Aroffo, Helmi, Shane_potter, Chris Coyier, Nando 💪🇦🇺🇦🇷, ᴄʟᴀᴜᴅɪᴏ sᴄʜᴡᴀʀᴢ, Laurie, Tatjana Nebel, Zain Fathoni
medium.com
CSS Evolution: From CSS, SASS, BEM, CSS Modules to Styled Components
11+ min · · Since the beginnings of the Internet we’ve always had the need to style our websites, CSS has been around forever and has evolved at its… · Shared by 7
Smashing Magazine 🇺🇦 🏳️🌈
How Should Designers Learn To Code? The Terminal And Text Editors (Part 1) — Smashing Magazine
10 min · · For the purpose of this two-part series of articles, we’re going to assume the answer for “Should designers code?” is “It depends.” In this first part of the series, we’ll take a look at getting… · Shared by 9
youtube.com
React Styled Components (Next Level CSS?)
· Styled Components lets us create UI elements that contain their own styles enforcing a cool modular approach to styling ------- Join the community ;) Faceboo...
preactjs.com
Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM.
· Edit this PageLanguage:EnglishChineseSpanishBrazilian PortugueseBuilt by @developit and a bunch of lovely people. · Shared by 64, including Paul Thurrott, Mohamed JEBLI, René Clausen Nielsen, Patric Fornasier, Nico Müller 🇺🇦, Stephen C Sanders, Brian, Hugo Corbucci, Angel Romero
Codrops
Distorted Link Effects with SVG Filters
1 min · · A couple of ideas for decorative link distortion effects using SVG filters on lines, circles and squares. · Shared by 22, including Val Head
adamsilver.io
Building an accessible autocomplete control by Adam Silver
12+ min · · Learn how to design and build an accessible autocomplete control from scratch. · Shared by 75, including Bruce Lawson, Marius Bleuer, Boris Périsset, Andrea Skeries, Casey Smith, Chris Heilmann codepo8@toot.cafe, Web Axe, Benoist Lawniczak, Simone Corsi 💻🚀, Davy De Pauw
medium.com
What to Pay JavaScript Developers in 2020
11+ min · · As hiring managers, we have a lot of tough choices to make. One choice most hiring managers get wrong is compensation for developers. This… · Shared by 70, including Simone Corsi 💻🚀, Eric Elliott, Alain, Luca
medium.com
What’s new on iOS 12.2 for Progressive Web Apps
11+ min · · One year after the first initial support for PWAs on iOS, Apple released iOS 12.2 for iPhone and iPads with what it seems to be the… · Shared by 9
variable-fonts.com
Interactive Microsite
· You can try and download Fontsmith variable typefaces for free on our interactive variable font microsite as well as learn more about this new font technology. · Shared by 24, including Stef Walter, Fabricio Teixeira, Oliver Schöndorfer 🇺🇦
brunosimon.github.io
Keppler
· Real-time code sharing for your lectures and presentations · Shared by 5
Brad Frost
Creating Themeable Design Systems
7 min · · TL;DR: Design systems + CSS Zen Garden = Awesome. Is it possible to create a single design system that powers wildly different-looking brands and experiences? The answer is yes! But why would you want… · Shared by 81, including Michael Zumstein, Dominik Grolimund, Oscar MacDonald
Smashing Magazine 🇺🇦 🏳️🌈
A Closer Look At Font Rendering
· The Web font revolution that started around two years ago has brought up a topic that many of us had merrily ignored for many years: font rendering. The newfound freedom Web fonts are giving us brings along new challenges. Choosing and using a font is not merely a stylistic issue, and it’s worth having a look at how the technology comes into play. · Shared by 7