سفارشی کردن تم در Google Chrome DevTools

  • بوسیله: محسن شفیعی
  • در 1392/08/23 - 16:51
  • نظرات (4)
Chorme DevTools

Chorme DevTools

برای بسیاری از توسعه دهندگان تم فعلی Developer Tools در مرورگر Google Chrome خوب است. اما اگر زیاد با آن کار داشته باشید، رنگ سفید و خاکستری شاید کمی خسته‌کننده باشد.

در ادامه این مطلب چند تم مناسب و همچنین نحوه عوض کردن تم را با هم بررسی میکنیم.

(بیشتر…)

منابع تازه برای طراحان و توسعه‌دهندگان – آبان 92

  • بوسیله: محسن شفیعی
  • در 1392/08/10 - 23:41
  • یک نظر
Ghost Lab

Ghost Lab

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

از دوستانی که میخواهند منابع پارسی زبانی را که میشناسند یا خودشان کتابخانه یا اپیلیکیشنی دارند با کاربران دیگر آپارنت به اشتراک بگذارند، میتوانند منابع خود را به ایمیل contact@aparnet.ir  بفرستند.

در ادامه همراه ما باشید…

(بیشتر…)

نکته سریع: سایتی جهت ساخت آیکون فونت دلخواه

  • بوسیله: محسن شفیعی
  • در 1392/05/12 - 0:53
  • نظرات (2)
آیکون فونت

آیکون فونت

قبلا در آپارنت در مطلبی با عنوان “مجموعه بزرگی از آیکون فونت ها” برخی از منابع رایگان این تکنیک را ارائه دادیم. اما در این مطلب سایتی را معرفی میکنیم که در آن شما میتوانید فقط آیکون هایی را که میخواهید از آنها استفاده کنید را انتخاب و سایت، فونت ساخته شده را به شما میدهد؛ به اینصورت لازم نیست تمام آیکون ها را در فونت داشته باشید در حالی که از بیشتر آنها استفاده نمیکنید که باعث افزایش حجم اضافی فونت میشود.

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

در سایت fontastic.me شما میتوانید از بین بیش از 1700 آیکون موجود، آیکون های دلخواه را انتخاب و فونت خودتان را که فقط شامل آیکون های انتخاب شده است دریافت کنید. همچنین میتوانید وکتورهای خودتان را جهت پیوست به فونت Import کنید.

 

مجموعه رایگان آموزش فتوشاپ برای طراحان وب

  • بوسیله: محسن شفیعی
  • در 1392/03/29 - 18:32
  • یک نظر
Adobe Photoshop

Adobe Photoshop

شرکت +tuts که شرکتی در زمینه آموزش از راه دور علاقمندان به وب است دست به ایجاد مجموعه ای برای آموزش Photoshop CS6 برای طراحان وب کرده است. این مجموعه کاملا رایگان است و به همه علاقمندان به طراحان وب توصیه میکنم این مجموعه را که دارای 26 قسمت است ببینند.

دوره آموزشی Adobe Photoshop CS6 برای طراحان وب

 

تمپلیت برای قالبهای ریسپانسیو

  • بوسیله: محسن شفیعی
  • در 1392/03/12 - 23:04
  • نظرات (4)
طراحی رسپانسیو

طراحی رسپانسیو

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

در ابن مطلب شما میتوانید یک تمپلیت برای قالب هایی که میخواهید توسط HTML5 و به صورت Responsive طراحی کنید دانلود کنید. این تمپلیت از نظر ظاهری کاملا خالی (Blank) است.

در این تمپلیت کدهای CSS Reset, Meida Query, متا تگ های مخصوص HTML5 و کدهای Font-Face به صورت پیشفرض موجود است. شما میتوانید از این تمپلیت برای قالب های HTML5 خود استفاده کنید.

در ادامه مطلب لینک دانلود موجود است.

(بیشتر…)

8 پلاگین برای سفارشی کردن فرم های شما

  • بوسیله: محسن شفیعی
  • در 1392/03/05 - 20:23
  • دیدگاه‌ها برای 8 پلاگین برای سفارشی کردن فرم های شما بسته هستند
جی کوئری

جی کوئری

فرم ها بخش مهمی از وب سایت ها هستند. همچنین استایل دادن به آنها دردسر زیادی دارد. البته نه در HTML5. با این حال بعضی از پلاگین های jQuery واقعا مفید هستند. در ادامه مطلب 8 پلاگین که میتواند برای شما جذاب باشد را معرفی کردیم.

(بیشتر…)

8 مجموعه آیکون های فلت

  • بوسیله: محسن شفیعی
  • در 1392/02/03 - 19:16
  • دیدگاه‌ها برای 8 مجموعه آیکون های فلت بسته هستند
آیکون های فلت

آیکون های فلت

در طراحی های امروزی استفاده از طراحی فلت مرسوم شده است که با آمدن ویندوز 8 این نوع طراحی ها شیوع بیشتری پیدا کرد. طراحی های فلت اغلب دارای محیطی ساده در عین حال بسیار کاربر پسند هستند. در این مطلب میتوانید 8 مجموعه آیکون های فلت را دانلود کنید.

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

برای دانلود به ادامه مطلب مراجعه کنید

(بیشتر…)

ابزارهای یک طراح وب

  • بوسیله: محسن شفیعی
  • در 1392/01/08 - 14:47
  • یک نظر
طراحی وب

طراحی وب

طراحی وب مانند هر کاری نیاز به ابزار مناسب برای انجام دادن آن به بهترین نحو دارد. در این مطلب به ابزارهای مناسب و حرفه ای مورد نیاز طراحی وب میپردازیم.

طراحی قالب

اولین قدم در طراحی وب طراحی قالب سایت در یک فایل لایه باز مانند PSD در فتوشاپ است.  در این زمینه نرم افزار فتوشاپ حرف اول و آخر را میزند.

فرمت PSD معروفترین فرمت لایه باز است. PSD مخفف Photoshop Document است. این فرمت تمام المان های یک تصویر به همراه گزینه های آن در فتوشاپ ذخیره میکند که شامل masks, color soaces, layers و … است. یک فایل PSD میتواند تا حداکثر 30,000 پیکسل در عرض و ارتفاع و با حداکثر حجم 3 گیگابایت ذخیره کند. البته فرمت دیگری به نام PSB وجود دارد که میتواند تا حداکثر 300,000 پیکسل در عرض و ارتفاع و حداکثر حجم 4 اگزابایت ذخیره کند.

(بیشتر…)