در پایین یک راه تر و تمیز برای گرادینت کردن متن با سی اس اس مشاهده می‌کنید که البته فقط در موتور وب کیت (webkit) کار خواهد کرد. یعنی مرورگرهایی چون کروم و سافاری. h1 { background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#000)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } در این روش من ابتدا به …

درباره‌ی جی‌کوئری پیش‌تر صحبت کرده‌ایم. کتاب‌خانه‌ی جاوااسکریپتی که کار را برای‌مان چندین‌برابر راحت کرده است و به سادگی می‌توان کارهای بزرگی را در کم‌تر از چند دقیقه پیاده نمود. نمی‌خواهم از جی‌کوئری بگویم که می‌دانم کم و بیش با آن آشنایید. چیزی که قصد دارم درباره‌ش صحبت کنم، جی‌کوئری UI (مخفف User Interface) هست که …

با یک‌خط کد ِ سی‌اس‌اس می‌خواهیم یک افکت ِ جالب برای تصاویری که در صفحات وب قرار می دهیم درست کنیم. مراحل ِ کار بسیار ساده هست. ابتدا در پرونده‌ی اچ‌تی‌ام‌ال‌مان یک همچین‌چیزی می‌نویسیم: <div id="content"> <div id="dot-effect"></div> <img src="img.jpg" /> </div> سپس فتوشاپ‌مان را آتیش می‌کنیم و یک سند جدید با طول و عرض …

فکر می‌کنم با دستورات اختصاصی مرورگرها آشنا باشید. زمانی از این دستورات اختصاصی استفاده می‌کنیم که بخواهیم بعضی از دستورات ِ سی‌اس‌اس‌مان، در مرورگری خاص، متفاوت باشد. فرض کنید یک کادر در صفحه داریم که اندازه‌ی ارتفاعش در فایرفاکس دقیقا همانی هست که در سی‌اس‌اس تعیین کرده‌ایم، اما در اینترنت‌اکسپلورر ۶ کمی ارتفاع بیشتر است. …

همانطور که می دانید، Tooltip ها درواقع توضیحات کوتاهی هستند که با رفتن موس روی عناصر، نمایش داده می شوند. با استفاده از جی کوئری، می توان tooltip های زیبا و جذابی ایجاد نمود. در ادامه با هم روشی که اینجا برای ایجاد tooltip با جی کوئری معرفی شده است را مرور می کنیم. پیش …

باید متوجه شده باشید که وقتی یک تصویر را در صفحه قرار می دهید، اگر سایز ِ آن را با مشخصه های width و height تغییر دهید، تصویر دندانه دار می شود. این مشکل در مرورگری مثل فایرفاکس یا اُپرا وجود ندارد اما در اینترنت اکسپلورر به شکل ناخوشایندی به چشم می خورد. این مشکل …

باید در بعضی استایل ها و پرونده های سی اس اس دیده باشید که در آخر بعضی دستورات از عبارت important! استفاده می کنند. مثلا: float: right !important; زمانی از این عبارت استفاده می کنیم که قرار است به یک عنصر در صفحه، بیش از یک دستور بدهیم. یعنی چی؟ فرض کنید ما می خواهیم …

گاهی اوقات دستورات سی اس اسی که می نویسیم آنقدر زیاد و حجیم می شود که روی سرعت لود شدن سایت تاثیر منفی می گذارد و نظارت و ویراش کردن آن نیز کمی دشوار می شود. حالا اگر ما بیاییم از این روش های خلاصه نویسی استفاده کنیم، تا حدودی می توانیم از این حجیم …