https://github.com/max-bulygin/frontend-tools

⭐️ Collection of my favorite frontend tools
https://github.com/max-bulygin/frontend-tools

favorites frontend tools

Last synced: 3 months ago
JSON representation

⭐️ Collection of my favorite frontend tools

• Host: GitHub
• URL: https://github.com/max-bulygin/frontend-tools
• Owner: max-bulygin
• Created: 2017-12-26T23:33:04.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-14T12:16:19.000Z (over 6 years ago)
• Last Synced: 2024-04-29T12:32:38.951Z (7 months ago)
• Topics: favorites, frontend, tools
• Homepage:
• Size: 11.7 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• jimsghstars - max-bulygin/frontend-tools - ⭐️ Collection of my favorite frontend tools (Others)

README

        
# frontend-tools

Collection of my favorite frontend tools and helpers

## online tools

* [Cuttle](https://www.ofcodeandcolor.com/cuttle/) - suggest suitable functions to transform one color to another;

* [CSS Gradient Generator](http://www.cssportal.com/css-gradient-generator/) - easy to use gradient generator;

* [Unicode Table Characters](https://unicode-table.com/en/sets/) - find unicode symbols easely;

* [Clippy](http://bennettfeely.com/clippy/) - css clip-path maker;

* [ccs2sass](https://css2sass.herokuapp.com) - CSS to SASS/SCSS converter;

* [Favicon Generator](https://realfavicongenerator.net) - check and generate favicon and app icons;

* [TinyPNG](https://tinypng.com) - best image compressor;

* [myDevice.io](https://mydevice.io) - screen metrics, pixel density, browser features of current device;

* [brand-colors.com](http://brand-colors.com) - find any brand color. Can be imported into project as variables for preprocessors;

* [SVGOMG](https://jakearchibald.github.io/svgomg/) - SVG optimizer based on SVGO with GUI;

* [SVG Optimizer](http://petercollingridge.appspot.com/svg-optimiser) - SVG optimiser by Peter Collingridge;

* [Sassmeister](https://www.sassmeister.com) - SASS playground and syntax converter;

## ui elements

* [Sweet Alert](https://sweetalert.js.org/) - no-jQuery alternative to standart alert message;

* [cssarrowplease](http://www.cssarrowplease.com) - generate arrows with border;

* [hamburgers](https://jonsuh.com/hamburgers/) - collection of cool hamburger menu toggles;

* [iziModal](http://izimodal.marcelodolce.com) - elegant, responsive, flexible and lightweight modal plugin with jQuery

* [jquery-modal](http://jquerymodal.com) - simple, but powerful modal plugin with jQuery

## useful articles

* [Using svg as data URIs](https://codepen.io/tigt/post/optimizing-svgs-in-data-uris);

* [Mobile Input Types](http://mobileinputtypes.com)

* [SVG practical guide](https://svgontheweb.com)