Web Design | Tools & Resources
Validate your websites with: HTML Validator Overview of HTML elements and their properties: HTML CheatsheetHTML Reference Copy HTML elements/code: HTML Snippets
Development Tools
Development tools for websites.
Development Tutorials
HTML
HTML Ipsum Encode special characters in HTML: HTML special characters A Flexbox generator: Flexy Boxes
CSS
Optical formatting with CSS. Validate your CSS code: CSS Validator Overview of CSS elements and properties: CSS Reference CSS Reference The page for CSS prefixes: Should i prefix Extracts CSS code from HTML code: Extract CSS
CSS3 generators
CSS animations/effects
Responsive web design
CSS Grid
Grid & Frameworks
Learn JavaScript
Minifier/Compressor
Pagespeed/Performance
Other helpful development tools:
caniuse.com Web Design Cheat Sheets browsershots.org
Colors Tools
Everything that concerns colors.
Design color palettes:
Accessibility / Barrier-free access
Check colors for accessibility: Contrast Ratio
WAVE Web Accessibility Evaluation Tool
Discover pre-made colors & color palettes:
Design color gradients:
Discover gradients
Typo tools
The two largest web font providers: Adobe Fonts
Download Fonts:
Typo Inspirations / Galleries:
Lots of inspiration for the use and combination of fonts and typefaces: Typewolf
Discover and compose typography & fonts:
Special typo characters:
Other helpful typo tools:
Image & Photo Tools
Pools & tools for image processing.
Free image sources:
Overview of providers of license-free photos: Unsplash
Paid image/stock agencies
Compress images
Image placeholder:
PlaceIMGFakeimages please?LoremFlickr/ lorempixel Placemat
Other helpful image tools:
Icon galleries
Lots of icon templates, inspiration and download options: FlatIcon
Illustrations downloads
Beautiful illustrations as templates and download: Ouch – Free Vector Illustrations
Iconfonts
Avatars/UI Faces
SVG
Logos
Showcases & Galleries
Good examples.
Websites
Typo
Landing pages
One-pager
Portfolios
E-commerce
Wireframes
Emails
User Interfaces (UI)
Inspiration Pages & Tools
Get impressions of other projects.
Inspiration portals
Brandings
Graphic design / Logo
Design & style guide tools
Textures & Patterns Tools
SEO Tools
Writing texts
Characters
Templates & Resources Tools
Templates on the net