⮠ back

resource links

this page contains a collection of links to resources and tools, for creative web development and graphic design.



Quick navigation links

Learning HTML/CSS/JS

  • MDN Web Docs (HTML/CSS/JS references and guides)
  • Has detailed information about nearly every HTML & CSS element. Has information about each elements' browser compatibility.

    MDN also hosts some CSS tools/generators, which are perfectionated cause it's made specifically for web developers:
    color picker + opacity _ box shadow generator _ border image generator _ border radius generator
  • W3Schools (HTML/CSS/JS references and guides)
  • I see this as alternative to MDN Web Docs. It has less depth, but maybe that makes it more beginner-friendly?

Web-dev tools and generators

  • ...

Graphic design & art tools

  • Ezgif.com (Online GIF frames editor, optimizer, and file converter)
  • It has various tools such as file format converters, editing the frames of a GIF, optimizing files, cropping and resizing files, adding simple visual effects, rotate images, etc etc.
  • pookatoo.com (glittery-fantasy fonts as text GIFs)
  • Has cool overstylized old-web type of fonts. It's saved in GIF format, and it lets you choose between sizes and some visual effects.
    I used the "swamp thing" font for my homepage.

Ready-to-use resources