MyTools

Tools for web development
Just bookmarks

Markdown Basic Syntax https://www.markdownguide.org/basic-syntax/

---

Usual tools

• SVG OMG https://jakearchibald.github.io/svgomg/
• URL Encoder for SVG https://yoksel.github.io/url-encoder/
• Fluid Typography Calculator https://royalfig.github.io/fluid-typography-calculator/
• Clamp() Function Calculator https://www.marcbacon.com/tools/clamp-calculator/
• Utopia Fluid Type Scale Calculator https://utopia.fyi/type/calculator/
• TinyJPG https://tinyjpg.com/

SVG

SVG URL Encoder
https://cssunitconverter.vercel.app/tools/svg-url-encoder

SVG to Data URI Converter
https://yoksel.github.io/url-encoder/

SVGOMG - Optimize and minify SVG images
https://svgomg.net/

SVGOMG
https://jakearchibald.github.io/svgomg/

SVG Viewer
https://www.svgviewer.dev/

---

Generators

Utopia

Fluid type scale calculator, Fluid Space Calculator,
Fluid Grid Calculator, Clamp Calculator
https://utopia.fyi/

Fluid Type Calculator

https://royalfig.github.io/fluid-typography-calculator/

Gradient generator

https://www.joshwcomeau.com/gradient-generator/

Icons

All icons in one place
https://icones.js.org/

Iconoir | Free Icons
https://iconoir.com/

---

Image

TinyJPG. Smart WebP, JPEG and PNG compression
https://tinyjpg.com/

---

Fonts

google-webfonts-helper
A Hassle-Free Way to Self-Host Google Fonts
https://gwfh.mranftl.com/fonts
https://github.com/majodev/google-webfonts-helper

---

Lightboxes

PhotoSwipe

JavaScript image gallery and lightbox
https://photoswipe.com/
https://github.com/dimsemenov/photoswipe

VenoBox

Just another Vanilla JS Lightbox plugin, suitable for Images, Videos, Inline contents, iFrames, Ajax requests.
https://veno.es/venobox/
https://github.com/nicolafranchini/VenoBox

GLightbox.

Code name "Gie" A touchable Pure Javascript lightbox with mobile and video support.
https://biati-digital.github.io/glightbox/
https://github.com/biati-digital/glightbox

Chocolat.js

A free lightbox plugin, light, responsive, powerful.
http://chocolat.insipi.de/
https://github.com/nicolas-t/Chocolat

---

Wordpress Themes

Anders Norén Themes
https://github.com/andersnoren?tab=repositories
https://andersnoren.se/teman/

ThemeWagon https://themewagon.com/themes/

---

Online Tools

TinyHelpers https://tiny-helpers.dev/

All Online Tools in “One Box” https://10015.io/

Omatsuri Open source browser tools for everyday use
https://omatsuri.app/
https://github.com/rtivital/Omatsuri
Triangle generator > Color shades generator
Gradient generator > Page dividers
SVG compressor > SVG → JSX
Base64 encoding > Fake data generator
Symbols collection > Lorem ipsum
CSS cursors > Keyboard events codes

---

Documentation

DevDocs
DevDocs combines multiple API documentations in a fast, organized, and searchable interface. https://devdocs.io/
https://github.com/freeCodeCamp/devdocs

QuickRef.ME

JavaScript cheatsheet: https://quickref.me/javascript
**CSS 3 cheatsheet: ** https://quickref.me/css3
**PHP cheatsheet: ** https://quickref.me/php
**Google Search cheatsheet: ** https://quickref.me/google-search

---

Magazine

https://www.smashingmagazine.com/
https://speckyboy.com/
https://www.webdesignerdepot.com/
https://css-tricks.com/
https://www.joshwcomeau.com/css/
https://ishadeed.com/articles/
https://wattenberger.com/

https://set.studio/blog/

Piccalilli
https://piccalil.li/

---