Pure یک کتابخانه CSS سبک و مینیمالیستی است که توسط Yahoo! در سال 2013 طراحی شده است تا استایل های اساسی را برای عناصر رایج HTML مانند تایپوگرافی، فرم ها، جداول و Grids ارائه دهد. در این مقاله به ویژگی ها و مزایای کلیدی Pure و همچنین نحوه استفاده از آن برای ایجاد طراحی های وب زیبا و واکنش گرا می پردازیم.در صورتی که با CSS آشنایی ندارید ، می توانید مقاله سی اس اس چیست؟ را در سایت تکلرن مطالعه نمایید.
مزایای استفاده از Pure چیست؟
یکی از مزایای اصلی Pure حجم کم آن است. حجم کل کتابخانه تنها 4.0 کیلوبایت (مینی شده و gzip شده) است که آن را به یکی از کوچکترین کتابخانه های CSS موجود تبدیل می کند. این بدان معناست که Pure میتواند به سرعت و کارآمد بارگیری شود، حتی در اینترنت های ضعیف، که در نتیجه زمان بارگذاری سریعتری برای صفحات وب شما ایجاد میشود.
یکی دیگر از ویژگی های کلیدی Pure طراحی ماژولار آن است. برخلاف برخی دیگر از کتابخانههای CSS که شامل تعداد زیادی کامپوننت ها و استایل های از پیش ساخته شده است، Pure حول مجموعهای از ماژولهای مجزا ساخته شده است. این به توسعهدهندگان اجازه میدهد تا ماژولهایی را که برای پروژه خاص خود نیاز دارند، انتخاب کنند.
Pure همچنین شامل یک سیستم شبکه واکنشگرا است که می تواند برای ایجاد طرح بندی های انعطاف پذیر و ریسپانسیو استفاده شود. سیستم Grid بر اساس یک طرح 12 ستونی، با کلاسهایی برای ستونهای با اندازههای مختلف (مانند pure-u-1، pure-u-2، pure-u-3، و غیره) است. سیستم شبکه همچنین شامل کلاس هایی برای جابجایی ستون ها و تنظیم عرض ستون ها در نقاط شکست مختلف است.
Pure علاوه بر ماژول های اصلی خود، شامل چندین ماژول الحاقی نیز می شود که می توان از آنها برای گسترش عملکرد آن استفاده کرد. این ماژول ها شامل مجموعه ای از منوهای ناوبری واکنش گرا، مجموعه ای از عناصر فرم ریسپانسیو و مجموعه ای از جداول واکنشگرا هستند. این ماژولهای افزودنی را میتوان برای ایجاد طرحهای وب کاملاً واکنشگرا که در انواع دستگاهها و اندازههای صفحه نمایش به خوبی کار میکنند، استفاده کرد.
» دوره پیشنهادی تکلرن : دوره آموزش رایگان html و css
جمع بندی و نتیجه گیری
به طور کلی، Pure یک کتابخانه CSS کم حجم و همه کاره است که برای طیف گسترده ای از پروژه های توسعه وب مناسب است. اندازه کوچک و طراحی ماژولار آن، استفاده و سفارشی سازی آن را آسان می کند، در حالی که سیستم شبکه واکنشگرا و ماژول های الحاقی آن، انعطاف پذیری لازم برای ایجاد طرح های زیبا و کاربردی وب را فراهم می کند. اگر به دنبال یک کتابخانه CSS ساده و کارآمد هستید که بتواند به شما در ایجاد طراحیهای وب مدرن کمک کند، Pure انتخاب مناسبی برای پروژه شما است!