Development tools for websites.
Development Tutorials
Codrops
Codepen
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
CSS3 generator
CSS Button Generator
Button Generator
Gradient Editor
CSS animations/effects
Use animations
Animista
CSS Effects Snippets
Easing Functions Cheat Sheet
Responsive web design
This Is Responsive – Patterns and Resources
Media Queries – Responsive Gallery
Responsive navigation
CSS Grid
cssgr.id
CSS Grid Generator
Griddy
Gridley
Grid & Frameworks
Bootstrap
Foundation
Pure CSS
Grid Calculator
Responsive grid system
Get UI Kit
Learn JavaScript
JavaScript in 14 minutes
Minifier/Compressor
HTML Minifier
Minifier
JavaScript/CSS/HTML Compressor
JavaScript Compressor
Code Compressor
CSS Compressor
Test Gzip compression
Pagespeed/Performance
Pingdom
Pagespeed Insights
Webpage test
Pagespeed
caniuse.com Web Design Cheat Sheets browsershots.org
webbkoll.dataskydd.net/en
Everything that concerns colors.
Design color palettes:
ColorHexa
Colormind
Colordot
Adobe Color Create
Colors interactor
Color code
ColorMe
Coolors.co
Color Thief
Accessibility / Barrier-free access
Check colors for accessibility: Contrast Ratio
Accessibility – Test
WAVE Web Accessibility Evaluation Tool
Color.review
Accessible color palette builder
Randoma11y
Color Safe
Contrast Checker
Discover pre-made colors & color palettes:
Colorhunt
Adobe Color Explore
Design Seeds
Multicolr Search
Web Color Data
Coolors.co Explore
Material Design Color Palette Generator
Material Design Colors
Tilda Colors
Colordrop
Picular.co
Design color gradients:
shade
Blend
CSS Colour Gradients
CSS Gradient
Discover gradients
Grabient
The two largest web font providers: Adobe Fonts
Google Fonts
Download Fonts:
Download fonts for free: Fontsquirrel
Download Fonts
DaFont
Fonts.com
Typo Inspirations / Galleries:
Lots of inspiration for the use and combination of fonts and typefaces: Typewolf
Type.io
The web is typography
Discover and compose typography & fonts:
Font pairing
Archetype, Digital Typography Design Tool
FontCDN
TypeWonder
Canva Font Combinations
FontPair
Special typo characters:
¿©hara¢ter(s)!
CopyPasteCharacter
CSS Font Stack
Font Squirrel
Wordmark.it
WhatTheFont
PXtoEM
Pools & tools for image processing.
Free image sources:
Overview of providers of license-free photos: Unsplash
Stock Up
Pixabay
StockSnap.io/
Pexels
Visualhunt
Piqsels
Imagefinder
Free Nature Stock
New Old Stock
Picjumbo
ISO Republic
Negative Space
Gratisography
DesignersPics
FoodiesFeed
Mazwai
Jeshoots
Picography
Magdeleine
Littlevisuals
Splitshire
IM Free
Paid image/stock agencies
Provider of licensed images: Adobe Stock
Photocase
Alamy
iStock
Shutterstock
123RF
Depositphotos
Compress images
TinyPNG
Optimizilla – Online Image Сompressor
Kraken.io – Free Online Image Optimizer
Compress JPEG
JPEGmini
Shortpixel – Image Compressor
Image placeholder:
PlaceIMGFakeimages please?LoremFlickr/ lorempixel Placemat
Cool Backgrounds
remove.bg
Icon galleries
Lots of icon templates, inspiration and download options: FlatIcon
Icons8
IconSVG
Iconate
GlyphSearch
The Noun Project
SVG Icons
Unicons icons
Feather Icons
IonIcons
Icon Monstr
Filda Free Icons
Illustrations downloads
Beautiful illustrations as templates and download: Ouch – Free Vector Illustrations
unDraw Illustrations
Illustration Gallery
Free Illustrations
Fresh folk
Iconfonts
Font Awesome
Streamline Icons
Avatars/UI Faces
UI Faces
Personas Avatar Generator
Get Avataaars
Generated Photos
SVG
SVG Fuel
Get Waves
Blobmaker
Logos
Download Vector Logos of famous Brands
Showcases & Galleries
Good examples.
Websites
Siteinspire
Awwwards
httpster.net/
CSS Winner
The Best Designs
Designmunk
UIJar
Minimal Gallery
The Gallery
SiteSee
Interfaces.pro
Mediaqueri.es/
Typo
Typewolf
Type.io/
Landing pages
Land Book
Lapa ninja
OnePageLove
Portfolios
BestFolios
E-commerce
ecomm.design
Wireframes
WireframeShowcase
Emails
Email Gallery
HTMl Email Designs
Really Goode Mails
User Interfaces (UI)
uisources
pttrns
collectUI
UIMovement
Little Big Details
Inspiration Pages & Tools
Get impressions of other projects.
Inspiration portals
Behance
Dribbble
Pinterest
Niice
TheInspirationGrid
Brandings
Branding Journal
Graphic design / Logo
Logobook
Code
Pattern Lab
Style Tiles
Website Style Guide Resources
Stylifyme
Frontify
Textures & Patterns Tools
Subtlepatterns
The Pattern Library
TextureKing
Seamless Pattern Maker
Hero Patterns
Google SERP Simulator
Keywordtool
W questions tool
Ubersuggest
Text Tools
Writing texts
BlaBlaMeter
Online spell checker
Online proofreader
How do you say?
Text analysis
Placeholder
Meet the Ipsums
Dummy text generator
Characters
Get Emoji
Emojipedia
Copychar
HTML special characters
Templates on the net
Template portals
Themeforest
Creativemarket
Pixeden
Graphicpear
inkd
Freebies & Design Resources
Freebiesbug
UIspace
Pixeden – Free Graphics
Medialoot – Free Design Resources
Pixelbuddh Freebies
Freepik
Pixelify
Graphic burger
PSD / Graphics
PSD Repo
Free Design Resources
Mockups
Lstore Graphics
Mr. Mockup.com – Freebies
Mockup Hunt
Mockups design
PlaceIt
Mockup Zone
Mockup Photos
Original mockups
Website templates
HTML5 Up
One Page Love – Templates
PowerPoint
Glide – Free PowerPoint Template
Graphics & image editing in the browser
Canva
Fotor
Pixlr
Helpful software
Shortcuts design
smallPDF
Password generator
Mail to Link
Paper Sizes
Convert files
Cloud Convert
Free file Convert
Online Convert
PDF Resizer
Pexels videos
Coverr
Videezy
Videvo
Vidsplay
Mixkit
Privacy GeneratorAnalyze | Webbkoll