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

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. 31 نظر برای این مطلب ارسال شده است. نظر خود را ارسال کنيد »

  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

  9. 9

    طراحی وب سایت


    جالب بود ممنون از اين همه تلاشتون..
    موفق و پیروز باشید:)

    September 6, 2010 at 9:54 am

  10. 10

    برنامه نویس جوان


    سلام .ختر و مفید بود.ممنون .

    December 18, 2013 at 1:17 am

  11. 11

    آموزش سئو


    با سلام.
    مقاله کمک بسیار زیادی به بنده کرد.ممنونم لز این لطف ارزشمند سایت الوان وب

    August 23, 2014 at 9:32 am

  12. 12

    رژلب


    عالی

    تشکر

    July 20, 2016 at 9:53 am

  13. 13

    خرید ساعت مچی


    graet .مرسی مفید بود

    August 1, 2016 at 4:15 pm

  14. 14

    طراحی سایت مشهد


    با سلام
    مقاله خوبی بود متشکرم

    November 3, 2016 at 7:45 am

  15. 15

    محمد لاری


    خیلی ممنون موفق باشید

    December 28, 2016 at 3:50 pm

  16. 16

    آموزش کتیا


    مقالتون خیلی مفید و جامع بود
    موفق باشید

    July 26, 2017 at 10:08 am

  17. 17

    mahsa-nita


    ممنون از مقاله خوبتون خیلی کمک کرد به من

    July 26, 2017 at 10:10 am

  18. 18

    مهسا


    خیلی ممنون مطلبه خوبی بود

    September 21, 2017 at 4:12 pm

  19. 19

    رادزاد


    کمک زیادی به بنده کردید. ممنونم.

    November 21, 2017 at 11:23 am

  20. 20

    تجهیزات پزشکی


    تشکر فراواون از شما
    پیروز باشید..

    December 24, 2017 at 10:40 am

  21. 21

    بهترین وکیل دادگستری


    عالییییی ممنونم ازتون

    February 5, 2018 at 10:37 am

  22. 22

    دفتر عقد


    خیلی ممنون از سایت عالی و بسیار حرفه ای شما
    موفق باشید

    June 2, 2018 at 4:01 pm

  23. 23

    شیک ترین دفتر ازدواج


    خیلی جالب بود
    تا حالا نشنیده بودم
    ممنون بابت به اشتراک گذاریتون

    June 9, 2018 at 3:20 pm

  24. 24

    گریتینگ


    خیلی ممنون از سایت عالی و بسیار خوبتون

    February 16, 2020 at 4:03 pm

  25. 25

    گاتر


    عالی بود دوست خوبم

    February 16, 2020 at 4:05 pm

  26. 26

    در ضد سرقت


    اطلاعات خوب و کاملی است
    سپاس فراوان

    March 12, 2020 at 8:05 pm

  27. 27

    لیوان کاغذی


    خیلی جالب بود منم تا حالا نشنیده بودم

    June 25, 2020 at 6:36 am

  28. 28

    باربری


    خیلی ممنون از سایت عالی و بسیار حرفه ای شما

    October 12, 2020 at 2:04 pm

  29. 29

    راکو


    خیلی خوب و ساده توضیح دادید مطلب به این پیچیدگی رو. ممنونم

    March 8, 2021 at 12:52 pm

  30. 30

    palacetiles.com


    ممنون از مطلب بسیار خوبتون

    August 17, 2021 at 11:57 am

  31. 31

    طراحان آرک


    وبلاگ خوب و متنوعی دارین
    عااالی

    August 17, 2021 at 11:59 am