نویسنده: [email protected] (Temani Afif)

Creating shapes using CSS is, without any doubt, a classic exercise. In many cases, we try to use hacky code and workarounds, but CSS has evolved, and we have modern ways to create CSS Shapes with clean, reusable code. In this comprehensive guide, Temani Afif explores different techniques for creating common shapes with the smallest… ادامه خواندن The Modern Guide For Making CSS Shapes — Smashing Magazine

Creating 3D effects in CSS isn’t an entirely new concept, but typical approaches use additional elements in the markup and pseudo-elements in the styles to pull it off. What if you don’t have the luxury of being able to modify the HTML in your project? Temani Afif rises to the challenge, applying 3D effects and… ادامه خواندن Sliding 3D Image Frames In CSS — Smashing Magazine

در قسمت 1 این مجموعه، تمانی عفیف تکنیک های مختلف CSS را برای ایجاد شکل های راهنمای ابزار بررسی کرد. چالش اصلی تکیه بر یک عنصر و ایجاد کد بهینه شده بود که به راحتی با استفاده از متغیرهای CSS برای به روز رسانی اندازه، شکل و موقعیت دم قابل کنترل باشد. در این بخش… ادامه خواندن نکات مدرن CSS و حباب های گفتاری (قسمت 2) – مجله Smashing

Tooltips are a very common pattern used in CSS for years. There are a lot of ways to approach tooltips in CSS, though some evoke headaches with all the magic numbers they require. In this article, Temani Afif presents modern techniques to create tooltips with the smallest amount of markup and the greatest amount of… ادامه خواندن Modern CSS Tooltips And Speech Bubbles (Part 1) — Smashing Magazine