در این قسمت میخوام یک کد ( Responsive Menu Appxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید یک منوی چند جزئی زیبا قرار داده شده و با هاور کردن بر روی هر قسمت، اون قسمت بزرگ میشه و محتویات اون نمایش داده میشه. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دا...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون تعدادی آیکون زیبا و خطی قرار داده شده و شما میتونین اونا رو بصورت رایگان دانلود کرده و ازشون استفاده کنید. برای شروع وارد سایتxa0Line-Iconxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (Why?)

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

0 2 ۱۱ اردیبهشت ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. Materialize از فونت آیکونهای معروف زیر پشتیبانی میکنه: فونت آیکونxa0Font Awesome فونت آیکونxa0Google Material فونت آیکونxa0Bootstrap برای استفاده از فونت آیکون Materialize باید علاوه بر فایل CSS اون...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بصورت کامل و اصولی در مورد تب بندی توضیح داده و همراه با مثال بیان کرده که چطوری باید تبهای مورد نظرتون رو بوجود بیارید. برای شروع وارد سایتxa0tabsxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (Why?)

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

0 3 ۱۰ اردیبهشت ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. در این مطلب با ادامه استایلهای مرتبط با فرمها در خدمتتون هستم. استایل Switch برای Checkbox: <div class="switch"> xa0xa0xa0xa0<label>Off xa0xa0xa0xa0xa0xa0xa0xa0<input type="checkbox" checked><span c...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون بترتیب حروف الفبا، اصطلاحات مربوط به Javascript قرار داده شده است و با کلیک بر روی هر کدام توضیحاتی در مورد اون رو بهتون میده. برای شروع وارد سایتxa0SJSJxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (Why?)

0 16 ۸ اردیبهشت ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. Materialize تعدادی کلاس داره که میتونین با استفاده از اونها المنتهای درون فرمها رو بصورت خیلی زیبا در بیارید و اونا رو واکنشگرا کنید. کلاسهایی که در این زمینه وجود دارند عبارتند از: input-field : با...

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

در این قسمت میخوام یک کد ( Responsive Modal Designxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید سه نمونه لایت باکس و Modal ساخته شده و قرار گرفت. این لایت باکسها بصورت طراحی متریال و واکنشگرا هستند. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده ...

در این قسمت میخوام یک کد ( Responsive Slidersxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید تعدادی اسلایدر زیبا و واکنشگرا قرار داده شده و میتونین عدد مورد نظرتون رو انتخاب کنید و یا اینکه حداقل و حداکثر رو برای اونا مشخص کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم ...

0 15 ۵ اردیبهشت ۹۵ در اینxa0جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. در این بخش مثالهای مربوط به کارتها رو براتون قرار میدم. فایل index.html رو باز کنید و مرحله به مرحله کدهای زیر رو قرار بدین و خروجی اونا رو در مرورگر ببینید. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <div cl...

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

در این قسمت میخوام یک کد ( Reebok ink effectxa0) جالب رو در اختیارتون بزارم. همونطور که دیدید با استفاده از mask در CSS، بصورت بسیار زیبا تصویر عوض میشه و حالت بسیار دیدنی هست و میتونین از اون ایده بگیرید و در سایت خودتون از اون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطل...

0 3 ۴ اردیبهشت ۹۵ در جلسه پانردهمxa0دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی مبحث کانتینرهاxa0و با کلاس ها و تگ های آن آشنا خواهیم شد... در این جلسه می پردازیم بهxa0: بروز رسانی هسته فریم ورک فاندیشن و توضیحاتی در مورد max-width در هنگام دانلود هسته سفارشی بررسی accordion ها بررسی اتریبیوت da...

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون تعدادی آیکون مرتبط با کریسمس قرار داده شده و میتونین اونا رو بصورت رایگان دانلود کرده و ازشون استفاده کنید. برای شروع وارد سایتxa0Christmas-Iconsxa0بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (Why?)

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

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

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