Making your own website from scratch

Design
Verwalten und Betrachten von Fonts
Die hier kurz vorgestellten Apps liegen dem Autor entweder als Testversion oder mit erworbener Lizenz vor. Das Hauptkriterium zur Auswahl war eine aktive Entwicklung der Programme.
Magic Eraser - Remove unwanted things from images in seconds
Upload an image, mark the bit you need removed, download the fixed up image.
Free to use. No signup required.
Styledown
Markdown-based styleguide generator
color-contrast()
Before color-contrast(), stylesheet authors needed to know accessible colors ahead of time. Often a palette would show black or white text on a color swatch, to indicate to a user of the color system which text color would be needed to properly contrast with that swatch.
Smashing Magazine 🇺🇦 on Twitter
If you are interested in design patterns, UX and lovely little websites, Vitaly has just launched a lil' Telegram channel for things like that: https://t.co/ku6qrqodV8 — happy joining :)— Smashing Magazine 🇺🇦 (@smashingmag) July 18, 2022
SVG passthrough precision
Making Mermaid Diagrams in Markdown | CSS-Tricks
Going cyberpunk and riding the vaporware: A look at retrofuturism
WP Accessibility Plugin
WP Accessibility fixes common accessibility issues in your WordPress site.
WordPress Accessibility Handbook
In this Make WordPress Accessibility Handbook you will learn what the best practices are for web accessibility, the many great accessibility tools, the testing we do to improve WordPress, themes, a…
Eine barrierefreie WordPress-Website gestalten
Eine barrierefreie WordPress-Website zu erstellen ist einfacher als man denkt. Es sind nur wenige Regeln zu beachten, die wir euch hier erläutern.
Roman Shamin 💙💛 on Twitter
Hey, designers and developers, does anyone use fractional font sizes in your designs?No? Read further to know how one simple trick can make your text look sharper, help with paddings, and perhaps even become an essential part of your design system.#ui #ux #uiux #typography pic.twitter.com/avSCmOCL7r— Roman Shamin 💙💛 (@romanshamin_en) July 12, 2022
5 UX Improvements That Could Save Lives
Layouts: Every Layout
Figma is using dark patterns to charge you more.
Are you being tricked and overcharged by them too?
Stop Using the Old “Clearfix” · Jens Oliver Meiert
I had thought the old method of clearing through .clearfix:after { clear: both; content: ''; } long dead, but then I spotted it quite alive and even being taught to developers.
An Accessibility-First Approach To Chart Visual Design
In this article, we will explore how an accessibility-first approach can lead you down the path of creating a better visual design for charts. Throughout the article, you’ll learn to use the Web Content Accessibility Standards and how this approach leadd to an unexpected yet better outcome for everyone.
3 Tactics for better designer-developer collaboration
There’s a common misconception that a designer’s work is done when all screens have been designed. When it happens, only half of the work…
TetraLogical on Twitter
Ever wondered how a screen reader user accesses the web?Follow @LeonieWatson and @brucel as they go exploring and share their findings from a range of websites for @smashingmag.https://t.co/y4HR20tIaG— TetraLogical (@TetraLogical) July 7, 2022
JavaScript Bookmarklets for Accessibility Testing
Text-overflow: ellipsis considered harmful
Releasing Color.js: A library that takes color seriously – Lea Verou
Thoughts on an Accessibility “Get Well” Plan
Have you wondered how to anchor accessibility in an engineering team, one that isn’t yet producing accessible sites or apps? Some options to start with, for further refinement and discussion.
Designing the perfect button
Everything you need to know about what makes a button great.
Bunny Fonts
… an open-source, privacy-first web font platform designed to put privacy back into the internet.
With a zero-tracking and no-logging policy, Bunny Fonts helps you stay fully GDPR compliant and puts your user's personal data into their own hands.
Monika Gause on Twitter
5 of the #illustrator text tools are redundant. Watch my video and save mouse kilometers (or miles)https://t.co/8GAUwlAIKF#tutorial #howto #text pic.twitter.com/QOIq1PV3oc— Monika Gause (@Vektorgarten) June 28, 2022
Monika Gause on Twitter
Wie Ihr in #Illustrator die Schwellen von Eisenbahnschienen so zeichnen könnt, dass sie nicht verzerrt werden (und das Ganze trotzdem effizient über die Bühne geht) https://t.co/ViDh9jLsB5 #tutorial #plan #aufsicht— Monika Gause (@Vektorgarten) June 28, 2022
Animated spinner in Adobe XD
Style Queries
Exploring when and how you would use style queries in your day-to-day work. | on Una Kravets' Blog