آموزش ساخت لودینگ با استفاده از css3

  • بوسیله: جاوید خانلو
  • در 1391/12/10 - 15:28
  • نظرات (6)

loading using css3

loading using css3


معمولا ساخت لودینگ با نرم افزار فلش برای کاربران عادی کار ساده ای نیست و باید وقت زیادی را صرف ساخت یک لودینگ ساده بکنند بنابر این تصمیم گرفتیم در این پست ساخت لودینگ با استفاده از css3 را آموزش دهیم.
(بیشتر…)

پلاگین جی کوئری apSlider v1

  • بوسیله: محسن شفیعی
  • در 1391/12/09 - 17:58
  • دیدگاه‌ها برای پلاگین جی کوئری apSlider v1 بسته هستند
پلاگین جی کوئری apSlider v1

پلاگین جی کوئری apSlider v1

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

مشاهده دمو

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

(بیشتر…)

ابزار های رایگان برای تست سرعت وب سایت

  • بوسیله: جاوید خانلو
  • در 1391/12/06 - 11:01
  • دیدگاه‌ها برای ابزار های رایگان برای تست سرعت وب سایت بسته هستند

ابزار تست سرعت وب سایت

ابزار تست سرعت وب سایت


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

آموزش مقدماتی ساخت پلاگین جی کوئری

  • بوسیله: محسن شفیعی
  • در 1391/12/05 - 21:22
  • نظرات (9)
جی کوئری

جی کوئری

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

در این مطلب به آموزش مقدماتی ساخت پلاگین جی کوئری میپردازیم.

برای مثال ما میخواهیم پلاگینی درست کنیم که طراح وب میتواند با استفاده از آن رنگ متن های خود را تغییر دهد. البته اینکار را با CSS به راحتی میتوان انجام داد, اما ما به جهت بخش آموزشی آن اینکار را با ساختن پلاگین جی کوئری انجام میدهیم.

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

(بیشتر…)

نحوه استفاده از Absolute در CSS

  • بوسیله: محسن شفیعی
  • در 1391/12/05 - 13:46
  • نظرات (7)
CSS

CSS

در مورده استفاده از خاصیت absolute برای بعضی از طراحان وب سردرگمی هایی وجود دارد. برای مثال زمانی که شما یک عنصر با خاصیت absolute را تعریف میکنید و با استفاده از خاصیت های top و left به آن مختصات میدهید مقادیر top و left بر اساس کل صفحه تعیین میشوند نه بر اساس عنصر والد که این کار در رزولویشن های دیگر به باعث بوجود آمدن مشکل میشود.

نحوه استفاده از خاصیت absolute به این ترتیب است که یک عنصر با خاصیت absolute باید درون یک عنصر با خاصیت relative قرار بگیرد.

(بیشتر…)

وب سایتی برای جستجوی آیکن

  • بوسیله: جاوید خانلو
  • در 1391/12/04 - 19:34
  • دیدگاه‌ها برای وب سایتی برای جستجوی آیکن بسته هستند
وب سایتی برای جستجو و دانلود آیکن

وب سایتی برای جستجو و دانلود آیکن

 

وب سایتی برای دانلود آیکن

(بیشتر…)

محیط های کار الهام بخش و زیبا

  • بوسیله: محسن شفیعی
  • در 1391/12/03 - 21:49
  • یک نظر
محیط های کار الهام بخش و زیبا

محیط های کار الهام بخش و زیبا

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

اگر محل های کار در ایران به این شکل نیستند اما میتوان محل کار در خانه را به صورت مناسب تری تبدیل کرد. در ادامه با ما همراه باشید.

(بیشتر…)

نحوه استفاده از Easing در جی کوئری

  • بوسیله: محسن شفیعی
  • در 1391/12/02 - 17:21
  • نظرات (3)
جی کوئری

جی کوئری

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

استفاده از easing میتواند به افکت های جی کوئری شما روح تازه ای بدمد. easing با استفاده از تغییر در شتاب و پیشرفت انیمیشن اینکار را انجام میدهد. جی کوئری دو متد easing دارد که شامل linear و swing است. کار با این متدها تقریبا خسته کنند است زمانی که پلاگینی به نام easing.js وجود دارد.

پلاگین easing جی کوئری دارای 30 نوع متد متفاوت است. در این مطلب با آموزش استفاده از این پلاگین پر کاربرد در جی کوئری آشنا میشویم. ابتدا این پلاگین را از اینجا دانلود کنید.

از این متدها فقط میتوان در متد animate استفاده کرد و نمیتوان از آن در متدهایی مانند show, fadeIn و … استفاده کرد.

(بیشتر…)

حل مشکل Padding با استفاده از box-sizing

  • بوسیله: محسن شفیعی
  • در 1391/12/01 - 18:38
  • یک نظر
CSS3

CSS3

یکی از دردسرهایی که گریبان هر طراح وبی را میگیرد مشکل با Padding است. برای مثال شما عرض یک div را مشخص میکنید و در خط بعد به آن Padding میدهید و میبینید که مقدار Padding به ارتفاع و عرض آن اضافه میشود که برای حل این مشکل اغلب طراحان وب دوباره می آیند و از عرض و ارتفاع دایو کم میکنند که کمی دردسر دارد.

ابتدا نگاهی به نوع اندازه گیری عرض و ارتفاع در حالت عادی اشاره میکنیم.

(بیشتر…)

نگاهی به Datalist در HTML5

  • بوسیله: محسن شفیعی
  • در 1391/11/30 - 17:57
  • نظرات (3)
نگاهی به Datalist در HTML5

نگاهی به Datalist در HTML5

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

در سال های گذشته ما با استفاده از Javascript باید اینکار را انجام میدادیم اما در HTML5 به لطف تگ datalist به راحتی میتوان چنین لیست هایی برای راحتی کاربر درست کرد.

کار  به این صورت است که ابتدا لیستمان را درون تگ datalist درست میکنیم سپس به input مربوطه میرویم و با استفاده از خاصیت list لیستمان را به input متصل میکنیم. اما بر اساس Mozilla Developer Network خاصیت list برای inputهای از نوع hidden, checkbox, radio, file و button وجود ندارد.

(بیشتر…)