0 44 ۳۱ خرداد ۹۶ همونطور که اطلاع دارید در جلسه قبل یک مثال رو با هم بررسی کردیم و مشکلی که Placeholder بر روی Button قرار میگرفت رو با استفاده از position: relative برطرف کردیم.xa0در این جلسه میخوایم مثال دیگه ای رو با هم بررسی کنیم و روش حل اون رو یاد بگیریم. مثال 3 : حل کردن مشکل نامهای طولانی هم

0 8 ۳۱ خرداد ۹۶ همونطور که اطلاع دارید در جلسات قبل توضیحاتی مقدماتی در مورد Javascript و ECMAScript دادیم و شما رو با اونا آشنا کردیم. بعد از اون درون ویدیوها محیط کار با ES6 رو آماده سازی کردیم و از این جلسه به بعد، ویژگی های مهم و متداولی که شما باید اونا رو بدونین رو بهتون آموزش میدیم. در این

0 22 ۱ تیر ۹۶ به نام خدا و سلام. برای ذخیره سازی داده ها در جدول های دیتابیس از model ها می شود که وظیفه برقراری ارتباط با دیتابیس و مدیریت تراکنش ها و کوئری ها را بر عهده دارند. در لاراول مدل ها توسط کلاس های خاصی تعریف شده که متد ها و ویژگی های خاصی دارند که در این جلسه بررسی می شوند. این مطلب ی

0 7 ۱ تیر ۹۶ به نام خدا وسلام.xa0گاها لازم میشه که مشتری از شما میخواد اطلاعاتی از دیتابیس رو به صورت فرمت های معمول مثل فایل متنی ساده یا فایل اکسل براش خروجی بگیرید. در وردپرس این کار رو خیلی ساده می تونیم انجام بدیم. در این جلسه خروجی گرفتن شماره های موبایل کاربران رو به صورت فایل های متنی ساده و

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

0 21 ۳۰ خرداد ۹۶ همونطور که میدونید در جلسه قبل توضیحاتی در مورد Web Animation API خدمتتون دادم. در این جلسه در ابتدا به سایت Animista مراجعه میکنیم و یک افکت بنام Slide-in-blurred-top رو انتخاب میکنیم و کدهای اون رو کپی میکنیم. کدها بصورت زیر هستن: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 @keyf

در این قسمت میخوام یک کد ( Flexbox playgroundxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید تقریبا همه ویژگی هایی که درون Flexbox وجود داره، در این صفه قرار داده شده و میتونین با تغییر دادن گزینه های موجود، حالات مربوط به Flexbox رو بصورت عملی تست کنید و بهتر با اونا آشنا بشید. بدلیل اینکه حجم کد...

در این قسمت میخوام یک کد ( Lonely little boxxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک جعبه درون صفحه قرار گرفته و زمانی که ماوستون درون صفحه حضور داشته باشه، خوشحال میشه وxa0با حرکت ماوس، باکس نیز جابجا میشه. اما اگر ماوستون رو بیرون از صفحه ببرید، این جعبه ناراحت میشه. بدلیل اینکه حجم کد...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش تغییر رنگ تصاویر با استفاده از گرادیان و Blend modes بصورت کامل قرار داده شده و با استفاده از اون میتونین Photo Toning رو انجام بدین. با مطالعه این آموزش چیزای زیادی یاد خواهید گرفت و بدردتون خواهد خورد. برای شروع وارد سایتxa0photo-toningxa...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون تعدادی gem یا الماس ساخته شده با SVG رو قرار داده و زمانی که ماوستون رو جابجا میکنید، مثل این میمونه که دارید منبع روشنایی یا Light source رو جابجا میکنید و متناسب با اون سایه و روشن به وجود میاد. میتونین از این مثال ایده بگیرید. با کلیک کردن بر

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون سری آموزشی مقدماتی و پایه برای PHP قرار داده شده و میتونین اون رو دانلود کنید و از اون استفاده کنید. این سری آموزش ویدیویی ساخته شده توسط سایت Laracasts هست و میتونین از اون چیزای زیادی یاد بگیرید. برای شروع وارد سایتxa0php-for-beginnersxa0بشین. ...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون به شما آموزش میده که چطور برای کسانی که سرعت اینترنت ضعیفی دارند، لود شدن تصاویرتون رو بهینه تر کنید و تا زمانی که تصویر به صورت کامل لود نشدند،xa0یک گرادیان شبیه به تصویر جای اون نمایش بدین تا کاربران خیلی کمبود تصویر رو حس نکنند. برای شروع وارد...

0 28 ۲۶ خرداد ۹۶ خب بالاخره وقت اون فرا رسید که ویژگی های اضافه شده به javascript در ES6 رو با هم بررسی کنیم و یاد بگیریم. در این نسخه از Javascript امکاناتی اضافه شد که در زمینه های مختلف کار رو برای ما راحت میکنن و میتونیم کاری که قبلا بصورت ترفند انجام میدادیم، بصورت مستقیم و استاندارد انجام ب

در این قسمت میخوام یک کد ( CSS only scroll indicatorxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید با اسکرول کردن به پایین و بالا، با توجه به موقعیتی که اسکرول داره، خط مربوطه هم کم و زیاد میشه و اگر به پایان صفحه برسید، این خط نیز به انتها میرسه. این کار توسط CSS خالص انجام شده و از Javascript ا...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون از ابزار CSShake استفاده شده و جزء یا Component رو برای React به وجود آورده که با استفاده از اون میتونین المنتهای مورد نظرتون رو به راحتی مورد لرزشهای مختلف قرار بدین و با استفاده از اون توجه کاربر رو به قسمتی از سایتتون جلب کنید. برای شروع وارد

در این قسمت میخوام یک کد ( Audio effectxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک لودر زیبا با افکت پخش شدن صدا و موزیک قرار داده شده و میتونین از اون درون سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید.

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل روشهایی که در CSS در رابطه با واکنشگرا کردن تصاویر وجود داره رو بیان کرده و میتونین از اون استفاده کنید و بهتر و بهینه تر تصاویرتون رو واکنشگرا یا Responsive کنید. برای شروع وارد سایتxa0responsive-imagesxa0بشین. امیدوارم بدردتون بخوره....

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش مقدماتی در مورد Ecmascript 6 یا Ecmascript 2015 قرار داده و با مطالعه اون میتونین با ویژگی های مهم این نسخه از ES آشنا بشید. برای شروع وارد سایتxa0ECMAScript6xa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی

/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { xa0xa0box-sizing: border-box; } html { xa0xa0font-size: 62.5%; } body { xa0xa0font-size: 1.6rem; xa0xa0font-family: sans-serif; xa0xa0background-color: #ffffff; xa0xa0-webkit-font-smoothing...

0 18 ۲۶ خرداد ۹۶ به نام خدا وسلام. در قالب های پیشرفته وردپرس مطمئنا فرم های پیشرفته برای جستجو وجود داره که جستجو بر اساس المان های مختلفی رو در اختیار کاربران قرار میده. در این جلسه قصد داریم با استفاده از pre_get_posts xa0و هم چنین WP_Query موارد لازم برای ساختن یک فرم جستجوی پیشرفته رو در اختیار