آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

آرشیو بانک کد سون لرن   ( صفحه 2 ) ( 1454 مورد )

کدهای جذاب و دیدنی ( Interactive Form ) : استایل زیبا برای ثبت نام تعاملی

در این قسمت میخوام یک کد ( Interactive Form ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک رابط کاربری زیبا برای ثبت نام کاربران قرار داده شده و میتونین از اون ایده بگیرید. با زدن Tab یا کلیک کردن بر دایره های سمت راست، میتونین به مراحل مختلف برید و همچنین با وارد …

۱ اردیبهشت ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Leaderboard ) : استایل زیبا برای جدول بازیکنان فعال

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

کدهای جذاب و دیدنی ( Timeline Style Navigation ) : استایل Timeline برای جابجا شدن در صفحه

در این قسمت میخوام یک کد ( Timeline Style Navigation ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک خط Timeline مانند در سمت چپ قرار گرفته و به تعداد Section هایی که در صفحه وجود داره، شماره درون اون قرار گرفته. با کلیک بر روی هر کدوم از اونا، به بخش مورد نظر …

۳۱ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Hamburger Icon Animations ) : افکتهای انیمیشنی برای آیکون همبرگر

در این قسمت میخوام یک کد ( Hamburger Icon Animations ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید تعدادی افکت انیمیشنی زیبا برای دکمه همبرگر قرار گرفته و زمانی که بر روی اونا کلیک میکنید، افکت اونا نمایش داده میشه. از هر کدوم که خواستید میتونین برای سایت خودتون استفاده کنید. بدلیل اینکه حجم …

۳۰ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Ken Burns Effect ) : افکت زوم شدن زیبا برای تصاویر

در این قسمت میخوام یک کد ( Ken Burns Effect ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید افکت Ken Burns که یک نوع افکت زوم شدن زیبا برای فیلم و عکسها هست رو با استفاده از CSS شبیه سازی کرده و میتونین از اون ایده بگیرید. بدلیل اینکه حجم کدها زیاد بود ، …

۲۹ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Sass text hover ) : مجموعه ای از افکتهای متن برای هاور

در این قسمت میخوام یک کد ( Sass text hover ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید مجموعه ای از استایلهای زیبا برای هاور کردن بر روی متون قرار داده شده و میتونین از اونا استفاده کنید. از بخش سمت چپ میتونین افکت مورد نظرتون رو انتخاب کنید و با هاور کردن بر …

۲۸ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Animated Weather Cards ) : نمایش وضعیت آب و هوا بصورت حرفه ای

در این قسمت میخوام یک کد ( Animated Weather Cards ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید وضعیت آب و هوا بصورت حرفه ای و زیبا نمایش داده میشه. در بالا 5 آیکون مربوط به هوای برفی و بارانی و ... قرار داده شده و مثلا اگر بر روی بارانی کلیک کنید، باران …

۲۷ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( Pure CSS sphere ) : ساخت کره رنگی و زیبا با CSS

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

۲۶ فروردین ۱۳۹۶ ادامه ی مطلب »

کدهای جذاب و دیدنی ( OS1 Loading ) : ساخت لودینگ زیبا و سه بعدی

در این قسمت میخوام یک کد ( OS1 Loading ) جالب رو در اختیارتون بزارم. دمو همونطور که دیدید یک لودینگ زیبا و حرفه ای قرار داده شده و زمانی که بر روی صفحه کلیک میکنید و نگه میدارید، لودینگ بصورت آهسته شروع به چرخش میکنه و در نهایت به پایان میرسه. بدلیل اینکه حجم کدها …

۲۵ فروردین ۱۳۹۶ ادامه ی مطلب »

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram