Kuratierte und unvollständige Liste mit hilfreichen Links über Webdesign.

Tipps & Regeln

Visual design rules you can safely follow every time
https://anthonyhobday.com/sideprojects/saferules/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=34684761

The Button Cheat Sheet
https://www.buttoncheatsheet.com/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=27276547

Principles for Better Design
https://reflexio.debec.eu/principles-for-better-design
Diskutiert auf HN:
https://news.ycombinator.com/item?id=24388753

How to pick more beautiful colors for your data visualizations – Common color mistakes and how to avoid them
https://blog.datawrapper.de/beautifulcolors/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=24391049

Smarter Link Underlines For Every Website
https://eager.io/blog/smarter-link-underlines/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=8587078

Front-End Handbook – The resources and tools for learning about the practice of front-end development
https://github.com/FrontendMasters/front-end-handbook

Tricks

Glitch effect on text in pure css
https://dustri.org/b/glitch-effect-on-text-in-pure-css.html

Glassmorphism CSS Generator
https://ui.glass/generator/

Designing Beautiful Shadows in CSS
https://www.joshwcomeau.com/css/designing-shadows/

Better Box Shadows
https://web.archive.org/web/20200520041603/https://uglyduck.ca/better-box-shadows/

pattern.css – CSS only library to fill your empty background with beautiful patterns
https://github.com/bansal/pattern.css
Diskutiert auf HN:
https://news.ycombinator.com/item?id=22933697

Magic Effects
https://www.minimamente.com/project/magic/

CSShake – Some CSS classes to move your DOM!
https://github.com/elrumordelaluz/csshake

Hint.css – A pure CSS tooltip library for your lovely websites
https://kushagra.dev/lab/hint/

A collection of CSS3 powered hover effects
https://github.com/IanLunn/Hover

CSS library for Instagram filters
https://github.com/una/CSSgram

All Animation CSS – Set of nice and crazy css animations
https://github.com/all-animation/all-animation

Line Menu Styles – An open collection of menu styles that use the line as a creative design element
https://github.com/codrops/LineMenuStyles

Assets Galleries

*Neu 2024-09-11: CSS Hintergründe
https://css-pattern.com

*Neu 2024-09-11: CSS Formen
https://css-shape.com

*Neu 2024-09-11: CSS Transparente Texturen
https://www.transparenttextures.com
Diskutiert auf HN:
https://news.ycombinator.com/item?id=41490147

Gradient Magic – A Free Gallery of Fantastic and Unique CSS Gradients
https://www.gradientmagic.com/

Open by Design – Free & Open Source Design Assets
http://www.openby.design/

manypixels – Free to use clip art & vector images
https://www.manypixels.co/gallery/

undraw – Illustrations
https://undraw.co/illustrations

VectorStock – Royalty Free Vector Images
https://www.vectorstock.com/

Farben

How to pick more beautiful colors for your data visualizations – Common color mistakes and how to avoid them
Siehe oben

Adobe Color – Farbpalettengenerator und mehr
https://color.adobe.com

Colorbook – Hex to CMYK conversion, color scheme management and a whole lot more
https://www.colorbook.io
Zum Beispiel:
https://www.colorbook.io/hexcolors/view/f07206

Colour Lovers – Share Your Color Ideas & Inspiration.
https://www.colourlovers.com/

Pallete List – Pick 2 colors to generate your palettes
https://www.palettelist.com/

Icons

Heroicons
https://heroicons.dev/

Twitter Bootstrap Icons
https://github.com/twbs/icons

Lucide Icons
https://lucide.dev/

Noun Project
https://thenounproject.com/icons/

ICONSVG – Quick customizable icons for your projects
https://iconsvg.xyz/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=19216428

Weather Icons – Weather Themed Icons and CSS
https://github.com/erikflowers/weather-icons

Material Design icons by Google
https://github.com/google/material-design-icons

Further Readings

spark-joy – 2000+ ways to add design flair, user delight, and whimsy to your product.
https://github.com/sw-yx/spark-joy

Inspire – Collection of frontend dev and web design links
https://github.com/noahbuscher/inspire

A curated list of awesome resources for digital designers.
https://github.com/nicolesaidy/awesome-web-design

Screenlane – The latest mobile UI design inspiration in your inbox every week
https://screenlane.com/

UI Design Daily
https://uidesigndaily.com/

Web Design Museum
https://www.webdesignmuseum.org/
Diskutiert auf HN:
https://news.ycombinator.com/item?id=34675360