@devstash | ( • ᴗ - ) ✧collection of goods | superduper-alpha-betalast update: dunno

FrontEnd

From a time far far away, in the front end galaxy, when HTML tables were a thing

22

Tabler UI Kit

I forgot to add a description, sorry!

DesignSystems

I forgot to add a description, sorry!

MJML – Responsive Email

The only framework that makes responsive email 

Tailwind Awesome

I forgot to add a description, sorry!

Stacks

Stacks

ProTailwind

I forgot to add a description, sorry!

a11yproject

I forgot to add a description, sorry!

Building a Scalable CSS Architecture With BEM and Utility Classes

Maintaining a large-scale CSS project is hard. Over the years, we’ve witnessed different approaches aimed at easing the process of writing scalable CSS.

Combining the Powers of SEM and BIO for Improving CSS

In this article, I am going to use the code example below to explain how SEM and BIO works and how they can help enhance your CSS strategy.

Vertical spacing with :has()

A solution to what makes typographic vertical spacing complicated.

ARIA Patterns

No ARIA is better than Bad ARIA.

Utopia

Utopia emerges when designers and developers share a systematic approach to fluidity in responsive design.

Enduring CSS

A guide to writing style sheets for large scale, rapidly changing, long-lived web projects

web.dev

Building a better web, together

Motion.dev

A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance.

React Visualised

A gentle introduction to React, but visualized.

Frontend Interview Handbook

Front end interview preparation materials for busy engineers - trivias, coding, algorithms, front end system design and more!

Big Frontend

BFE.dev is the platform to practice your Front-End development skills, prepare your Front-End job interview and communicate with developers around the globe, like LeetCode for Front-End.

Next.js v13 Crash Course

Next.js v13 Crash Course. Who would’ve guessed?

Lit

Simple.Fast.Web Components.

CSS Gradients

CSS Gradient is a happy little website and free tool that lets you create a gradient background for websites.

Frontend Checklist

Checklist for the Frontend.

UI/UX

UI/UX is the new black

39

Core UI Icons

Free SVG, JavaScript & Webfont Icons with Components for Angular, React.js, and Vue.js

Pictogrammers

Open-source iconography for designers and developers

Line Icons

8400+ Handcrafted SVG Icons for Designers and Developers

Aceternity UI

Copy paste the most trending components and use them in your websites

Hero Icons

I forgot to add a description, sorry!

Phosphor Icons

I forgot to add a description, sorry!

Nice Very Nice

Design resources featured by our curators

Iconoir

I forgot to add a description, sorry!

Transition Animations

I forgot to add a description, sorry!

Patterns

Find the perfect component

UX Tools

I forgot to add a description, sorry!

Contrast Checker

I forgot to add a description, sorry!

Design Principles

I forgot to add a description, sorry!

Coolors

I forgot to add a description, sorry!

Tailwind UI Colors

Tailwind CSS Color Generator

world's shortest UI/UX design course

Quick rundown of the basics of UI/UX.

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

UI Kit

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

Carbon Design System

Carbon is IBM’s open source design system for products and digital experiences.

Design Systems

A design systems publication by Figma

Mobbin

Save hours of UI & UX research with our library of 100,000+ fully searchable mobile & web screenshots.

Refactoring UI

Learn how to design beautiful user interfaces by yourself using specific tactics explained from a developer's point-of-view.

Chakra UI

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

Radix UI

Unstyled, accessible components for building high‑quality design systems and web apps in React.

Fractal

Powerful component libraries & styleguides that fit the way you work.

pattern lab

Pattern Lab is a frontend workshop environment that helps you build, view, test, and showcase your design system's UI components.

Storybook

Storybook is a frontend workshop for building UI components and pages in isolation.

FontShare

Free fonts to use

Framer

Probably one of the best layout to code tools out there. With a builtin CMS and all that. Very, very good!

Color Palettes

A browser extension to generate comprehensive palettes.

Mantine

Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 40 hooks to cover you in any situation

daisyUI

Use Tailwind CSS but write fewer class names

MUI

MUI offers a comprehensive suite of UI tools to help you ship new features faster.

Tailwind UI

Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS.

The power of good design

Dieter Rams’s ideology, engrained within Vitsœ

Colorhunt

Color Palettes for Designers and Artists

TypeScale

Tim Brown’s Modular Scale site raised awareness about type scales, helped to improve typography on the web, and it was the inspiration for this project.

Pigment

When you’re out of color patterns.

Laws of UX

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

JavaScript

JavaScript is for the kool kids

11

unlazy

Universal lazy loading library leveraging native browser APIs.

Fancybox

I forgot to add a description, sorry!

NaN

I forgot to add a description, sorry!

33 JS Concepts

33 JavaScript concepts every developer should know.

10 Github repositories to achieve Javascript

I forgot to add a description, sorry!

MVC JavaScript

I forgot to add a description, sorry!

JAMstack Articles

Jamstack is not about a specific technology. It is a modern web development architecture that emphasizes the use of CDNs and decoupling services.

Build JavaScript applications using TypeScript

TypeScript offers all the features of JavaScript, plus an additional layer on top of these - the TypeScript type system.

Professor Frisby's Mostly Adequate Guide to Functional Programming

This is a book on the functional paradigm in general. We'll use the world's most popular functional programming language: JavaScript.

Fireship.io

Useful techniques for working with JS arrays.

Mastering Next.js

This course was originally released in 2019.

Tools

Whenever Tim "The Toolman" Taylor grunts

18

Responsive Breakpoints

I forgot to add a description, sorry!

WAVE Web Accessibility

I forgot to add a description, sorry!

Axe

I forgot to add a description, sorry!

Accessibility Checker

I forgot to add a description, sorry!

Total Validator

I forgot to add a description, sorry!

Accessibility Insight

I forgot to add a description, sorry!

Kodemo

Write technical documentation your readers will love to learn from.

Realtime Colors

I forgot to add a description, sorry!

Obsidian

I forgot to add a description, sorry!

Warp Terminal

I forgot to add a description, sorry!

Hacksplaining

Security Training for Developers

Crontab Guru

The quick and simple editor for cron schedule expressions.

Khroma

Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.

bit.dev

An open-source toolchain for component-driven software.

React Styleguidist

Isolated React component development environment with a living style guide

Docusaurus 2.0

Build optimized websites quickly, focus on your content

Docz

It's never been easier to document your things

Awesome Tech Stack

Uncover the secrets of top-performing websites with AwesomeTechStack's in-depth technology analysis. Improve security, modernity, and performance for your site.

CreativeCoding

Get jiggy with it

1

WebGL Line Rendering

Time to stop using Tube Geometries.

BestPractiCes

"Oh, Behave!"

4

Fluid Websites

I forgot to add a description, sorry!

Knyle Style Sheets

KSS attempts to provide a methodology for writing maintainable, documented CSS within a team. Specifically, KSS is a documentation specification and styleguide format.

Website Style Guide Resources

Real life pattern libraries, code standards documents and content style guides.

Writing better commits

Writing better commits with the better-commits CLI

LearnIng

Practice? Whos talking about Practice

5

Excercism

Develop fluency in 

Learn Javascript.info

I forgot to add a description, sorry!

Devtools

I forgot to add a description, sorry!

Codewars

I forgot to add a description, sorry!

Coderbyte

I forgot to add a description, sorry!