search

jamdotdev / jam-dev-utilities

Lightweight utils set - fast and open-source. It's got cmd+k search & everything's client-side. No ads, your data stays local.
https://jam.dev/utilities
GNU General Public License v3.0
248 stars 26 forks source link

[Feature] - CSS Units Converter #50

Closed franciscoaiolfi closed 2 months ago

franciscoaiolfi commented 2 months ago

Hi Everyone!!

This PR introduces a new CSS Units Converter page to our application, providing a tool to convert various CSS units. This enhancement aims to improve developers' efficiency when working with responsive designs and unit conversions.

Key Changes

  1. Conversion Functions:

    • Implemented functions for converting between px, rem, vw, vh, vmin, and vmax.
    • Added logic to handle conversions requiring container dimensions.

  2. New Page Component:

    • Created a user interface for inputting values, selecting units, and displaying conversion results.
    • Included input validation and copy-to-clipboard functionality.

  3. SEO Content Component:

    • Added a content component explaining the purpose and usage of the CSS Units Converter, improving the tool's accessibility and user guidance.

  4. Test Suite:

    • Developed tests to ensure the accuracy and reliability of the conversion functions.

Benefits

- Developer Efficiency: Simplifies CSS unit conversions, aiding responsive design and consistent unit management.

Documentation Update

- Updated the README to include the new CSS Units Converter with a direct link to the tool.
peckz commented 2 months ago

@franciscoaiolfi Thank you! I'm on vacation until 9th September, after that I'm going to have a look!

franciscoaiolfi commented 2 months ago

@franciscoaiolfi Thank you! I'm on vacation until 9th September, after that I'm going to have a look!

@peckz Enjoy your vacation and have a restful break! 🌴

peckz commented 2 months ago

@franciscoaiolfi This looks very good! I left few comments, most of them are UI look and feel!

Also once small thing, I noticed once I delete input value the result stays. Let's clear result if input value is empty.

https://github.com/user-attachments/assets/69501437-8734-4cf4-affa-8d2dde83adaa

franciscoaiolfi commented 2 months ago

@peckz Hey, I saw your observations here, during the night I will be making the corrections mentioned. Thank you for your considerations.

franciscoaiolfi commented 2 months ago

Whats up @peckz!! I’ve made the requested changes, including adding a handleInputChange to handle input clearing. I’m available for any further feedback or questions.

peckz commented 2 months ago

@franciscoaiolfi Thank you! Welcome to contributors list! 🎉

danigrant commented 1 month ago

This is so awesome @franciscoaiolfi!! Such a great tool, we love it! Thanks for creating it!

Can we send you a Jam hat? Let me know your mailing address (I'm dani@jam.dev) and one will be on its way! 🧢