آموزش طراحی دکمه سه بعدی با فتوشاپ، CSS و HTML

آموزش طراحی دکمه سه بعدی با فتوشاپ، CSS و HTML
در این آموزش یک دکمه زیبا را ابتدا قدم به قدم در فتوشاپ طراحی کرده و سپس دکمه گرافیکی طراحی شده را به صورت کاملا" عملی برای استفاده در صفحات وب سایت توسط HTML و CSS پیاده سازی کنیم. برای اینکه یک دکمه سه بُعدی با ظاهری واقعی داشته باشیم ، در طراحی به جزئیات نیز پرداخته میشود. کلیه مراحل به صورت تصویری و به ساده ترین نحوه بیان شده است. در این آموزش با تکنیک هایی در فتوشاپ و CSS آشنا خواهید شد که میتوانید از آنها در تمام پروژه های طراحی وب بهره بگیرید. [بیشتر]

آموزش ساخت Tooltip با استفاده از CSS3

آموزش ساخت Tooltip با استفاده از CSS3
اگر در وب سایت خود ، لینک ، تصویر ، لوگو و یا آیکونی دارید که متن آن به اندازه کافی گویا نیست ، نیاز به یک Tooltip دارید . Tooltip ها کارایی سایت را بالا برده و باعث می شوند کاربری سایت آسان شود. همانطور که در مطلب 8 راه برای دوری از اشتباهات رایج در طراحی وب عنوان شد ، یکی از مهمترین مسائلی که در طراحی سایت باید در نظر داشته باشید ، آسان بودن کاربری سایت است . در این آموزش یاد خواهید گرفت که چطور برای سایت خود Tooltip هایی بدون جاوااسکریپت و بدون استفاده از عکس و تنها با استفاده از HTML و CSS بسازید . [بیشتر]

ساخت دکمه برگشت به بالای سایت همراه انیمیشن

ساخت دکمه برگشت به بالای سایت همراه انیمیشن
شاید این روزها هنگام گشت و گذار در اینترنت وب سایت هایی را دیده باشید که یک دکمه در پایین آنها وجود دارد و هنگامی که کاربر صفحه را اسکرول کرده و به پایین وب سایت می رود ، با کلیک روی آن ، صفحه وب آرام و با افکتی زیبا به سمت بالای سایت حرکت میکند و کاربر مجددا" در حالت اولیه بارگزاری سایت قرار میگیرد . بعد از این آموش می توانید با چند خط مختصر توسط CSS و jQuery یک دکمه برگشت به بالا با افکت و به صورت انیمیشنی برای وب سایت خود بسازید. [بیشتر]

ایجاد سایه و افکت های زیبا برای متن توسط CSS

ایجاد سایه و افکت های زیبا برای متن توسط CSS
CSS3 امکانات زیادی را برای طراحان وب سایت ها به ارمغان آورد . از آن جمله انداختن سایه برای متن در صفحات وب می باشد که طراحان را از بسیاری کارهای اضافی در نرم افزارهای طراحی مانند فتوشاپ بی نیاز می کند . به کمک دستورات سایه در CSS3 شما می توانید به سادگی به متن خود عمق و ابعاد دهید و یا آنها را به شکل برجسته و یا خارج از صفحه نشان دهید . توسط پارامترهایی که دستور سایه در CSS3 در اختیار شما قرار میدهد ، میتوانید متون بسیاری را با جلوه های بصری زیبا ایجاد کنید . فقط کافیست پارامترهای Color ، Offset و Blur را تغییر دهید تا به نتایج جدید دست یابید .
[بیشتر]

آموزش ساخت دکمه های متنی زیبا توسط CSS

آموزش ساخت دکمه های متنی زیبا توسط CSS
در این ارسال چگونگی ساخت دکمه های متنی زیبا توسط css را آموزش خواهیم داد . این دکمه ها دارای قابلیت نمایش متفاوت در حالت فشرده و عادی را دارند . دکمه های پویا به دلیل کار گرافیکی کمتر باعث صرفه جویی بسیار در وقت طراحان وب سایت میشوند. در این آموزش با استفاده از تکنیک های بسیار کاربردی در CSS دکمه هایی با حجم کم ، کاملا" انعطاف پذیر با حداقل کد خواهیم ساخت . با توجه به اینکه محتوا و متن دکمه های گرافیکی توسط موتورهای جستجو قابل تشخیص نیست ، این دکمه ها برای هدایت موتورهای جستجو و بازدیدکنندگان به مطالب وب سایت مناسب ترین انتخاب هستند. [بیشتر]

رسم نمودارهای گرافیکی بوسیله CSS

رسم نمودارهای گرافیکی بوسیله CSS
    همیشه داشتن دانش کافی در مورد CSS و XHTML در هنگام طراحی و توسعه برنامه های تحت وب به شما کمک شایانی میکند تا بدانید چه چیزهایی میتواند در سمت کلاینت و چه چیزهایی میتواند در سمت سرور تولید شود . در این مطلب قصد داریم با بهره گیری از CSS و XHTML و با استفاده از یک روش بسیار ساده و انعطاف پذیر ، نمودارهای گرافیکی زیبا که میتواند در وب سایت ها و نرم افزارهای مهندسی و یا هر کجا که نیاز به نمایش مقادیر به صورت گرافیکی باشد را رسم کنیم .در صورت تمایل در این نمودارها میتوانید رنگ ، طو... [بیشتر]