idotj.com
Design & Web development

Free resources for developers, programmers and designers. This page is a source of inspiration that offers the tools that allowed me to develop all kinds of projects, without having to worry about licenses or registrations.

All the links published here are completely open-source and free for everyone, so please share and if you like it, do not hesitate to donate and contribute to the community.

Web resources

• Openverse
  Free stock photos, images, and audio
• Unsplash
  Free images and pictures.
• Pexels
  Free stock photos and videos.
• Pixbay
  Free images and royalty free stock.
• Reshot
  Free illustrations and icons.
• Vecteezy
  Vectors and cliparts library.
• unDraw
  Illustrations for any idea.
• Stories
  Illustrations for presentations.
• Nice Illustrations
  Free illustrations for website and app design.
• Openclipart
  Vectors and cliparts library.
• Icon Icons
  Vector icons in several formats.
• Subtle patterns
  Textures and patterns in high resolution.
• Paletton
  The color scheme designer.
• Coolors
  Fast color schemes generator.
• Palette generator
  Data Viz color cheatsheets.
• 1001 Free fonts
  Free fonts library.
• Freesound
  Collaborative repository of CC licensed audio samples.
• Fugue
  Royalty free music for your projects.
• Sample Focus
  Free Audio Samples, Sounds, and loops.
• Compressor
  Fast & efficient image compression.
• Squoosh
  Advanced image compression.
• Vecta nano
  Best SVG compressor.
• Interfacer
  Photos, videos, illustrations, icons, mockups, and more...
• Nodesign.dev
  A collection of tools for developers who have little to no artistic talent.

Open-source Apps

• Opensource Builders
  Find Open-source alternatives for your favorite apps.
• Krita
  Editor designed primarily for digital painting and 2D animation.
• Penpot
  Web based prototyping and design solution.
• Inkscape
  Vector graphics editor used to create vector images, primarily in SVG.
• Blender
  3D computer graphics software toolset for multiple purposes.
• Diagrams
  Create flowcharts, cross-functional or sequence diagrams.
• FontForge
  Font editor which supports many common font formats.
• Birdfont
  Font editor for TTF, OTF and SVG formats.
• VSCodium
  Open Source Software Binaries of Visual Studio Code.
• Notepad++
  Source code editor and Notepad replacement that supports several languages.
• Processing
  Graphical library and integrated development environment.
• Audacity
  Digital audio editor and recording application.

Open-source CMS and Frameworks

• Drupal
  Web content management framework written in PHP.
• Wordpress
  Web content management system written in PHP.
• Angular
  TypeScript-based web application framework.
• VueJS
  JavaScript framework for building user interfaces and single-page applications.

Front-end libraries

• Bootstrap
  CSS framework directed at responsive, mobile-first front-end web development.
• Tailwind CSS
  Utility-first CSS framework for rapidly building custom designs.
• Foundation
  A responsive front-end framework.
• Bulma
  Lightweight CSS framework based on Flexbox.
• Material Angular
  Material Design components for Angular.
• Material UI
  Material Design components for React.
• Ant Design
  The world's second most popular React UI framework.

Website metrics and performance

• W3C validator (HTML)
  Check the markup validity of your webpage.
• PageSpeed Insights
  Analyze and optimize your website thanks to useful suggestions.
• SSL Labs
  Perform a deep analysis of the configuration of your SSL web server.
• Security Headers
  Quickly and easily assess the security of your HTTP response headers.
• WAVE
  Evaluate web accessibility analyzing some of the most relevant WCAG criteria.
• Kastor
  Analyze your site's eco-design and accessibility (RGAA).
• Carbon calculator
  Estimate your web page carbon footprint.