• instagramFollow me on instagram!
  • google plus ما را در گوگل پلاس دنبال کنید!
  • ما را در فیس بوک دنبال کنید!
  • ما را در تویتر دنبال کنید!

آرشیو تگ : css

Css Sprite

CSS Sprite چیست؟ آیا با مفهوم CSS Sprite آشنایی دارید؟ اسم آن میتواند تا حدی فریبنده باشد، احتمالا تاکنون با دکمه هایی که حالت روشن و خاموش آنها در یک تصویر قرار گرفته اند برخورد داشته اید که با تغییر مکان تصویر زمینه حالات مختلفی را نشان میدهند. استفاده از این تکنیک را CSS Sprite مینامیم با این تفاوت که بجای قرار گرفتن دو عکس میتوانید تعداد نامحدودی عکس و آیکون را در یک تصویر بگنجانید. CSS Sprite اولین بار در بازی های کامپیوتری بکار گرفته شد که در آن با لود کردن یک تصویر و نشان دادن بخشهای مختلف آن در هر لحظه سرعت پردازش را تا حد زیادی در مقایسه با بارگزاری چندین عکس افزایش میداد. چرا باید بوسیله CSS Sprite این همه عکس را یکی کنیم؟ آیا لود شدن تصاویر کوچکتر سرعت را افزایش نمیدهد؟ شما با استفاده از تکنیک CSS Sprite میتوانید سرعت سایت خود را …

خواندن ادامه

راهکارهای افزایش سرعت وب سایت

ایجاد یک وب سایت با کیفیت بالا مورد تقاضای همه می باشد، اما حقیقت این است که در کنار طراحی سایت با کیفیت بالا، سرعت و لود وب سایت عامل بسیار مهمی می باشد. گوگل بارها اعلام کرده است که لود تایم یکی از سه عنصر مهم در بهینه سازی سایت محسوب می شود. بر حسب تجربه چند ساله کار برای هزاران وب سایت من عقیده دارم مهمترین عامل در طراحی سایت ، لود تایم آن می باشد چرا که در سراسر دنیا هیچ کسی وقت خود را برای دیر باز کردن وب سایت شما نخواهد گذاشت. اگر سرعت وب سایت کند باشد بینندگان به سایت مشابه و البته رقیب رفته تا بتوانند به نیازهای خود جواب بدهند.   در این مقاله شما سه راه افزایش سرعت وب سایت را فرا خواهید گرفت: ۱-تمیز کردن CSS: قالب های استفاده نشده: در یک CSS تعداد زیادی قالب برای وب سایت وجود …

خواندن ادامه

طراحی سایت ریسپانسیو (واکنش-گرا)

همان طور که در معماری، با بهره گرفتن از تکنولوژی مدرن این امکان را فراهم می آورند تا بتوان اجزاء و تجهیزات مختلف را به طور خودکار کنترل نمود، طراحی سایت واکنش گرا نیز رویکرد مناسبی است که طراحان وب را قادر می سازد تا با پیاده سازی وب سایت انعطاف پذیر، نسبت به تغییر دستگاه کاربران واکنش دهد. طراحی وب سایت واکنش گرا چیست؟ در گذشته برای نمایش یک سایت در موبایل، یک طراحی و برنامه نویسی مجزا انجام می‌دادند. در این نوع طراحی، سرور با توجه به شناسه مرورگر کاربر (User Agent) تشخیص می داد که کاربر سایت را با موبایل بازدید می کند در این حالت یا محتوای موبایل را در همان آدرس به او نشان می‌داد یا او را به URL مخصوص موبایل هدایت می نمود. اما در طراحی سایت واکنش گرا که بیشتر به همان Responsive Web Design مشهور است، ساختار لایه‌های سایت به صورت …

خواندن ادامه

W3C و معتبر سازی کدها

W3C به معنای کنسرسیوم شبکه جهانی وب است. هدف W3C، ارائه مجموعه چهارچوب ها و استانداردهایی برای سایت ها است تا بر مشکلاتی نظیر سازگاری با مرورگرهای مختلف مورد استفاده در سراسر دنیا فایق آیند. استانداردها تنها یک چهارچوب بیشتر نمی باشد ولی طراحان ماهر سایت و برنامه نویسان به آنچه این سازمان می گوید بخوبی توجه می کنند. در حقیقت بسیاری از شرکتهایی که تقاضای استخدام برنامه نویسان و طراحان وب را دارند، این نکته را عنوان می کنند که کدهای نوشته شده در ساخت سایت توسط طراحان می بایست از لحاظ W3C معتبر سازی شده باشد. اگرچه برای XHTML و HTML این موضوع خیلی مرسوم است ولی اهمییت بیشتر این موضوع وقتی خواهد بود که سایت بطور کامل از CSS استفاده کند. “تیم برنرز – لی” شخصی بود که به زیبایی شبکه جهانی وب را در زمانی که اولین مرورگر اینترنتی خود را پیش از سال ۱۹۸۹ میلادی …

خواندن ادامه
نیاز به پشتیبانی دارید؟

در صورتی که هر گونه سوال ، پیشنهاد و یا انتقاد سازنده ای از ما دارید از طریق فرم روبرو برای ما ارسال نمایید تا در اسرع وقت پاسخ گوی شما عزیزان باشیم ...

* مورد نیاز
ارسال پیغام