کدهای جذاب و دیدنی ( Responsive Modal Design ) : لایت باکسهای زیبا و متریال
در این قسمت میخوام یک کد ( Responsive Modal Design ) جالب رو در اختیارتون بزارم. همونطور که دیدید سه نمونه لایت باکس و Modal ساخته شده و قرار گرفت. این لایت باکسها بصورت طراحی متریال و واکنشگرا هستند. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و ...
کدهای جذاب و دیدنی ( Responsive Sliders ) : اسلایدرهای زیبا و واکنشگرا
در این قسمت میخوام یک کد ( Responsive Sliders ) جالب رو در اختیارتون بزارم. همونطور که دیدید تعدادی اسلایدر زیبا و واکنشگرا قرار داده شده و میتونین عدد مورد نظرتون رو انتخاب کنید و یا اینکه حداقل و حداکثر رو برای اونا مشخص کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که...
آموزش طراحی متریال با Materialize (جلسه 12) - کارت ها - بخش دوم
0 15 ۵ اردیبهشت ۹۵ در این جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. در این بخش مثالهای مربوط به کارتها رو براتون قرار میدم. فایل index.html رو باز کنید و مرحله به مرحله کدهای زیر رو قرار بدین و خروجی اونا رو در مرورگر ببینید. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <div clas...
کدهای جذاب و دیدنی ( never force ) : تغییر حالت با ماوس
در این قسمت میخوام یک کد ( never force ) جالب رو در اختیارتون بزارم. همونطور که دیدید زمانی که ماوستون رو جابجا میکنید اون المنتها هم متناسب با اون جابجا میشن و زمانی که کلیک ماوستون رو فشار میدین اونا بلندتر میشن. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو ...
کدهای جذاب و دیدنی ( Reebok ink effect ) : تغییر تصویر بسیار زیبا
در این قسمت میخوام یک کد ( Reebok ink effect ) جالب رو در اختیارتون بزارم. همونطور که دیدید با استفاده از mask در CSS، بصورت بسیار زیبا تصویر عوض میشه و حالت بسیار دیدنی هست و میتونین از اون ایده بگیرید و در سایت خودتون از اون استفاده کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب ...
دوره مجازی فاندیشن (جلسه 15) - کانتینرها - بخش اول
0 3 ۴ اردیبهشت ۹۵ در جلسه پانردهم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی مبحث کانتینرها و با کلاس ها و تگ های آن آشنا خواهیم شد... در این جلسه می پردازیم به : بروز رسانی هسته فریم ورک فاندیشن و توضیحاتی در مورد max-width در هنگام دانلود هسته سفارشی بررسی accordion ها بررسی اتریبیوت data-acc...
Christmas-Icons : دانلود رایگان آیکونهای مرتبط با کریسمس
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون تعدادی آیکون مرتبط با کریسمس قرار داده شده و میتونین اونا رو بصورت رایگان دانلود کرده و ازشون استفاده کنید. برای شروع وارد سایت Christmas-Icons بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! (Why?)
کدهای جذاب و دیدنی ( Pure CSS Bars ) : ساخت نوار پیشرفت با CSS
در این قسمت میخوام یک کد ( Pure CSS Bars ) جالب رو در اختیارتون بزارم. همونطور که دیدید نوارهای پیشرفت بسیار زیبایی ساخته شده و قرار داده شده و میتونین از اونا استفاده کنید. این کدها با استفاده از CSS ساخته شده. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دان...
animating-clipped-elements-svg : انیمیشن المنتهای Cilp شده در SVG
:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .برای استفاده از این روش باید در اکانت گوگل(جیمیل)...
accessibility-basics : آموزش مقدماتی Accessibility
:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .برای استفاده از این روش باید در اکانت گوگل(جیمیل)...
دوره مجازی پلاگین نویسی وردپرس (جلسه 9) : ایجاد پلاگین جملات تصادفی به صورت shortcode
0 66 ۲ اردیبهشت ۹۵ به نام خدا و سلام. با جلسه نهم از دوره مجازی پلاگین نویسی وردپرس در خدمت شما هستیم. در این جلسه قرار است پلاگین نمایش جملات تصادفی را با هم کدنویسی کنیم. در جلسه قبل در مورد shortcode ها توضیحات کاملی دادیم در این جلسه با استفاده از shortcode ها این پلاگین را پیاده سازی خواهیم کرد...
دوره مجازی سئو (جلسه 29): آموزش کامل Gtmetrix -افزایش سرعت لود سایت
0 54 ۱ اردیبهشت ۹۵ در این جلسه ما به آموزش کامل Gtmetrix میپردازیم. شما با استفاده از این ابزار انلاین میتوانید سرعت لود سایتتون رو تا حد زیادی افزایش دهید. برای این کار شما لازم است که با موارد مختلف این ابزار آشنایی داشته باشید که ما در این جلسه تمامی موارد را به شما آموزش می دهیم. مطالب مطرح شده ...
آموزش طراحی متریال با Materialize (جلسه 6) - رسانه ها
0 3 ۲۹ فروردین ۹۵ در این جلسه با ادامه موضوع مربوط به طراحی متریال با Materialize در خدمتتون هستم. Materialize تعدادی کلاس داره که با استفاده از اون میتونین تصاویر و ویدیوهایی که در سایتتون قرار میدین رو برای طراحی واکنشگرا آماده کنید و بر روی هر دستگاهی به خوبی نمایش داده بشه. کلاسهای که در این زمی...
دوره مجازی فاندیشن (جلسه 14) - کامپوننت ها - منوها - بخش سوم
0 3 ۳۱ فروردین ۹۵ در جلسه چهار دهم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی بخش سوم و پایانی مبحث منوها و با کلاس ها و تگ های بیشتری از آن آشنا خواهیم شد... نکته : دانشجویان عزیز : مباحث این جلسه دارای چندین تکنیک و معرفی چندین اتریبیوت مهم می باشد لذا با دقت این جلسه رو مشاهده نمایید... در ا...
دوره مجازی پلاگین نویسی وردپرس (جلسه 8) : معرفی شورت کد + ایجاد پلاگین محدود کردن مطالب
0 21 ۱ اردیبهشت ۹۵ به نام خدا و سلام. در خدمت شما هستیم با جلسه هشتم از دوره مجازی پلاگین نویسی وردپرس. در این جلسه قصد داریم بحث شورت کدها در وردپرس را به طور کامل آموزش دهیم. شورت کد ها در وردپرس کدهای کوتاهی هستند که می توانیم برای کاربر نهایی ایجاد کنیم تا کاربر به راحتی کدهای مورد نظر خود را در...
دوره مجازی فاندیشن (جلسه 13) - کامپوننت ها - منوها - بخش دوم
0 3 ۲۸ فروردین ۹۵ در جلسه سیزدهم دوره آموزش فریم ورک فاندیشن می پرداریم به بررسی بخش دوم مبحث منوها و با کلاس ها و تگ های بیشتری از آن آشنا خواهیم شد... نکته : دانشجویان عزیز : مباحث این جلسه دارای چندین تکنیک و معرفی چندین اتریبیوت مهم می باشد لذا با دقت این جلسه رو مشاهده نمایید... در این جلسه می ...
دوره مجازی سئو (جلسه 28): بهینه سازی سرعت لود سایت و طراحی متناسب با SEO
0 17 ۲۷ فروردین ۹۵ در این جلسه از دوره آموزشی سئو ما به بهینه سازی سرعت لود سایت میپردازیم که هم دارای مباحث تئوری هست و هم مباحث عملی که یک سایت رو میایم از لحاظ سرعت لود بهینه سازی میکنیم. مطالب مطرح شده در این جلسه عبارتند از : مفهوم کاربردپذیری در طراحی وب تاثیر هاست و مکان سرور بر سئو مزیت استف...
دوره مجازی پلاگین نویسی وردپرس (جلسه 7) : ایجاد پلاگین فیلتر کردن کلمات زشت در نظرات
0 31 ۲۷ فروردین ۹۵ به نام خدا و سلام. در جلسه هفتم از دوره مجازی آموزش پلاگین نویسی وردپرس در خدمت شما هستیم. در این جلسه قصد داریم پلاگین فیلتر کردن محتوای نظرات وردپرس رو با هم دیگه بنویسیم. در ابتدای کار یک فایل ایجاد می کنیم و کلماتی که قصد داریم آنها در محتوای نظرات فیلتر کنیم وارد می کنیم. به ...
presentation-slideshow : آموزش ساخت اسلایدشو با استفاده از CSS و jQuery
در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش داده شده که چطور با استفاده از CSS و jQuery یک Slideshow و Presentation زیبا رو طراحی کنید. این کد بر روی IE9 به بالا پشتیبانی میشه. برای شروع وارد سایت presentation-slideshow بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads...
کدهای جذاب و دیدنی ( Lock Screen ) : صفحه قفل زیبا
در این قسمت میخوام یک کد ( Lock Screen ) جالب رو در اختیارتون بزارم. همونطور که دیدید یک صفحه قفل یا Lock Screen قرار داد شده و با کشیدن طرح میتونین اون رو باز کنید. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باش...