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.

  • 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 FontAwesome 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 libraries
    • clipboard.js — modern approach to copy text to clipboard without Adobe Flash
    • jQuery — fast, small, and feature-rich JavaScript library
  • Language tools
    • DeepL — neural machine translation
    • 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 and SEO tools
  • What time is it?
    • Time.is — displays exact, official atomic clock time for any time zone