سی‌ اس اس فریمورک

August 15, 2007 at 01:03 pm

همان اوایلی که Blueprint به عنوان یک سی‌اس‌اس فریمورک (CSS Framework) منتشر شد قصد داشتم در موردش بنویسم اما فرصت مناسبی پیدا نکردم. این روزها فریمورک در توسعه وب معنای کاملاً نامفهومی پیدا کرده است. با فریمورک‌های جاوا اسکریپتی نظیر jQuery ،Yahoo UI و Prototype این مفهوم پر رنگ‌تر شده است. اما اصلاً یک فریمورک چیست؟ و فقط مورد نیاز یک برنامه‌نویس است یا یک طراح وب هم می‌تواند از آن بهره ببرد؟

نمی‌دانم وقتی صحبت از فریمورک می‌شود چه تعریفی برای آن در ذهن دارید. بطور کلی می‌توان فریمورک را مجموعه‌ای از ابزارها، کتابخانه‌ها، قراردادها و بهترین شیوه‌ها تعریف کرد بطوریکه سعی می‌کنند وظایف روتین را به سوی مدل‌های جامعی سوق دهند که دوباره می‌توانند مورد استفاده قرار بگیرند. هدف این است که به یک طراح یا توسعه دهنده اجازه داده شود تا بر روی وظایفی که در انجام پروژه مهم هستند تمرکز کند. البته وقتی صحبت از فریمورک می‌شود الزاماً در مورد چیزی که ساخته شده، بصورت پکیج در آمده و برای عموم منتشر شده حرف نمی‌زنیم. چرا که ممکن است یک فریمورک منحصراً برای شما یا تیم شما باشد.

فکر می‌کنم برای مقدمه تا همین اندازه از فریمورک بدانید کافی باشد برای اطلاعات بیشتر می‌توانید مقاله “فریمورک برای طراحان” نوشته Jeff Croft را بخوانید. به گفته نویسنده سی‌اس‌اس فریمورک، همین مقاله باعث شده است تا به فکر ایجاد یک فریمورک عمومی برای سی‌اس‌اس بیفتد. برویم سراغ اصل مطلب که همان سی‌اس‌اس فریمورک و پروژه Blueprint است.

Blueprint (CSS Framework)

Blueprint یک فریمورک برای سی‌اس‌اس است که با هدف کاهش زمان توسعه فایل‌های سی‌اس‌اس ایجاد شده است. این فریمورک ساختار یکپارچه‌ای از کدهای سی‌اس‌اس را در اختیارتان قرار می دهد بطوریکه براحتی می‌توانید طرح را شبکه بندی کنید، تایپوگرافی عناصر را به دلخواه تغییر دهید و حتی یک استایل برای چاپ بسازید. این فریمورک انعطاف پذیری بی‌نظیری در بکارگیری مقاس‌های استاندارد دارد. برای اولین بار همچین فریمورکی آن هم برای سی‌اس‌اس بطور عمومی منتشر می‌شود. کار با آن بسیار ساده است و هر کس می‌تواند با توجه به نوع طرح از آن استفاده کند. مستندات نسبتاً خوبی هم برای آموزش دارد.

در نسخه جدید (0.4) که چند روز پیش منتشر شد، قابلیت‌های بیشتری به آن اضافه شده است و با استقبالی که از آن صورت گرفته، پیش‌بینی می‌شود این روند همچنان ادامه داشته باشد. تنها مشکلی که فکر می‌کنم ما کاربران فارسی زبان در استفاده از آن داشته باشیم نوع فونت بکار رفته در مشخصه‌ی font-family و همچنین نوع چیدمان باشد که با کمی وارسی سورس فریمورک قابل حل است.

+ برای اطلاعات بیشتر در مورد این فریمورک اینجا را ببینید. اگر Google code اجازه دریافت فایل را به شما نمی‌دهد، نسخه 0.4 (آخرین نسخه در زمان نگارش این مطلب) را از اینجا دریافت کنید.

دسته: سی اس اس, طراحی وب | نویسنده: مرتضی الوانی

  1. 8 نظر برای این مطلب ارسال شده است. نظر خود را ارسال کنيد »

  1. 1

    ابوذر

    متاسفانه نفهمیدم چه جوری کار می کند یا چه جوری می توانم ازش استفاده کنم
    می شود یکمقدار توضیح بدی
    متشکر

    August 15, 2007 at 4:40 pm

  2. 2

    مرتضی الوانی

    خیلی خیلی ساده است. این صفحه رو ببینید کاملا متوجه میشید. اگر مشکلی داشتید عنوان کنید تا با مثال توضیح بدم.

    August 15, 2007 at 7:05 pm

  3. 3

    فریم‌ورک برای سی‌اس‌اس؟ « Martians

    [...] * (الان که من این مقاله رو می‌نویسم چند ساعتی می‌شه که نسخه‌ی 0.5 هم اومده و نویسنده از امکانات آینده در نسخه‌ی 0.6 هم صحبت کرده.) * برای اطلاعات بیشتر به وبلاگ مرتضی الوانی مراجعه کنید که توضیحات کاملی داده و تنها فارسی‌زبانی روی وب بود که من دیدم در مورد blueprint نوشته. (منم دوم! ) [...]

    August 29, 2007 at 2:03 pm

  4. 4

    مجيد

    مرتضي جان ،جالب بود ممنون از اين همه تلاشت

    September 23, 2007 at 9:15 am

  5. 5

    مریخ » بایگانی وبلاگ » فریم‌ورک برای سی‌اس‌اس؟

    [...] * (الان که من این مقاله رو می‌نویسم چند ساعتی می‌شه که نسخه‌ی ۰.۵ هم اومده و نویسنده از امکانات آینده در نسخه‌ی ۰.۶ هم صحبت کرده.) * برای اطلاعات بیشتر در مورد به وبلاگ مرتضی الوانی مراجعه کنید که توضیحات کاملی داده و تنها فارسی‌زبانی روی وب بود که من دیدم در مورد blueprint نوشته. (منم دوم! ) [...]

    September 26, 2007 at 3:44 pm

  6. 6

    لادن

    سلام

    خیلی عالی بود فقط مسله ای که هست جناب الونی لطفا یک مقاله کلا در مورد روش استفاده از فریم ورک بنویسید
    با این واژه زیاد برخورد کردم اما نمیدونم مثلا فریم ورک آزاکس یا php چطور بکار میاد
    در ساده ترین شکل ممکن توی CSS چرو استفاده میشه
    از اونجایی که من با CSS آشنایی داریم عرض کردم ساده ترین شکل ممکن
    لطفا این موضوع رو توضیح بدید
    چطور میتونم از فریم ورک استفاده کنم

    September 27, 2007 at 5:59 am

  7. 7

    همایون زند

    با سلام
    خوشحال می شوم نظر فنی شما را درباره نسخه فارسی طراحی شده برای سایت زیر بدانم.
    http://www.rahgoshabar.com

    ممنونم

    December 30, 2007 at 6:03 pm

  8. 8

    شاهین

    آقا سلام
    خیلی آقایی با این مقاله ای که دادی به من کمک بسیار بزرگی کردی.

    با تشکر از شما
    شاهین

    January 14, 2008 at 3:24 am