ویژگی object-fit تعیین می کند که محتوای عنصری از نوع Replaced چگونه در ابعاد مشخص شده اش رسم شود.
object-fit
گوگل در سابلایم
کد نویسی نیاز به تمرکز مناسبی دارد و از طرفی حس خوبیه که کل صفحه نمایش را ویرایشگر یا ابزار کدنویسی ما پر کند. حال با این شرایط گاهی نیاز داریم تا به سایتی رجوع کنیم یا بخصوص از گوگل استفاده کنیم. در نتیجه مجبور هستیم تا از محیط نازنین کدنویسی خارج شده و به […]
مجله ۱۲
ABCD Animal Book * Color Wave * Wallop * Parallaxy Slides * NSConf Argentina 2016
مجله ۱۱
Tply Demo * 56.digital * Canvas Flames * MANTRA * finn.no
مدیا کوئری
به وسیله مدیا کوئری می توان استایل مورد نظر را فقط محدود به شرایط خاصی در یک مدیا کرد.
مجله ۱۰
Animalmade.com * MediumEditor * Text to particles * Do You Know These Eight HTML5 Tags? * Balloon.css
مجله ۹
Material Design Lite * sonsofgallipoli.com * 3 Ball Drop * Rebound.js * Le Dernier Gaulois
media@
بوسیله دستور @media می توان یک دسته استایل را فقط مخصوص به یک مدیای خاص نوشت.
آموزش صفحه آرایی (واکنشگرا)
هر وقت از من سوال می شد چطور و از کجا سی اس اس یاد بگیرم جوابم این بود که “اگر می گفتی فلان زبان رو می خوام یاد بگیرم جوابش راحت تر بود”. برای حل کردن موضوع این مشکل کارگاهی غیر حضوری را در نظر گرفتیم تا در آن کارآموز بتواند در یک دوره کوتاه بصورت تصویری موضوع صفحه آرایی را قدم به قدم فرا گرفته و تمرین های مشخص شده را حل کرده و بصورت مستقیم با مربی در تماس باشد.
مجله ۸
CSS Sunset Sunrise * PIXEL ART TO CSS * La24.org * A Gallery of Hearting Animations * Roll.js