فیت شدن خودکار متن با فیتی!

سلام به همه. امیدوارم حالتون خوب باشه؛ این اولین مطلبی هست که بعد از سالها که از دوران بلاگ نویسیم میگذره دارم روی وبسایت عالی ویرگول منتشر میکنم که همین سادگیش باعث شد این کار رو بکنم و امیدوارم ادامه پیدا کنه و حوصله سابق برگرده :))

با کتابخانه یک کیلوبایتی! fitty از طریق این توئیت آشنا شدم و چون دیدم خیلی ساده و کاربردی هست گفتم اینجا معرفیش کنم.

کار فیتی اینه که متن نوشته شده توی صفحات وب رو بر اساس طول کنتینر والد (Parent Container) و تعداد کاراکترهای نوشته شده بصورت اتوماتیک فیت میکنه. چیزی که برای طراحی صفحات در وبسایتهای واکنشگرا (Responsive) خیلی خیلی به دردبخور خواهد بود.

آدرس فیتی روی گیتهاب اینه: https://github.com/rikschennink/fitty

دموی طرز کار فیتی هم اینجاست: https://rikschennink.github.io/fitty

نحوه استفاده هم به این شکل هستش:

<div id="my-element">Hello World</div>
<script src="fitty.min.js"></script>
<script>
    fitty('#my-element');
</script>

توضیحات تکمیلی در مورد سایر امکانات و تنظیمات و نحوه نصب هم توی آدرس گیتهاب موجوده؛

امیدوارم به دردتون بخوره. شاد باشید