Topcoat یک فریمورک سبک و سریع CSS

گردآوری و تالیف : عرفان کاکایی
تاریخ انتشار : 11 تیر 1397
دسته بندی ها : css

در هنگام انتخاب یک فریم‌وورک Frontend، معمولا اول به ظاهر آن دقت می‌کنید. البته ظاهر مهم هم هست!

اما کارایی وبسایت شما، دقیقا به اندازه طراحی آن برای کاربردی بودنش حیاتی است. برای بسیار از فریم‌وورک‌ها مثل Bootstrap، فقط می‌توانید کارایی یا طراحی را انتخاب کنید؛ به ندرت دیده می‌شود که هر دو انتخاب شوند.

Topcoat متفاوت است. این فریم‌وورک با در نظر داشتن کاربردی بودن طراحی شده است، در حالیکه شدیدا بر روی کارایی نیز متمرکز است. در واقع، Topcoat در زمینه کارایی آزمایش شده است و هر کامپوننت از آزمایشاتی در زمینه سرعت می‌گذرد تا بهترین زمان بارگذاری تضمین شود.

Topcoat یک فریم‌وورک سبک و سریع CSS

نکته جالب درباره Topcoat این است که بیش از حد سبک یا معمولی نیز به نظر نمی‌آید.

هنوز هم به کتابخانه بزرگی از کامپوننت‌ها از دکمه‌ها گرفته تا تب‌ها، چک باکس‌ها، فرم‌ها و سوئیچ‌های روشن و خاموش دسترسی دارید.

این کتابخانه به همراه یک فایل CSS و JS می‌آید که می‌توانید در هنگام کار، در صفحه خود قرار دهید. چیز پیچیده‌ای وجود ندارد؛ حداقل قعطا از Bootstrap پیچیده تر نیست.

البته کتابخانه کامپوننت‌های این فریم‌وورک ممکن است کوچک تر از کتابخانه Bootstrap به نظر برسد و در جهت سبک‌تر بودن طراحی شده است. گرچه، ساختار صفحات بسیار عالی است، که باعث می‌شود Topcoat یک فریم‌وورک خوب برای وبسایت‌هایی شود که بیشتر سرعت را مد نظر دارند.

Topcoat از قراردادهای نامگذاری BEM استفاده می‌کند؛ یکی از معروف‌ترین استایل‌های کدنویسی CSS که برای سازماندهی کدهای شما ساخته شده است. اگر می‌خواهید Stylesheetهای Topcoat را گسترش دهید، ممکن است یاد گرفتن این فریم‌وورک سخت باشد، اما فراید کدنویسی شما را به مقدار قابل توجهی پاکسازی می‌کند.

به علاوه، با استفاده از Topcoat، دسترسی کامل به فایل‌های PSD آنها برای مواقعی که می‌خواهید کامپوننتی از صفحه خود را ویرایش کنید، دارید.

هر چیزی از استایل‌های سفارشی گرفته تا مجموعه آیکون‌های سفارشی، به همراه Topcoat وجود دارد. این فریم‌وورک، مرتب‌ترین فریم‌وورک Frontend است که توجه خاصی بر روی کارایی دارد.

Topcoat یک فریم‌وورک سبک و سریع CSS

برای اطلاعات بیشتر، به وبسایت Topcoat سری بزنید و همچنین صفحه گیت‌هاب آن را نیز بررسی کنید تا نحوه نصب و لینک دانلود آن را ببینید.

منبع

مقالات پیشنهادی

۱۰ فریمورک سبک CSS برای یک شروع سریع

استفاده کردن از یک فریمورک رسپانسیو سی اس اس مناسب می تواند در شروع پروژه جدید طراحی وب به شما کمک کند. خب فریمورک های زیادی وجود دارند مثل بوت استرپ،...

یک فریمورک ماژولار برای Css

در این مقاله قصد دارم یک فریمورک ماژولار برای CSS با نام BlazeCSS رو به شما معرفی کنم که کاملا Open source است . این فریمورک این قابلیت را به شما میده...

Bulma فریمورک مدرن css بر پایه Flexbox

Bulma یک فریم ورک مدرن css است که بر اساس Flexbox ایجاد شده . این فریمورک دارای gird بندی عالی و کاربردیه و همچنین ظاهری مدرن به خودش داره و داری Comp...

CSS Grid - یک راهنمای سریع

شیوه لایه‌بندی و ساختار لایه‌ها در محیط وب در حال تغییر کردن است، در خط مقدم این تغییرات، شیوه لایه‌بندی CSS Grid وجود دارد. در این مطلب کوتاه، قصد دا...