0 22 ۲۳ مرداد ۹۵ در این آموزش و قسمتهای بعدی قصد دارم تعدادی ترفند و راه پیشرفته برای کار کردن با Inspector مرورگر Chrome رو بهتون آموزش بدم و تا اینکه بتونیم از قدرت اون بیشتر از گذشته استفاده کنیم. همونطور که همیشه میگم سعی کنید که مرورگر Chrome خودتون رو Update و بروزرسانی کنید تا وقتی که خودتون ...

body { padding:0; margin:0; background:#52534F; } .load { width:15px; height:15px; background:rgba(0,0,0,0); border-radius:50%; margin:100px auto; -webkit-animation:load 3s ease-in-out infinite; animation:load 3s ease-in-out infinite; } @-webkit-keyframes load { 0% {box-shadow:15px 15px 0 0 #fff, -1...

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

در این قسمت میخوام یک کد ( Material design music app ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک رابط کاربری حرفه ای و بصورت Material ساخته شده و قرار گرفته و زمانی که بر روی دکمه Play کلیک میکنید، اون مورد فعال میشه و شروع به چرخیدن میکنه و زمانی که بر روی دکمه توقف یا pause کلیک میکنید به حا...

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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که یک فونت زیبا و جالب بنام halogen رو در اختیارتون قرار داده و شما میتونین به صورت رایگان اون رو دانلود کرده و استفاده کنید. برای دانلود این فونت بر روی دکمه Free Download کلیک کرده و بعد از اون ایمیلتون رو وارد کنید و دوباره بر روی دکمه مورد نظر کلیک کنی...

0 6 ۱۹ مرداد ۹۵ در این مطلب با ادامه آموزش Grunt در خدمتتون هستیم. در جلسه قبل دیدید که توضیحاتی در مورد grunt-contrib-uglify دادیم و شما رو با اون آشنا کردیم. تا اینج

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 50 آیکون زیبا و مرتبط با قهوه رو قرار داده و شما میتونین اونا رو بصورت رایگان دانلود کرده و استفاده کنید. این آیکون ها در دو سایز 128 و 256 پیکسل قرار داده شده اند و همچنین فرمتهای eps و png و svg برای هر کدوم موجود هست. برای دانلود به انتهای مطل...

0 33 ۱۹ مرداد ۹۵ به نام خدا و سلام. در خدمت شما هستیم با جلسه 35 ام از دوره مجازی پلاگین نویسی وردپرس. در این جلسه قصد داریم فیلتر های لازم برای محدود کردن مطالب vip رو ایجاد کنیم تا کاربرانی که در طرح vip فعال ندارن یا در سایت لاگین نکردن به این مطالب دسترسی نداشته باشن. در ابتدا بخش متاباکس جلسه

0 17 ۱۹ مرداد ۹۵ در جلسه سوم از فصل اول دوره آموزشی ایلوستریتور می پردازیم به بررسی تکنیک stroke effect... در این جلسه می پرداریم به : پروژه این جلسه : توضیحات : گرافیک گرافیک گرافیک، واژه ای که روزانه دست کم یک مورد وابسته با آنرا می بینیم و یا چیزی در مورد آن می

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون مورد مقدار noopener ویژگی rel توضیحاتی رو داده. همونطور که میدونید شما میتونین از ویژگی rel برای لینکها استفاده کنید و مشخص کنید که زمانی که بر روی اونا کلیک میشه چه اتفاقی بیوفته. این آموزش ویژگی noopener رو به شما آموزش میده و میتونین از مزیت ه...

در این قسمت میخوام یک کد ( Gradient Forest on pure CSS ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک جنگل گرادیانی زیبا و شب هنگام با استفاده از CSS ساخته شده و قرار گرفته. شما میتونین از اون ایده گرفته و در سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار می...

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

0 68 ۱۷ مرداد ۹۵ در این مطلب با ادامه آموزش Grunt در خدمتتون هستیم. در جلسه قبل توضیحاتی در مورد پلاگین grunt-contrib-concat دادیم و فایلهای css و js رو بهم دیگه متصل کردیم و خروجی گرفتیم. در این جلسه میخایم تعدادی ترفند پیشرفته برای استفاده از این پلاگین بهتون بگیم و در جلسه بعدی بریم سراغ پلاگین ب...

در این قسمت میخوام یک کد ( Google inbox ) جالب رو در اختیارتون بزارم. همونطور که دیدید شکلک معروف مرتبط با Google Inbox ساخته و قرار داده شده و میتونین از کدهای اون ایده بگیرید و یا ازشون استفاده کنید. زمانی که بر روی نامه هاور میشه به زیبایی باز میشه و با خارج کردن ماوس نیز بسته میشه. بدلیل اینکه ح...

0 28 ۱۶ مرداد ۹۵ به نام خدا و سلام. در خدمت شما هستیم با جلسه 34 ام از دوره مجازی پلاگین نویسی وردپرس. در این جلسه قصد داریم متاباکس های ایجاد مطالب vip رو ایجاد کنیم. در ابتدای کار و در ادامه جلسه قبلی بخش ایجاد صورت حساب کاربری رو تکمیل می کنیم و بخش خرید اکانت vip بوسیله حساب کاربری رو تموم می کن...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که ابزار Javascript قوی بنام listjs رو قرار داده و شما میتونین از اون برای پیشرفته تر شدن سایتتون بهره ببرید. با استفاده از این ابزار کم حجم و سریع میتونین قابلیتهای جستجو، فیلتر کردن و مرتب کردن رو به المنتهای HTML نظیر List ها و table ها اضافه کنید. برای...

0 30 ۱۶ مرداد ۹۵ 16در این مطلب با ادامه آموزش Grunt در خدمتتون هستیم. در جلسه قبل توضیحاتی در مورد پلاگین grunt-contrib-concat دادیم و گفتیم که چطور فایل gruntfile.js رو تغییر بدین. تا اینجای کار فایل gruntfile.js بصورت زیر هست: حالا اگه بخوایم از Grunt استفاده کنیم و تنظیماتی که در بالا مشخص کردیم،...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون فریم ورکی در اختیارتون قرار گرفته که بسیار سبک هست و میتونین از اون برای گریدبندی سایتتون استقاده کنید. این ابزار بر پایه Flexbox هست و از ویژگی هایی استفاده کرده که در مرورگرهای قدیمی پشتیبانی نمیشه. این فریم ورک بر روی IE11 پشتیبانی میشه. برای ...

0 17 ۱۵ مرداد ۹۵ در این مطلب با ادامه آموزش گرانت در خدمتتون هستیم. در جلسه گذشته توضیحاتی در مورد فایل gruntfile.js دادیم. در این جلسه میخایم توضیحات رو پیش ببریم و همچنین از یکی از پلاگین های گرانت بنام grunt-contrib-concat برای اتصال فایلها به هم استفاده کنیم. در قدم اول دو تا فایل css و دو تا فا...