10 اشتباه در کدنویسی HTML که نباید مرتکب شوید

10 اشتباه در کدنویسی HTML که نباید مرتکب شوید
در کدنویسی صفحات وب، اشتباهات رایجی وجود دارد که از کدنویسان مبتدی تا پیشرفته ممکن است مرتکب شوند. این موارد میتوانند در افزایش سرعت بارگزاری سایت، کاهش حجم وب سایت، میزان دسترسی کاربران به سایت، مورد پسند بودن سایت برای موتورهای جستجو و در نهایت موفقیت سایت تاثیرگذار باشند. شاید این اشتباهات از نظر کاربران سایت پنهان باشند، اما از دید مرورگرها و از همه مهمتر چشم تیزبین موتورهای هوشمندی مانند گوگل دور نمانده و در ارتقا رتبه، ارجاع بازدیدکننده و بسیاری از مسائل دیگر تاثیرگذار خواهند بود. بنابراین کدنویسی تمیز و بدون اشتباه مهارتی ضروری است که هر طراح و توسعه دهنده وب باید برای موفقیت کسب نماید. در این ارسال نگاهی خواهیم داشت به ده مورد از اشتباهاتی که ممکن است در پیاده سازی وب سایت ها مرتکب شوید. [بیشتر]

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

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

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

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

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

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

ساخت قالب وب سایت مبتنی بر HTML5 در 15 ثانیه

ساخت قالب وب سایت مبتنی بر HTML5 در 15 ثانیه
آیا مایلید یک قالب وب سایت ساده برای شروع پروژه خود فقط در 15 ثانیه ایجاد کنید؟ Initializr اینکار را برای شما انجام می دهد! یک قالب مبتنی بر HTML5 که بعد از انتخاب امکانات ابتدایی و بخش های آن ، با زدن دکمه دانلود ، آنرا دریافت و فقط کافیست قالب تولید شده را برای خود سفارشی کنید . پس از اینکه عنوان سایت ، متاتگ ها ، آیکون سایت و محتوای سایت خود را تعین کنید ، قالب پایه شما آماده است . بسته دانلودی شامل فایل CSS ، جاوااسکریپت ، فریم ورک jQuery و HTML خواهد بود . [بیشتر]

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

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