Meine Tools

Visual Design

THE 2017 ANNUAL Design Tools Survey

Online Photoshop alternative 2018: photo editing in your browser

Sketch
Professional digital design for Mac
5 Reasons Why I Left Photoshop for Sketch

Adobe XD
Neue faszinierende Komplettlösung für UX/UI-Design aus dem Hause Adobe

Adobe Creative Cloud

Snagit
Simple, Powerful Screen Capture Software and Screen Recorder

Evernote
Dein virtuelles Gedächtnis

Capture One
Professionelle Bildsoftware – ersetzt bei mir Lightroom

Sip
Collect, organize & share your colors

Mac OS

TypeIt4Me
Create shortcuts that expand to longer words, phrases or pictures

f.lux
f.lux makes the color of your computer’s display adapt to the time of day, warm at night and like sunlight during the day

Alfred
Productivity App for Mac OS X

Inspiration

Good read

Codrops Collective
Latest news and resources from the web design & web development community

Smashing Magazine
Useful tips and valuable resources

Dr.Web
Zentrale Anlaufstelle für alle Webworker

Freie Fotos

Fotoagenturen

Freebies

freebbble
Freebies made by Dribbble users

freebiesbug
Hand-picked resources for web designer and developers, constantly updated

freepik
Find Free Vectors, PSD, Icons and photos

Collaboration

Mindmeister
Kollaboratives Mind Mapping

InVision
Simple Design Collaboration & Feedback

Frontify
Brand Management Platform

Zeplin
Collaboration tool between designers and developers – will ich mal testen

Confluence
Content Collaboration-Software

Jira
Entwicklungstool für agile Teams

Trello
Projektverwaltung mit Boards & Karten

Slack
It’s the foundation for teamwork

UX∙UI∙Usability

Typografie

Typetester
WYSIWYG web typography editor

Typecast
Im Browser mit Web-Fonts und echten Inhalten designen

PXtoEM.com
PX to EM conversion made simple

Typewolf
Web Fonts in the Wild, Font Recommendations & Resources

TYP.IO
Schriftpaare finden und Inspiration

Google Fonts
Googles freie Webfonts

Fontsquirrel
Free quality fonts for commercial work & Webfont Generator

Font style matcher
Try to match the fallback font and the intended webfont’s x-heights and widths

fontplop
OSX/macOS application which takes ttf and otf files and outputs a webfont bundle: woff2, woff, tff, svg, and eot.

Icons

Noun Project
Creating, Sharing and Celebrating the World’s Visual Language

Unicode Characters
You don’t need to use images, SVGs or Fonts for icons!

CSS ICON animate
CSS Icons mit und ohne Animation

flaticon
Free Vector Icons

iconfinder
Free & Premium Icons

we love icon fonts

font awesome

Pe-icon-7-stroke

Farben

colorhexa
Color encyclopedia : Information and conversion

Adobe color wheel
Color scheme finder

colordot
A color picker for humans

coolors
Color schemes generator

colourco
Color scheme finder

Web Development

Bootstrap
Open source framework for developing with HTML, CSS, and JS

ATOM
A hackable text editor for the 21st Century

Prepros
Compile Sass, Less, Stylus, Jade, CoffeeScript on Mac, Windows & Linux with Live Browser Reload

Dash
API Documentation Browser and Code Snippet Manager

MAMP
Vollwertige lokale Serverumgebung

hostNET
Hosting made in Germany

CSS

can i use
Browser support tables for modern web technologies

W3C Markup Validation Service

W3C CSS Validation Service

web developer checklist

whats my browser

browsershots
Check Browser Compatibility, Cross Platform Browser Test

codyhouse
A free library of HTML, CSS, JS nuggets

codepen
A social development environment for front-end designers and developers

loremflickr
Free placeholder images for every case

Responsive

Sizzy
A tool for developing responsive websites crazy-fast

Responsive Resources

Media Queries
Collection of Responsive Websites

Screen Sizes

Viewport Sizes

CSS

Accessibility

WordPress

What WordPress Theme Is That
WordPress Theme Detector

WPThemeDetector
WordPress Theme Detector

Built With
Find out what websites are Built With

Weitere Tools & Ressourcen