شاید همه ی ما نهایتا 10 الی 15 کلمه بدانیم که از اسامی رنگ ها می باشد .

از جمله black , white , red , green , blue , yellow  و … در این پست از سایت اسکریپت دات کام با 147 کلمه آشنا میشوید که هر کدام مشخصه رنگی خود را دارد . این رنگ ها اصطلاحا Color Keywords یا Color Names نامیده میشوند که شما میتوانید از آنها در رنگ دهی HTML و رنگ دهی در CSS استفاده نمایید .

در زیر لیست کاملی از این نوع رنگ ها با 4 مشخصه کد هگزادسیمال , نام فارسی , نام انگلیسی ( یا همان نام رنگ ) و نمایش خود رنگ را برای شما آماده ساخته ام .

ضمنا لیست زیر به تفکیک تونالیته رنگی دسته بندی شده است که یقینا کار را برای شما عزیزان راحتتر خواهد کرد .

پس از چند روز تاخیر در ارسال پست به دلیل مشغله کاری , برای این ساعت از سایت اسکریپت دات کام  ترفندی جدید برای زیباسازی وب سایت را ارئه میکنم .

در این آموزش قصد دارم ترفندی از css که باعث سایه دار شدن بالای وب سایت می باشد را در اختیار شما همراهان قرار دهم .

و اما آموزش :

همان طور که طراحان  وردپرسی میدونند , یکی از بخش های مهم این سیستم مدیریت محتوا , بخش نظرات آن هست که به صورت پیشفرض بسیار ساده و غیر قابل تحمل می باشد .

بعضی از طراحان به صورت کلی با دادن استایل های مناسب به ol یا ul  در css , سعی در زیباتر کردن این بخش میکنند . گر چه کار اشتباهی نیست , اما کار استانداردی هم به نظر نمی آید .

به همین دلیل برای این پست از سایت اسکریپت دات کام , لیستی کامل از تمامی استایل های این بخش را در اختیار شما عزیزان قرار میدهم .

تقریبا تمامی استایل ها با توجه به اسمشان , گویای کاری که انجام میدهند هستند و دیگر نیازی به توضیح بیشتر در این باره نیست

یکی از خاصیت های بسیار حرفه ای و زیبای CSS , خاصیت filter میباشد . این خاصیت با مقادیری که دارد , میتوانید عکس مورد نظر خود را به سیاه سفید , تار , سایه و … تبدیل کنید .

برای این ساعت از سایت اسکریپت دات کام قصد دارم به آموزش این توابع از css بپردازم که امیدوارم مورد پسند کاربران گرامی قرار گیرد .

یکی از معایب filter ها , عدم پشتیبانی تمامی مرورگرها از این خاصیت می باشد . این خاصیت را در حال حاضر مرورگر های Google Chrome و Opera پشتیبانی میکنند و مرورگر های FireFox , Safari و IE از این خاصیت پشتیبانی نمیکنند .

طبیعتا وب سایتی مورد تایید است که در تمامی مرورگرها یکسان باشد . یعنی از خاصیت هایی استفاده شود تا تمامی مرورگرها قابلیت پشتیبانی از آنها را داشته باشند . ولی این مورد , به معنی عدم استفاده از Filter ها نمی باشد . چون در حال حاضر , 60% مردم دنیا از گوگل کروم استفاده میکنند .

ریسپانسیو در لغت به معنای واکنش گرا می باشد . همانطور که تمامی طراحان وب سایت یا حتی کاربران میدانند , سایت ها برای اینکه در تمامی مانیتور های منسوخ نشده حال روز دنیا , به درستی نمایش داده و دارای اسکرول افقی نشوند , برای آنها پهنایی ثابت , منظور همان 980px ( برای رزولیشن های بالای 1024 ) استفاده میشود .

با پیشرفت تکنولوژی و روی کار آمدن موبایل های هوشمند , تبلت ها , مانیتور های رزولیشن بالا و حتی تلویزیون های دارای مرورگر اینترنتی , این خلا ایجاد شده که سایت طراحی شده دارای ابعاد بسیار کوچکتر به نظر میرسند و برای دیدن مطلبی در سایت , باید در آن قسمت زوم کرد …

طبیعتا کاریست بسیار سخت و دست پا گیره …

با روی کار آمدن Css3 و بحث Media Query ها , این مشکل حل شد و حالا ما میتوانید سایت های خود را در ابعاد مختلف و برای رزولیشن های مختلف طراحی کنیم .

همیشه داشتن یک BackGround حرفه ای و مناسب , یکی از دغدغه های هر وب مستر میباشد .

حتما شما هم از پشت ضمینه های ایستا و یک نواخت خسته شده اید …

در این پست به انتشار مطلب در مورد داشتن یک پشت ضمینه متحرک خواهم پرداخت تا با استفاده از آن بتوانید کاربران خود را مجذوب سایت خود سازید .

همانطور که میدانید به صورت پیشفرض , رنگ جملاتی که در وب سایت select میکنید به صورت زمینه آبی رنگ می باشد .

شما میتوانید به راحتی این خاصیت پیشفرض رو تغییر دهید و دیزاین خود را جایگزین کنید .

برای این کار به شیوه نامه (style.css) وبلاگ , وبسایت , قالب وردپرس و … خود رفته و در این فایل ( معمولا در همان خطهای اول ) این دو شیوه نامه را اضافه کنید .

توجه : برای اینکه تمامی مرورگر ها  از این خاصیت بهره مند شوند , باید هر دو شیوه نامه ی زیر را در فایل css قرار دهید . طبیعتا مقادیر قرار گرفته در هر دو شیوه نامه باید با هم مساوی باشند .

چند سالی میشه که Css3 جایگاه مهمی در بین دیزاین های حرفه ای قالب ها پیدا کرده است .

اما همانطور که میدانید بجز مرورگر های IE 1 تا IE8 که به هیچ عنوان از css3 پشتیبانی نمیکنند . بقیه مرورگر ها , در ورژنهای قدیمی خود به دلیل اینکه Css3 یک قانون استاندارد نبود , برای نمایش آن باید از پیشوند های اختصاصی همان مرورگر برای نمایش Css3 استفاده کرد .

به دلیل اینکه هنوز کاربرانی از این ورژنهای قدیمی استفاده میکنند باید از این پیشوند ها در طراحی استفاده شود تا تمامی مرورگر های قدیمی و جدید از این امکام برخوردار شوند .