https://github.com/darekkay/dev-tools

Developer tools
https://github.com/darekkay/dev-tools

cheatsheet css web-development

Last synced: 27 days ago
JSON representation

Developer tools

• Host: GitHub
• URL: https://github.com/darekkay/dev-tools
• Owner: darekkay
• License: mit
• Created: 2018-09-24T19:55:33.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-11-05T09:55:40.000Z (over 1 year ago)
• Last Synced: 2025-02-28T13:33:34.347Z (about 2 months ago)
• Topics: cheatsheet, css, web-development
• Language: HTML
• Homepage: https://darekkay.com/dev
• Size: 476 KB
• Stars: 32
• Watchers: 4
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• jimsghstars - darekkay/dev-tools - Developer tools (HTML)

README

        
# Developer Tools

A collection of small tools and utilities for software developers.

## Flexbox Cheatsheet

A graphical overview of the [CSS Flexible Box Layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout) properties. It is optimized to be printed on a single landscape format paper.

Based on [CSS Cheats](https://github.com/sakamies/css-cheats) by @sakamies.

- [Live Demo](https://darekkay.com/flexbox-cheatsheet/)

![Flexbox Cheatsheet](src/assets/img/preview-flexbox-cheatsheet.png)

## Color Tools

A simple color converter and visualizer.

Inspired by [Contrast Ratio](https://contrast-ratio.com/) and [Colorrrs](https://www.webpagefx.com/web-design/hex-to-rgb/).

- [Live Demo](https://darekkay.com/dev/color-tools.html)

![Color Tools](src/assets/img/preview-color-tools.png)

## License

Copyright 2020 Darek Kay 

This project and its contents are open source under the [MIT license](LICENSE).