HTML و CSS
HTML و CSS همیشه در حال تحول هستند، ارائه دهندگان جلویی و طراحان وب بسیاری از امکانات جدید. امروز، نگاهی داریم به ]چند ویژگی جدید و هیجان انگیز HTML و CSS برای ایجاد وب سایت های بهتر در سال 2018.
عنصر <dialog> بومی
عنصر <dialog> همراه با مشخصه جدید HTML 5.2 در دسامبر 2017 ارائه شد که امکان ایجاد پنجره های بومی در HTML خالص را فراهم می کند. از ژانویه 2018، <dialog> فقط در Chrome / Chrome mobile کار می کند.
HTML و CSS
CSS scroll snap points
CSS Scroll Snap یک ماژول جدید از CSS است که موقعیتهای Snap را نشان می دهد. این ماژول ها موقعیت خاصی را تعیین می کنند که ممکن است یک اسکرول کانتینر پس از انجام عملیات پیمایش به پایان برسد. متاسفانه این ویژگی در اکثر مرورگرها هنوز اجرا نشده است.
HTML و CSS
HTML و CSS
در مثال بالا، یک سری از تصاویر موجود در یک ظرف اسکرول برای ساخت یک گالری عکس استفاده می شود. این از پیش نویس کار W3C گرفته شده است، مطمئن شوید که برای اطلاعات بیشتر در مورد این قابلیت جدید هیجان انگیز نگاهی بیندازید.
CSS درونی در <body>
مشخصات HTML 5.2 جدید سبک CSS inline را در بدن یک عمل معتبر ساخته است. نه ویژگی هیجان انگیز جدید، اما این در برخی موارد ممکن است امداد واقعی باشد.
HTML و CSS
متغیرها
پیش پردازنده های CSS مدت زمان زیادی را برای متغیر ارائه می کنند. با این حال، من در مورد ایده متغیرهای بومی در مشخصات CSS بسیار هیجان زده هستم. متغیرهای CSS به خوبی اجرا شده و در اکثر مرورگرها کاملا کار خواهند کرد. اطلاعات بیشتر در صفحه W3C یافت می شود. در حال حاضر، یک مثال سریع و خود توضیحی در زیر از نحوه استفاده از متغیرهای CSS بومی برایتان آورده ایم:
HTML و CSS
درخواستهای پشتیبانی
همانطور که با ویژگی های قبلی که ما در مورد آنها نوشتیم، سازگاری مرورگر هنوز هم یک مشکل بزرگ است، مخصوصا زمانی که به استفاده از ویژگی های جدید CSS روی می آورد. قابلیت نسبتا جدید supports@ راه را برای تنظیم قوانین توسط توسعه دهندگان را فراهم می کند بر اساس اینکه اعلامیه های مالکیت خاص در CSS پشتیبانی می شوند. supports@ در حال حاضر توسط تمام مرورگرها پشتیبانی می شود بجز اینترنت اکسپلورر 11.
HTML و CSS
برای نگاه عمیق به این ویژگی، من این مقاله جالب را پیشنهاد می کنم.
برای دیدن سابر مقالات سایت اینجا کلیک کنید.