افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 9) : افکت Cartoon
◷
تاریخ انتشار: 1396/3/27 | ساعت: 8:15
/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: sans-serif; background-color: #ffffff; -webkit-font-smoothing: antialiased; -mo
دوره مجازی چگونه می توانم ...؟ قالب وردپرس-جلسه 23-آشنایی با pre_get_posts و جستجوی پیشرفته
◷
تاریخ انتشار: 1396/3/26 | ساعت: 20:33
0 18 ۲۶ خرداد ۹۶ به نام خدا وسلام. در قالب های پیشرفته وردپرس مطمئنا فرم های پیشرفته برای جستجو وجود داره که جستجو بر اساس المان های مختلفی رو در اختیار کاربران قرار میده. در این جلسه قصد داریم با استفاده از pre_get_posts و هم چنین WP_Query موارد لازم برای ساختن یک فرم جستجوی پیشرفته رو در اختیار
آشنایی کامل با Hoisting در Javascript - قسمت آخر - Hoisting مربوط به کلاسها
◷
تاریخ انتشار: 1396/3/26 | ساعت: 14:26
0 61 ۲۳ خرداد ۹۶ در جلسه قبل قواعد Hoisting مربوط به توابع رو توضیح دادیم و شما رو با اونا آشنا کردیم. در این جلسه قصد داریم قواعد Hoisting مربوط به Class یا کلاسها در Javascript رو به شما آموزش بدیم و نکات مربوط به Hoisting رو به پایان برسونیم. همونطور که میدونین در ES5 خیلی بر روی برنامه نویسی
آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 44) : متغیرهای CSS - قسمت 3
◷
تاریخ انتشار: 1396/3/26 | ساعت: 14:26
0 33 ۲۳ خرداد ۹۶ در جلسه گذشته در مورد تعریف و استفاده از متغیرهای CSS توضیحاتی داده شد و در مورد اولویت و ارث بری ویژگی ها نیز مثالهایی زده شد. در این جلسه قصد داریم نکات باقیمانده و ضروری در مورد متغیرهای CSS رو بیان کنیم و این موضوع رو به پایان برسونیم. نکات تکمیلی در مورد تابع var در جلسه گذش
افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 7) : افکت Mirror
◷
تاریخ انتشار: 1396/3/26 | ساعت: 14:26
/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: sans-serif; background-color: #ffffff; -webkit-font-smoothing: antialiased; -mo
دوره مجازی angularjs - جلسه 5 -آموزش $watch و $watchCollection
◷
تاریخ انتشار: 1396/3/26 | ساعت: 14:26
0 92 ۲۴ خرداد ۹۶ به نام خدا و سلام. در برنامه های وب پیش میاد که در کدهای جاوا اسکریپت بخوایم تغییرات یک متغییر رو رصد کنیم و بر اساس اون تغییرات ومقادیر جدید و قبلی اون متغییر توابعی رو اجرا کنیم. در این جلسه ما با استفاده از $watch و $watchCollection این کارو انجام میدیم. این مطلب یک جلسه از د
افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 8) : افکت Diamond
◷
تاریخ انتشار: 1396/3/26 | ساعت: 14:26
/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: sans-serif; background-color: #ffffff; -webkit-font-smoothing: antialiased; -mo
دوره مجازی ایلوستریتور - فصل چهارم (جلسه دوم)
◷
تاریخ انتشار: 1396/3/26 | ساعت: 14:26
0 31 ۲۶ خرداد ۹۶ در جلسه دوم از فصل چهارم دوره آموزشی ایلوستریتور می پردازیم به بررسی تکنیک flat-island پروزه این جلسه : توضیحات : گرافیک گرافیک گرافیک، واژه ای که روزانه دست کم یک مورد وابسته با آنرا می بینیم و یا چیزی در مورد آن می شنویم. در دنیای امروزی جایی که بخش اعظمی از زندگی ما با تکنولوژ
کدهای جذاب و دیدنی ( Gooey effect Loader ) : لودر زیبا با افکت چسبنده
◷
تاریخ انتشار: 1396/3/24 | ساعت: 18:36
در این قسمت میخوام یک کد ( Gooey effect Loader ) جالب رو دراختیارتون بزارم. همونطور که دیدید یک لودر زیبا با افکت چسبنده یا همون Gooey معروف ساخته شده و میتونین از اون ایده بگیرید و در سایتتون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود
آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 43) : متغیرهای CSS - قسمت 2
◷
تاریخ انتشار: 1396/3/24 | ساعت: 18:36
0 26 ۲۲ خرداد ۹۶ در جلسه قبل مقدماتی رو در مورد متغیرهای CSS بیان کردیم و در این جلسه میخوایم این موضوع رو ادامه بدیم. با استفاده از متغیرها میتونین از انجام کارهای تکراری پرهیز کنید و میتونین برای مواقع همچون تغییر قالب و Theme از اون استفاده کنید و به سرعت رنگ کل سایت و المنتها رو عوض کنید و یا
افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 6) : افکت Gooey
◷
تاریخ انتشار: 1396/3/24 | ساعت: 18:36
/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: sans-serif; background-color: #ffffff; -webkit-font-smoothing: antialiased; -mo
tdo : ابزار آنلاین Todo ساخته شده با React
◷
تاریخ انتشار: 1396/3/24 | ساعت: 18:36
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک ابزار آنلاین Todo یا لیست انجام کارها و وظایف، با استفاده از React ساخته شده و میتونین به راحتی با اون کار کنید. با استفاده از کیبورد به راحتی میتونین همه کارها رو مدیریت کنید و برای هر کار یک Shortcut وجود دارد. در بالا سایت، لینکهایی مثل Tut
آشنایی کامل با Hoisting در Javascript - قسمت 5 - Hoisting مربوط به توابع
◷
تاریخ انتشار: 1396/3/23 | ساعت: 22:20
0 39 ۲۱ خرداد ۹۶ در جلسه قبل شما رو با مکانیزم Hoisting در Ecmascript 6 آشنا و نکاتی که نیاز بود رو بیان کردیم. در این جلسه مکانیزم Hoisting رو برای توابع بررسی میکنیم و حالات مختلفی که ممکن هست برای توابع به وجود بیاد رو قرار میدیم. توابع در Javascript تقریبا در دو دسته زیر، طبقه بندی میشن: Func
howdy : دانلود رایگان قالب HTML واکنشگرا و حرفه ای
◷
تاریخ انتشار: 1396/3/23 | ساعت: 22:20
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک قالب HTML قرار داده شده که خیلی زیبا و حرفه ای هست و بصورت بهینه واکنشگرا شده و بر روی همه مرورگرها به خوبی نمایش داده میشه. ویژگی های زیادی در این قالب قرار داده شده که میتونه همه نیازهای مورد نظرتون رو تامین کنه. برای دانلود بر روی دکمه Down
aftershock : سایتی زیبا و دیدنی برای ایده گرفتن
◷
تاریخ انتشار: 1396/3/23 | ساعت: 22:20
در این مطلب میخوام سایتی رو بهتون معرفی کنم که طراحی و ساختار زیبایی داره و بر روی هر چیزی که هاور میکنید، تمرکز و Focus بر روی اون قرار میگیره و بقیه موارد کنار میرن و متون و موارد مرتبط با اون المنت Focus شده نمایش داده میشه. برای شروع وارد سایت aftershock بشین. امیدوارم بدردتون بخوره. موفق باشید.
آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 42) : متغیرهای CSS - قسمت 1
◷
تاریخ انتشار: 1396/3/23 | ساعت: 22:20
0 35 ۲۱ خرداد ۹۶ همونطور که اطلاع دارید در جلسه گذشته در مورد ویژگی های overflow-wrap و word-break و word-wrap توضیحاتی رو قرار دادیم و شما رو با اونا آشنا کردیم. در این جلسه و جلسه های بعد توضیحاتی رو در مورد CSS Variables یا متغیرهای CSS میدیم که میتونه خیلی مفید واقع بشه. ما در این مطلب از این
افکت زیبا برای modal تمام صفحه- Animated transition effects ( نمونه 5) : افکت Gummy
◷
تاریخ انتشار: 1396/3/23 | ساعت: 22:20
/* -------------------------------- Primary style -------------------------------- */ *, *::after, *::before { box-sizing: border-box; } html { font-size: 62.5%; } body { font-size: 1.6rem; font-family: sans-serif; background-color: #ffffff; -webkit-font-smoothing: antialiased; -mo
دوره مجازی Laravel - جلسه 6 - آشنایی با Routing فریمورک Laravel
◷
تاریخ انتشار: 1396/3/23 | ساعت: 22:20
4 153 ۲۲ خرداد ۹۶ به نام خدا و سلام. در برنامه های وب اپلیکیشن یه قسمتی وجود داره برای کنترل و هدایت درخواست های کاربران که بهش میگن مسیر یابی . این مسیر یابی در واقع آدرس هایی رو تعریف میکنه که کاربر میتونه از اونها اطلاعات بخونه یا اطلاعات بفرسته. لاراول هم به عنوان یک فریمورک پیشرفته از یک سیست
دوره مجازی Laravel - جلسه 7 - آشنایی با Blade و مدیریت فایل های View
◷
تاریخ انتشار: 1396/3/23 | ساعت: 22:20
0 24 ۲۳ خرداد ۹۶ به نام خدا و سلام. در طراحی برنامه های تحت وب یکی از مهم ترین بخش های برنامه view ها هستند. view ها بخش خروجی سایت و مواردی که کاربر نهایی می بینه رو هندل میکنه. از بخش پنل کاربری و مدیریت گرفته تا بخش خروجی اصلی سایت که اطلاعات در اونجا نمایش داده میشه. در این جلسه با استفاده ا
pulp : ابزار آنلاین برای ساخت قالب ایمیل واکنشگرا
◷
تاریخ انتشار: 1396/3/22 | ساعت: 16:41
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون میتونین به راحتی قالب مورد نظر برای ایمیل رو بسازید و اون رو دانلود کنید. برای اینکار میتونین یکی از قالبهای از پیش ساخته شده رو انتخاب کنید و یا با کلیک بر روی دکمه Get Started، قالب مورد نظر خودتون رو به وجود بیارید. در سمت راست میتونین استایل