CSS-Tricks
Continuous Performance Analysis with Lighthouse CI and GitHub Actions
10 min · · Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest · Shared by 80, including David Hellmann, Chris Coyier
freeCodeCamp.org
How to Get a Developer Job Abroad
9 min · · Many people dream about working abroad in their industry. But they're often not sure how to do it easily, or how to attract the interest of companies who are hiring. I was looking for a position as a… · Shared by 5
CSS-Tricks
A Complete Guide to Dark Mode on the Web
20+ min · · “Dark mode” is defined as a color scheme that uses light-colored text and other UI elements on a dark-colored background. Dark mode, dark theme, black mode, night mode… they all refer to and mean the… · Shared by 165, including Dennis Lembrée, Ethan Zeigler, Marius Bleuer, mastodon.social/@renestalder, Jens D. Peter, Chris Heilmann codepo8@toot.cafe, Jessel Sookha, Tomas Vestenicky
CSS-Tricks
The Mad Magazine Fold-In Effect in CSS
1 min · · This was always my favorite thing in Mad magazine. One page (the inside of the back cover, I think) was covered in a zany illustration. You folded that · Shared by 48, including Jeff Atwood
engineering.videoblocks.com
Web Architecture 101
14+ min · · The basic architecture concepts I wish I knew when I was getting started as a web developer · Shared by 232, including laugri, Thompson Marzagão, Katja Evertz, Bernhard Huessy, Kim Schläpfer, Patric Fornasier, Jon Thompson, Jean Carlos Omobono, Luca Corsilli, Vikram Dutt, Davy De Pauw, Matt, Matteo Fogli
CSS-Tricks
What is Developer Experience (DX)?
7 min · · Developer Experience¹ is a term² that has one somewhat obvious meaning — the experience of developers — but it eludes definition in the sense that people · Shared by 114, including adrianleb.eth, David Hellmann, Chris Coyier, Chris Heilmann codepo8@toot.cafe
DEV Community
How to organize your components using the Atomic Design
10 min · · Often, when you start the development of an application, you can get in trouble trying to understand how to organize your files. In this post I'm going to explain to you how to do it (or how you could… · Shared by 9, including Vue.js Developers Newsletter
learnstorybook.com
Storybook Tutorial
2 min · · Learn Storybook the UI component development tool for React, Vue, and Angular. This tutorial teaches you Storybook as you build a UI from scratch. · Shared by 10, including Alligator.io 🐊, Helmi
LogRocket
13 ways to vertical center
6 min · · CSS has made major leaps since the days when simple tasks were arduous. Now, something like vertical centering is effortless through different methods. · Shared by 5
diana-adrianne.com
Pure CSS Drawing Essentials
· Pure CSS - by Diana Smith aka cyanHarlow · Shared by 6, including Stef Walter
makeschool.com
Online Academy - Learn Swift & iOS Development
· Join the Online Academy to access free online courses and curriculum to make your own iPhone app or game.
everysize.kibalabs.com
Check your responsive webpage looks great in every size 🖥 💻 📱 👀
· Test pages in all the sizes that matter to you - we have iOS, Android and bootstrap sizes pre-installed. Use the zoom feature to fit all the devices you need on a single page. You can always make your… · Shared by 12
bansal.io
Background Patterns in CSS
1 min · · Examples in documentation are built using shorthand framework but this library works with most of the frameworks including bootstrap. There are many possible designs that can be built with css to use… · Shared by 30, including bouiboui, David Hellmann, David Reindl
typescriptlang.org
TypeScript in 5 minutes
4 min · · Let’s get started by building a simple web application with TypeScript. Installing TypeScript There are two main ways to get the TypeScript tools: Via npm (the Node.js package manager) By installing… · Shared by 12, including Chung, Luis Bravo
udacity.com
React Nanodegree
6 min · · React is completely transforming Front-End Development. Master this powerful UI library from Facebook with Udacity and the experts from React Training.