Development Tools
Development tools for websites.
Development Tutorials
HTML
Validate your websites with: HTML Validator Overview of HTML elements and their properties:
HTML CheatsheetHTMLReference Copy HTML elements/code: HTML Snippets
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
This Is Responsive – Patterns and Resources
Media Queries – Responsive Gallery
CSS Grid
Grid & Frameworks
Learn JavaScript
Minifier/Compressor
JavaScript/CSS/HTML 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
Accessible color palette builder
Discover pre-made colors & color palettes:
Material Design Color Palette Generator
Design color gradients:
Discover gradients
Typo tools
The two largest web font providers: Adobe Fonts
Download Fonts:
Download fonts for free: Fontsquirrel
Typo Inspirations / Galleries:
Lots of inspiration for the use and combination of fonts and typefaces: Typewolf
Discover and compose typography & fonts:
Archetype, Digital Typography Design Tool
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
Provider of licensed images: Adobe Stock
Compress images
Optimizilla – Online Image Сompressor
Kraken.io – Free Online Image Optimizer
Image placeholder:
PlaceIMGFakeimages please?LoremFlickr/ lorempixel Placemat
Other helpful image tools:
Illustration & Icon 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
Download Vector Logos of famous Brands
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
Code
Design & style guide tools
Textures & Patterns Tools
SEO Tools
Text Tools
Writing texts
Placeholder
Characters
Templates & Resources Tools
Templates on the net
Template portals
Freebies & Design Resources
Medialoot – Free Design Resources
PSD / Graphics
Mockups
Website templates
PowerPoint
Glide – Free PowerPoint Template