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

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

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

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

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

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

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

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

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

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

در این قسمت میخوام یک کد ( Hover squaresxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید تعدادی بلاک مربعی قرار داده شدن و زمانی که بر روی هر کدوم از اونا هاور میکنید، با استایل زیبایی و بصورت سه بعدی از جای خودشون بلند میشن و حالت خوبی رو بوجود میارن. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انته...

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

0 55 ۱۴ مرداد ۹۵ در این مطلب با ادامه آموزش Gruntxa0در خدمتتون هستیم. در جلسه های گذشته در مورد نصب grunt صحبت کردیم و همچنین توضیحاتی مقدماتی در مورد تعدادی از پلاگینهای اون دادیم. تا اینجای کار فایل package.json ما بصورت زیر هست: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 { xa0xa0"name": "grunt-project", xa...

0 30 ۱۲ مرداد ۹۵ در این مطلب با ادامه آموزش Gruntxa0در خدمتتون هستیم. در جلسه قبلxa0تعدادی از پلاگینهای موجود برای grunt رو قرار دادیم و برای هر کدوم توضیحاتی رو در نظر گرفتیم. در این جلسه هم میخایم تعدادی پلاگین دیگه رو خدمتتون عرض کنیم و شما با اونا آشنایی مقدماتی پیدا کنید. پلاگین 11xa0:xa0grunt-...

در این قسمت میخوام یک کد ( Ionic Side Menu Transitionsxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک منوی جانبی در سمت چپ قرار گرفته و انیمیشنهای زیبایی برای اون در نظر گرفته شده. برای دیدن و عوض کردن انیمیشن ها بر روی دکمه های موجود در پایین صفحه کلیک کنید. مثلا اگر بر روی wave کلیک کنید، منو...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون ابزار css رو معرفی کرده که با استفاده از اون میتونین برای المنتهای خودتون به راحتی tooltip های زیبایی رو قرار بدین و توضیحاتی در مورد اون المنت رو درونش بزارید. همچنین میتونین موقعیت اون رو مشخص کنید و بگید که در بالا یا پایین یا چپ و راست قرار ب...

0 6 ۱۱ مرداد ۹۵ در این مطلب با ادامه آموزش Gruntxa0در خدمتتون هستیم. در جلسه قبلxa0تعدادی از پلاگینهای موجود برای grunt رو قرار دادیم و برای هر کدوم توضیحاتی رو در نظر گرفتیم. در این جلسه هم میخایم تعدادی پلاگین دیگه رو خدمتتون عرض کنیم و شما با اونا آشنایی مقدماتی پیدا کنید. پلاگین 7xa0:xa0grunt-co...

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

در این مطلب میخوام سایتی رو بهتون معرفی کنم که از نظر طراحی و رابط کاربری بسیار زیبا و حرفه ای ساخته شده و شما دوستان میتونی از اون ایده بگیرید. نام این سایت 56 هست و title اون که در مرورگر نمایش داده میشه، کلا اعدادی نمایش داده میشه که حاصل اون 56 میشه. مثلا 224 / 4 یا 40 + 16 و ... در بالای صفحه ی...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون 38 آیکون زیبا و جالب در رابطه با نقل و انتقال قرار داده شده و شما دوستان میتونین اونا رو بصورت رایگان دانلود کرده و استفاده کنید. این آیکون ها در فرمت SVG قرار داده شده اند و میتونین از اونا در هر سایزی بدون افت کیفیت استفاده کنید. برای دانلود کل...