CSS Sprites

15 روز پیش - نویسنده : پویا صادقى

CSS Sprites
CSS sprite چیست؟
ترفندی برای کاهش حجم ، و زمان بارگذاری صفحه.
مرورگر برای بارگذاری هر کدام از اجزای صفحه (مانند تصاویر ، فایل های CSS و جاوا اسکریپت و…) یک درخواست (Request) به سرور ارسال می‌کند تا سرور ، فایل درخواستی را برای مرورگر بفرستد. ارسال هر Request و دریافت پاسخ آن ، بخشی از زمان بارگذاری صفحه است.
هرچه تعداد Request ها کمتر باشد ، زمان بارگذاری صفحه کمتر می شود. به جای چند فایل CSS بهتره از یک فایل استفاده کنیم. به جای چند فایل JS میتونیم از یک فایل استفاده کنیم ؛  میتونیم تصاویری که به عنوان بکگراند المنت ها در صفحه استفاده میکنیم را در یک تصویر قرار بدیم.
به این تصویر توجه کنید: [ ...ادامه ]
متن کامل

برجسب ها: , , , ,

موضوع : آموزش CSS | ۹ دیدگاه »

افزایش سرعت اجرای CSS

19 روز پیش - نویسنده : پویا صادقى

افزایش سرعت اجرای CSS

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

متن کامل

برجسب ها: , , , ,

موضوع : آموزش CSS | ۱۸ دیدگاه »

متن کامل

شناسایی مرورگر با هک CSS

29 روز پیش - پویا صادقى

نحوه تفسیر کدهای CSS درمرورگر های مختلف متفاوته و مهمه که یک صفحه HTML در اکثر مرورگرهای رایج به خوبی نمایش داده بشه :) ممکنه کدهای CSS ما باعث بشه که صفحه HTML در مرورگری مثل فایرفاکس به درستی نمایش داده بشه ...

متن کامل

۱۰ طراحی جالب با CSS3

40 روز پیش - پویا صادقى

با امکاناتی که CSS3 داره، میشه سایت های جالبی درست کرد. 10 تا از این سایتها روببینیم :) * برای این که مشکلی در نمایش نداشته باشید، از آخرین نسخه مرورگر کروم یا سافاری استفاده کنید

متن کامل

آموزش CSS : کادر حبابی

42 روز پیش - پویا صادقى

با استفاده از خاصیت content در CSS می تونیم بدون استفاده از تصاویر کادرهای فلش دار ایجاد کنیم: برای شروع یه پاراگراف در HTML ایجاد میکنیم: [html]<p class="pasargad">آموزش CSS : آموزش ایجاد کادر حبابی</p>[/html] حالا در CSS رنگ و حاشیه رو ایجاد میکنیم:

متن کامل

شبه عنصر ها در CSS

53 روز پیش - پویا صادقى

شبه عنصر ها ( pseudo-elements ) برای اضافه کردن استایل به بعضی بخش ها استفاده میشن. این ویژگی در CSS2 معرفی شد. روش استفاده از شبه عنصر ها برای عنصر ها به این صورته:

متن کامل

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

57 روز پیش - پویا صادقى

چطور بدون استفاده از تصاویر، دکمه های زیبا درست کنیم؟ با استفاده از CSS میتونیم دکمه هایی درست کنیم که با حرکت موس تغییر کنن و همونطور که قبلا یاد گرفتیم با CSS3 گرادینت درست کنیم ( آموزش ساخت ...

متن کامل

گرادینت در CSS3 – فایرفاکس

60 روز پیش - پویا صادقى

با توجه به آموزش ساخت گرادینت در CSS3 برای مرورگر های کروم و سافاری (موتور Webkit) امروز گرادینت رو در مرورگر فایرفاکس (موتور Gecko) بررسی میکنیم: این ویژگی در Firefox 3.6 اضافه شد (+دانلود فایرفاکس) درواقع ساخت گرادینت در فایرفاکس خیلی آسونتر ...