رنگارنگی کمتر در صفحات وب

May 31, 2008 at 04:34 pm

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

داشتن یه صفحه وب رنگارنگ کار خیلی راحت و وسوسه انگیزی است. اما آیا گزینه‌های دیگری هم برای کاربرد رنگ در طراحی وجود داره؟

طرح‌های تک رنگ (Monochromatic Design)
همانطور که از اسمش معلومه، طرح تک رنگ طراحی با یک رنگه. یه رنگ رو به عنوان پایه انتخاب می‌کنید و سفید و سیاه رو بهش اضافه می‌کنید تا سایه‌های متفاوت از اون رنگ بسازید. در این حالت طرحتون منحصراً یک پالت تک رنگ داره و چندین سایه‌ی رو به سفید یا تیره شدن. شکل زیر این بیان رو می‌تونه کاملاً مشخص کنه:

Color Palette

مزایای طرح‌های تک‌ رنگ
ساخت یک پالت تک رنگ خیلی ساده است. رنگ دلخواه رو انتخاب کنید و سیاه و سفید رو بهش اضافه کنید. همین!

وقتی از یک رنگ واحد استفاده می‌کنید، رنگ‌ها هرگز نمی تونن برخورد داشته باشند. اگر رنگ‌ها رو بطور ناگهانی انتخاب کنید، طرح تک رنگ نسبتاً یه گزینه ایمن برای انتخابه.

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

به شما اجازه می‌ده تا به المان‌های مهم اهمیت بدین. اگرچه تمام طرحتون یه پالت تک رنگ داره اما می‌تونید کنتراست رنگ رو برای المان هایی که می‌خواهید اهمیت بیشتری بهشون بدین تغییر بدین. برای نمونه آیکون خروجی فید. ادامه مطلب …

حذف انتخابگرهای زاید CSS

April 21, 2008 at 09:17 pm

بارها برایم پیش آمده است که در هنگام انجام یک پروژه یک (یا چندین) انتخابگر برای تست ایجاد کرده‌ام و با بالارفتن حجم کدنویسی، یادم رفته است که آن‌ها را پاک کنم. یا برعکس انتخابگری را تعریف کرده‌ام که المانش را به دلایلی پاک کرده‌ام یا نامش را تغییر داده‌ام. شاید برای شما هم اتفاق افتاده باشد.

SitePoint افزونه‌ای بنام Dust-Me Selectors برای فایرفاکس منتشر کرده است که به شما کمک می‌کند به راحتی این سلکتورها را شناسایی کنید.

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

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

نسخه جدید این افزونه می‌تواند به عنوان یک اسپایدر صفحه‌های طرحتان را آنالیز کند تنها کافیست آدرس Sitemap را به آن بدهید. اگر کل صفحات در Sitemap نیامده است دادن آدرس همان صفحه اول هم کفایت می‌کند البته اگر لینک سایر صفحات در آن موجود باشد. به این روش دیگر نیازی به آنایز تک تک صفحات بصورت منوال نیست.

+ برای ساخت Sitemap می توانید از این سرویس استفاده کنید. وردپرسی ها هم می‌توانند با سرویس گوگل به کمک این پلاگین Sitemap بسازند.

پشتیبانی از jQuery در Dreamweaver

February 14, 2008 at 05:40 pm

دیر وقت است کار با Adobe Dreamweaver را کنار گذاشته‌ام، Eclipse را بیشتر می‌پسندم به خصوص این مدت که به سمت برنامه‌نویسی جاوا و کار با لینوکس هم کشیده شده‌ام. اگر شما هم با Eclipse کار کرده‌اید یقینا Aptana هم می‌تواند نیازهایتان را در زمینه توسعه وب برآورده کند.

Aptana را در کار با فریم‌ورک‌های جاوا اسکریپت پیشنهاد می‌کنم اما اگر هنوز از Dreamweaver استفاده می‌کنید و از عدم پشتیبانی از فریم‌ورک‌های جاوا اسکریپت خسته شده‌اید، دیگر نگران نباشید. Chris Charlton افزونه‌ای برای Dreamweaver نوشته است که مشکل را حل می‌کند.

این افزونه برای دو فریم‌ورک jQuery و Prototype از اینجا قابل دریافت است. گویا پشتیبانی از سایر کتابخانه‌ها از جمله MooTools و YUI نیز در حال انجام است.

درهمین رابطه:
+ تنظیمات مربوط به پکربندی فریم‌ورک jQuery را برای Aptana می‌توانید در اینجا بیابید.
+ Spket را هم فراموش نکنید، نحوه بکارگیری jQuery در این IDE هم اینجاست.

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

August 15, 2007 at 01:03 pm

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

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

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

Page: 1 | 2 | 3 | 4 | 5