دسته: تخصصی

  • تابع ()if در CSS

    تابع ()if در CSS شبیه دستورهای if…else در JavaScript عمل می‌کنه و به ما اجازه می‌ده با کمک منطق شرطی، مقدارهای متفاوتی برای یک ویژگی (property) تعیین کنیم.

  • ساخت 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 […]

  • شرکت در CSSBattle #34

    ابتدای این هفته دوره ۳۴ ام از رقابت‌ چهار هفته‌ای CSSBattle تمام شد، من هم در این دوره شرکت کردم و توانستم رتبه ۱۸ ام را با در نظر گرفتن راه‌حل‌های Unicode کسب کنم. در ادامه در خصوص CSSBattle، تجربه قبلی‌ام، دلیل شرکت در این رقابت، نحوه آماده شدن و تجربه‌ای که بدست آوردم توضیح می‌دهم.

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

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

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

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

  • رفع تداخل اسلاگ آرشیو پست‌تایپ و صفحه در وردپرس

    بطور کلی زمانی که اسلاگ (slug) یک پست‌تایپ سفارشی (custom post type) مشابه اسلاگ یک صفحه باشد، آرشیو پست‌تایپ سفارشی اولیت بیشتری دارد و وردپرس آن را به جای صفحه نمایش می‌دهد.

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

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

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

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