دسته: CSS

  • ساخت custom select با استفاده از ویژگی appearance: base-select در CSS

    همون‌طور که در پست قبلی اشاره کردم چالش‌های این ماه CodePen درباره ویژگی‌های جدید CSS که امسال معرفی شدن هست. چالش هفته دوم ساخت custom select با استفاده از appearance: base-select بوده؛ روش جدیدی که در ادامه درباره‌ش توضیح می‌دم.

  • ویژگی‌های corner-shape و ()clip-path: shape در CSS

    چالش‌های این ماه CodePen درباره ویژگی‌های جدید CSS هست که امسال معرفی شدن. از اونجایی که همیشه سعی می‌کنم بروز بمونم و چیزهای جدید یاد بگیرم، تصمیم گرفتم از این فرصت استفاده کنم و با شرکت توی این چالش‌ها ویژگی‌های جدید CSS را یاد بگیرم. هفته اول چالش روی دو ویژگی clip-path: shape() و corner-shape […]

  • قواعدی برای نوشتن CSS خوب

    با توجه به پیچیدگی ذاتی CSS که در هنگام نوشتن آن وجود دارد، داشتن قواعدی در مورد نحوه نگارش آن مهم و شاید ضروری است.

  • پروژه تصویرسازی با استفاده از CSS

    با اضافه کردن بیستمین طرح به پروژه single div CSS illustration یا تصویرسازی با استفاده از CSS تصمیم گرفتم کمی در مورد این پروژه بنویسم.

  • چه زمانی از ویژگی Nesting یا تودرتو نویسی در CSS استفاده کنیم؟

    با اخبار اخیر مبنی بر اینکه CSS nesting اکنون در همه مرورگرهای اصلی در دسترس است، تیم ما در حال بحث در مورد تفاوت آن با nesting در Sass بود که این سوال مطرح شد: چه زمانی باید از nesting استفاده کنید؟

  • ترفند CSS: اجرای transition از ارتفاع صفر تا auto

    اگر به اندازه کافی با CSS کار کرده باشید به احتمال زیاد حداقل یک بار تلاش کرده اید که از transition برای height: 0 تا auto استفاده کنید و می‌دانید که همچین چیزی امکان پذیر نیست و transition در این حالت کار نمی‌کند.