Sources and tools for web development

Link overview of practical resources for getting things done. If you know a very good web development tool to make things easier, too contact us.

Info: All external links open in a new tab.

Character encoding

Color scheme tools

  • Adobe Kuler – create color schemes with the color wheel or browse thousands of color combinations
  • BrandColors – biggest collection of official brand color codes around
  • ColorHexa – free color tool providing information about any color and generating matching color palettes for designs

CSS frameworks

  • Bootstrap – free and open-source front-end web framework for designing websites and web applications
  • Bootstrap Docs – get started with Bootstrap, the world's most popular framework for building responsive, mobile-first sites

Font and icon toolkits

  • Adobe Edge Web Fonts – Edge Web Fonts is a part of Adobe Edge Tools & Services
  • Font Awesome 4.7.0 – font and icon toolkit based on CSS and LESS
  • Font Awesome 5 – new icons, SVG, ligatures, and tons more
  • Font Awesome Animation – simple animations using Font Awesome and some CSS3
  • Google Fonts – making the web more beautiful, fast, and open through great typography
  • Ionicons – premium icon font for Ionic
  • Vector Flag Icons – place 206 national flags of states in membership within the United Nations System just about anywhere with the italic type tag

JavaScript tools

  • clipboard.js – modern approach to copy text to clipboard without Adobe Flash
  • jQuery – fast, small, and feature-rich JavaScript library

Language tools

  • DeepL – neural translation machine
  • Grammarly – grammar tips, correct all grammar errors and enhance writing
  • Hemingway App – makes writing bold and clear
  • MIT OpenCourseWare – language course finder
  • Oxford Dictionaries – the English site provides free access to the largest current English dictionaries and thesaurus as well as helpful tips on grammar, usage, spelling, and more

Online learning programs and courses

  • MIT OpenCourseWare – an initiative of the Massachusetts Institute of Technology (MIT) to put all of the educational materials from its undergraduate – and graduate-level courses online, freely and openly available to anyone, anywhere
  • O'Reilly Media – essential topics and big ideas (e.g. design, software engineering, web programming)
  • Type Terms – the animated typographic cheat sheet

Page speed and validation services

Search engines

  • DuckDuckGo – search engine without tracking
  • StartPage – private way to search Google
  • Qwant – the search engine that respects your privacy

URL shortener

  • ZEISE URL Shortener – sets no cookies and doesn't use web beacons or analogous tracking technologies.

What time is it?

  • Time.is – displays exact, official atomic clock time for any time zone