کاربرد های احتمالی رنگ در CSS3

March 28, 2005 at 01:15 am

در مطالعه کتاب جناب توماس به نکته ی جالبی برخورد کردم ، نویسنده در این باره می گوید: با وجودی که هنوز مطمئن نیستیم مرورگرها در خصوصیات CSS3 آینده چه چیزی را پشتیبانی می کنند ، اما برخی از جنبه های پشتیبانی رنگ برای اشاره به موارد ممکن آینده به طور خلاصه آمده است .

اول اینکه CSS3 امکان هماهنگ شدن با اجزا را به نقاط تیره می دهد. این کار می تواند از طریق هماهنگ کردن خصوصیات یک رنگ اصلاح شده که با rgba نشان داده می شود و آلفا را به عنوان مقدار چهارم اضافه می کند باشد. در ضمن این آلفا می تواند بین 0.0 تا 1.0 تغییر کند .

یک نوع پیشرفت دیگر که درآن معرفی شده است، توانایی مرتب کردن رنگ در قالب HSL است. این رنگ ها به صورت سه تایی مشخص می شوند ( سایه، اشباع، روشنی ). سایه به صورت گوشه ای از چرخه رنگ، جایی که قرمز 0 یا 360، سبز 120، آبی 240 و دیگر رنگ ها بین این ارقام هستند ظاهر می شود. اشباع به صورت درصد بیان می شود. بنابراین 0 درصد اشباع ندارد یا سایه ایی از رنگ خاکستری است، در حالی که 100 کاملا اشباع شده از سایه می باشد. روشنی هم به صورت مقدار درصدی نشان داده می شود، که روشنی 100 درصد به رنگ سفید و روشنی 0 به رنگ سیاه ظاهر می شود .

با وجوی که به نظر می رسد راه دیگری برای تعیین رنگ وجود دارد، اما تعیین رنگ HSL در جهت تنظیم رنگ ها شهودی تر است و به طور کلی خلق تنوعی از رنگ ها با ثابت نگه داشتن سایه و تنظیم کردن درجه اشباع و ته رنگ با این روش آسان تر به نظر می آید. رنگ های HSL، شبیه خصوصیات رنگ RGB، به موجب سیستم CSS3 مقدار آلفا را پشتیبانی می کنند و به وسیله HSLA اندازه گیری می شوند.

در نهایت CSS3 خصوصیاتی شبیه به نمای رنگی معرفی می کند، که خصوصیات نمای رنگی یک ICC ( International Color Consortium ) را جایز می شمرد. توانایی بهبود در نمایش مجدد رنگ در مرورگرها مدت هاست که در شرف وقوع است. چالش واقعی که با رنگ در وب می بینیم این است که با چنین تنوع وسیعی از دیدگاه های در حال وقوع، اگر دقت نکنیم، تفاوت بین اینکه چه رنگ هایی را تعیین می کنیم و چه رنگ هایی واقعا نمایش داده می شوند بسیار بزرگ است .

CSS و كاربرد آن در طرح های امروزی

February 17, 2005 at 08:59 pm

همان گونه كه در پست های قبلی متوجه شدید CSS جایگزینی برای نمایش مبتنی بر HTML پیشنهاد می كند و اكنون به وسیله ی انجمن طراحی وب پذیرفته شده است . سازگاری css نیازمند برخی تغییرات از سوی تولید كنندگان وب است . css بسیار حساس به نحو دستوری است ، و اشتباهات كوچك می توند باعث شكست كامل یك قانون css شود . بنابراین ، طراحان باید از مشخصات آن آگاه باشند . ( یك ارزیابی كننده آنلاین برای CSS در اینجا وجود داره كه می تونید طرح خودتون رو با استانداردها مقایسه كنید )

متاسفانه ، حتی اگر از قوانین پیروی كنید ، خطاهای آشكاری در پیاده سازی مرورگرهای پیشرفته وجود دارد . چیزهای زیادی وجود دارد كه باید درباره ی CSS بدانید ، و امكانات جدید هر لحظه اضافه می شود . CSS1 تعیین اولین شیوه نامه ، بیش از 50 خاصیت را تعریف می كند ، و CSS2 بیش از 50 خاصیت دیگر را . CSS2 تسهیلات تغییر مكان كه CSS-P نامیده می شود را به وجود آورده است . نگارش جدید كه CSS3 نام دارد قصد دارد امكانات ارائه بیشتری را به وجود آورد ، و با فناوری های دیگر ، نطیر اسكریپت و گرافیك های برداری ، بیشتر یكپارچه شود .

مهم است به خاطر داشته باشید كه HTML اساس و پایه ی یك صفحه وب است . CSS در واقع ، به طور مستقیم به استفاده صحیح از عناصر HTML یا XHTML استناد می كند . ولی ، اگر به كد ناهنجاری محدود شده باشند لزوما به طور قابل پیش بینی ای كار نمی كنند .

هر چند واضح است كه می خواهیم به برچسب های منطقی معنی بدهیم ، ولی مواظب باشید كه این به شما مجوز نمی دهد از CSS به جای كد HTML استفاده كنید . قوانینی كه ارائه محدود برخی برچسب ها را تغییر می دهند نباید به كار روند . برای مثال در اینجا باعث می شویم كه برچسب های <b> به طور غیر معمولی عمل كنند و تمام اشكال تزئینی پیوندها را حذف نمایند :

b {font-style:italic; font-weight:normal;}
a {text-decoration:none; color: black; }

ادامه مطلب …

Page: 1 | 2 | 3 | 4