خلاصی از دردسر Prefixها در CSS

  • بوسیله: محسن شفیعی
  • در 1394/05/02 - 0:21
  • نظرات (2)
CSS3

CSS3

در زبان CSS همیشه باید بررسی کنیم که کدی که در حال نوشتن هستیم، در تمام مرورگرها به درستی کار کند، بعضی مواقع واقعاً موجب دردسر هستند!

اما راهکار بسیار ساده‌ایی برای رهایی از نوشتن Prefixها در CSS وجود دارد، به این صورت که ما کد استاندارد را مینویسیم، و کد مخصوص مرورگرهای مختلف را بوسیله برنامه Autoprefixer تولید میکنیم.

(بیشتر…)

آشنایی با واحد اندازه گیری rem

  • بوسیله: محسن شفیعی
  • در 1393/02/23 - 12:27
  • نظرات (10)
CSS3 - سی اس اس 3

CSS3 – سی اس اس 3

احتمالا بیشتر شما با واحدهای اندازه گیری مختلفی در CSS آشنا هستید که البته معروف ترین آنها px است و همچنین واحدی که در چند سال گذشته حرف آن زیاد به گوش رسیده واحد em است. در این مطلب ما قبلا با واحد اندازه گیری em آشنا شدیم. این واحد به صورت relative کار میکند و بر اساس مقدار اندازه والد عمل میکند که همین نکته باعث میشود مشکلاتی در استفاده از این واحد در font-size بوجود آید.

در ادامه مطلب همراه ما باشید…
(بیشتر…)

OOCSS چیست؟

  • بوسیله: محسن شفیعی
  • در 1393/01/20 - 9:59
  • نظرات (4)
OOCSS

OOCSS

حتما با واژه و روش برنامه نویسی شی گرایی در زبان های برنامه نویسی آشنا هستید، حالا  اگر بگوییم روش شی گرایی در نوشتن کدهای CSS هم وجود دارد، واکنش شما چیست؟ OOCSS در واقع مخفف Object Oriented CSS است. واژه شی گرایی در CSS ممکن است واژه جدیدی باشد که البته اگر سال 2009 را جدید بدانیم زیرا واژه OOCSS در سال 2009 توسط Nicole Sullivan ایجاد گردید، ممکن است خود شما در حال استفاده از آن باشید.

برای آشنایی بیشتر در ادامه مطلب همراه ما باشید…

(بیشتر…)

انیمیشن در CSS3

  • بوسیله: محسن شفیعی
  • در 1392/10/27 - 12:03
  • نظرات (5)
CSS3

CSS3

با استفاده از CSS animations میتوان یک عنصر را به صورت انیمشینی از نوعی به نوع دیگری تبدیل کرد. انیمشین ها شامل دو جزء هستند، یکی کدهای CSS که استایل عنصر را مشخص میکند و دیگری keyframeها که نقاط شروع، پایان یا بین آن‌ها را مشخص میکند.

استفاده از انیمشین در CSS3 نیازی با یاد داشتن JavaScript ندارد در حالی که انیمیشن ها در CSS دارای کارایی بالاتری از انیمیشن هایی هستند که با استفاده از JavaScript نوشته میشوند.

در ادامه مطلب همراه ما باشید

(بیشتر…)

آموزش ساخت سوئیچ در CSS3

  • بوسیله: محسن شفیعی
  • در 1392/10/18 - 21:38
  • نظرات (5)
CSS3 - سی اس اس 3

CSS3 – سی اس اس 3

در این مطلب میخواهیم نحوه ساخت سوئیچ با ساختار انیمیشنی، آنهم تنها با استفاده از CSS3 بپردازیم. سوئیچ در‌ واقع همان چک باکس است که ما قرار است آن را به صورت آن چیزی که بیشتر در موبایل های هوشمند شاهد آن هستیم تبدیل کنیم.

مشاهده دمو

در ادامه مطلب همراه ما باشید

(بیشتر…)

وراثت در CSS3

  • بوسیله: محسن شفیعی
  • در 1392/08/05 - 12:22
  • یک نظر
CSS3 - سی اس اس 3

CSS3 – سی اس اس 3

استفاده از مدل آبشاری در نوشتن کدهای CSS کار راحتی است. بیشتر توسعه دهندگان از با کلمه کلیدی inherit آشنا هستند. اما در این مطلب میخواهیم بیشتر با وراثت در CSS3 آشنا شویم.

(بیشتر…)