آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

آرشیو تگ tutorial ( 85 مورد )

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 40) : کار با Supports@ - قسمت 3

در این جلسه قصد داریم مطالب مربوط به دستور @supports رو به پایان برسونیم. در ابتدا مثالهایی رو براتون میزنیم تا بهتر با عملکرد این ویژگی در واقعیت آشنا بشید. شما میتونین مجموعه ای از استایلها، اگر مرورگر هم گرادیان و هم Blend mode رو پشتیبانی بکنه، با استفاده از کد زیر به المنت مورد …

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

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 39) : کار با Supports@ - قسمت 2

در جلسه قبل مقدماتی رو در مورد دستور @supports بهتون توضیح دادیم و شما رو با اون آشنا کردیم. در این جلسه مثالهای بیشتری در مورد این دستور میزنیم و شما رو بیشتر با قابلیتهای اون آشنا میکنیم. خب در اینجا میخوایم یک کد رو با هم بررسی کنیم. کد زیر رو در نظر بگیرید: …

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

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 38) : کار با Supports@ - قسمت 1

در جلسات قبل در مورد نحوه استایل دهی به لیستها براتون توضیحاتی قرار دادیم و شما رو با اونا آشنا کردیم. در این جلسه و جلسات بعد در مورد دستور @Supports براتون توضیحاتی رو قرار میدیم. آموزش کار با Supports@ همونطور که میدونین هر چه که زمان میگذره، ویژگی های زیادی در CSS معرفی میشن …

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

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 37) : استایل دهی به لیستها - قسمت 2

در این جلسه با ادامه موضوع استایل دهی به لیستها با استفاده از CSS در خدمتتون هستیم. ویژگی list-style-position: این ویژگی موقعیت نشانه یا اعداد لیست رو مشخص میکنه و میتونه 2 مقدار زیر رو قبول کنه: inside : زمانی که از این حالت استفاده می کنید، نشانه مربوط به لیست، جزئی از لیست محسوب …

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

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 36) : استایل دهی به لیستها - قسمت 1

در جلسات گذشته در مورد Flexbox توضیحاتی رو در اختیارتون قرار دادیم و شما رو بصورت پایه با اون آشنا کردیم. در این جلسه میخوایم در مورد نحوه استایل دهی به لیستها با استفاده از CSS و همچنین ویژگی های مهم در این زمینه توضیحاتی رو قرار بدیم. استایل دهی به لیستها با CSS در …

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

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 35) : flexbox - قسمت 3

در این جلسه میخوام مباحث مربوط به flexbox رو به پایان برسونم و دو ویژگی باقیمانده رو برای شما توضیح بدم. ویژگی چهارم : Align items اگر شما ویژگی justify-content رو به خوبی متوجه شده باشید، با این ویژگی هم مشکلی نخواهید داشت و به راحتی اون رو متوجه میشید. اگر یادتون باشه justify-content، المنتها …

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

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 34) : flexbox - قسمت 2

در جلسه قبل مقداری در مورد Flexbox توضیح دادیم و در مورد ویژگی dispay: flex صحبت کردیم. در این جلسه میخوایم موضوع Flexbox رو ادامه بدیم. ویژگی دوم : Flex Direction Container یا کانتینر مربوط به Flexbox دو محور داره: main axis : محور اصلی cross axis : محور متقاطع ظاهر پیش فرض بصورت زیر …

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

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 33) : flexbox - قسمت 1

در جلسات قبل در مورد ویژگی های orphans و widows براتون توضیحاتی رو قرار دادیم و شما رو بصورت کامل با اونا آشنا کردیم. در این جلسه قصد داریم در مورد Flexbox صحبت کنیم. Flexbox همونطور که میدونین با استفاده از flexbox میتونین بر روی چارچوب سایت خودتون مدیریت داشته باشید و کارهایی که در گذشته به …

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

آشنایی بیشتر با 50 ویژگی جالب CSS (جلسه 32) : ویژگی orphans و widows

در جلسات قبل در مورد ویژگی object-fit و object-position براتون توضیحاتی رو قرار دادیم و شما رو بصورت کامل با اونا آشنا کردیم. در این جلسه قصد داریم در مورد دو ویژگی orphans و widows صحبت کنیم. ویژگی orphans و widows زمانی که درون کدهای HTML خودتون ستون دارید و یا قصد دارید که اونا …

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

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

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

ورود به سایت

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

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

عبارت :
7LearnTelegram