CSS-sprite: asosiy texnikasi va foydali maslahatlar tavsifi

mijoz bilan ishlashda zamonaviy sayt rivojlantirish bosqichida ham, tez, chiroyli va samarali bo'lishi, va. qoida tariqasida, onlayn resurslarni yaratadi, har bir kompaniya, o'z yuzini bor, uning dizayni, uslubi, ishonchliligi, tezlik va boshqa sifatlari bilan mehmonlarni jalb intiladi.

jinlarga Foydali xususiyatlari

CSS-sprite sifatli sayt xususiyatlari va kompaniyaning tasvirni yaxshilash mumkin. uning yadrosidagi, u ham rivojlantirish vositasi murakkab emas, lekin, albatta, jarayoni va resurs rivojlantirish va ularning ish tezligini tezlashtiradi.

boshqa narsalar orasida, bu kodni osonlashtiradi va, ma'lum bir ma'noda, u boshqa resurslarga ko'chma Agar shu grafik g'oyalar, uslublar, dizayn elementlari muloqotni foydalanishingiz mumkin, chunki ishlatiladigan CSS-sprite, yaqin qarindoshlari, deb shunga o'xshash ekanligini aslida tufayli ekanligini, tuzilishi va tegi mazmuni.

sayt rivojlantirish odatdagi rasmlar ko'p qilish. Juda tez-tez, bu tasvirlar juda kam joy egallaydi, lekin har doim alohida fayl mavjud. har qanday server har qanday operatsion tizim bir faylni ochish uchun - bu operatsiyani, fayl 16 rasmlar 52 52 tomonidan piksel dan ochilgan paytda vaqt talab, ammo, bir fayl 13 13 piksel ochildi qachon vaqt nisbatan sezilarli darajada farq, va bo'lmaydi. Birinchi holda, siz 16 tasvirlar faqat bitta fayl ochilish natijasida olinadi, ikkinchi holda 16 fayl va 16 ochiq / o'qib operatsiyalarni, bor.

Agar mavzuda fayllar to'plamini yaratish bo'lsa (gorizontal menyu, muloqot shakllari, kalkulyator tugmalarini kalendar dizayni elementlari ...) kabi tasvirlar, moslashuvchan saytdan saytga ko'chib birlashtirilishi mumkin.

salbiy

CSS foydalanish tavsiya juda sho'x muxlislari bor bo'lsa sprite, albatta, diqqat bilan masalani o'rganish va ochiq-oydin u eski moda yo'lni ishlash har doim amaliy ekanini ko'rsatadi kishilar bor.

o'rniga 16 ochiq 16 rasmlar bitta fayl, bor bo'lsa, albatta, o'qish / operatsiyalar bir o'rniga 16 rasm fayllari bo'ladi. Lekin hiyla har brauzer keshni ega ekanligini, va u faqat so'nggi chora sifatida biror narsa yuklaydi. Bundan tashqari, odatda sahifa elementlar siz birinchi sahifa tashrif buyurganingizda yuklanadi, keyin faqat o'zgardi o'rnatilgan.

Yana bir jihati. Odatda, tasvir kesilgan, bitta faylda yapıştırılmış emas. Negadir u, buni aytish yaxshi emas, odat texnologiyani ishlab chiqdi. dizayner tartibi yaratadi va tartibi, uning dona foydalanadi: tuzumining nozik to'g'ralgan dona. umumiy sahifa dizayni ziyoda qiluvchi faoliyati, - Muxoliflar sprite bitta fayl ichida bir necha tasvirlarni terib, deb ishonaman.

iymon va bu kasb CSS-jinlarga ko'proq pragmatik deb ishonib, HTTP-so'rovlar sonini optimallashtirish o'sha Ishlab bor.

ko'rsatilgan barcha marta, hech shubhasiz, muhim, lekin juda ham muhim ahamiyatga view hisoblanadi: bu chegaralar doirasida qo'llanilishi kerak.

Avtomatlashtirish va CSS-bozor uchun kurash vositalaridan

Bu CSS sprites generator ishga tushirish va dizayn o'ng qismini olish uchun hech qanday mantiqiy bo'lsa, keyin hech narsa shunchaki oddiy yo'li bu qismini tashkil etadi oldini oladi. an'anaviy texnologiya tasvirlar yuzlab kesib zarur qilsa, u harakatlanuvchi Diagrammaning istalgan sohada tanlash va uni namoyon etadi zarurat JavaScript-vazifasini, xomaki afzal bo'ladi.

Biroq, ta'kidlash lozimki, ikki yoki uch elementlar yoki o'nlab boshqa Sprite - qo'lga kiritdi Sprite yuzlab barcha o'ng, lekin qachon, albatta, sodir bo'lmaydi, JavaScript-funktsiyasi muammolarni yozish, lekin u yaratish o'tadi qancha ish bilan ba'zi bunday katta Sprite ... Bundan tashqari, elim rasmlar - bu bir CSS Sprite generator va istalgan rasm qiladi va buning uchun CSS-kod, u qancha yog'ishiga bo'ladi sprite ta'sis elementlari. sayt dizayni o'zgartirish, olib tashlash va yangi elementlar qo'shimcha remaking muammolar yuzaga keladi. a sprite Rivojlanayotgan, uni ishlatish, va undan keyin o'zgartirish qanday haqida emas, balki o'ylab ko'rish kerak.

sprites yordamida mavzusi foyda

CSS dasturlash tillari farqli o'laroq, bu uning barcha dinamikasi qoidalar va ularning funktsional tarkibi (standart) tomonidan belgilanadi qoidalar nisbatan statik to'plamidir. majmuasi, ham jinlarga hisobga olgan holda HTML, CSS kutubxona bir nomli funktsiyali dizayn yaratishingiz mumkin.

Misol uchun, menyu tayyor versiyasi: shunchaki CSS-qoidalari, js-vazifalari bir necha ulash va HTML-divs kod raqamini o'z ichiga oladi, siz natija olishingiz mumkin. Diagrammaning tasviri mazmunini o'zgartirib, menyu ko'rinishini o'zgartirish mumkin. Funksiya tanasi aniqlash, siz funksiyalarini o'zgartirishingiz mumkin.

o'ziga xos variant qiling ob'ekt yo'naltirilgan dasturlash (OOP) ning. Albatta, u porloq fikr bo'lar edi, lekin u boshqa OOP tillarda fonida olib turish juda ham porloq bo'lmaydi, real lahjalari. PLO qayta tiklandi va ayniqsa tez quyosh joy qozonish bo'ldi qachon, faqat erta "90-yillarda, u muayyan tushuncha va uni ifodalash aniq shakli, lekin turli rus erda bor endi Dasturchilar kabi ko'plab lahjalari bilan kelgan bo'ladi.

O'yinchoqlar - jinlarga uchun Bonanza

Hayajoni va dasturlash - mos kelmaydigan tushunchalar, lekin dasturlash ko'nikmalar, o'yinlar yozib, obschebytovoy (oddiy shifrlash) va ijodiy (dizayn va yangi texnologiyalarni rivojlantirish, g'oyalar) sezilarli farq qiladi.

vektor grafika uchun Game Dizayn murojaatlari, SVG-jinlarga + CSS-qoidalar ko'pincha nafaqat talab, lekin uyg'unligi haqiqiy o'yin ob'ektga (sayt) ishlab chiquvchi ob'ekti bo'lib, chunki. Jumladan, mashhur o'yin Counter Strike jinlarga shartlariga amal, buzadigan amallar juda mazmunli shunga o'xshash so'zlar: portlash, qon, ko'rish ...

The juda oddiy va tushunarli qo'zg'atish uchun so'z "Sprite CSS v34 belgilangan". Sprite mohiyatiga ko'ra, kommunal foydalanish nafaqat topdi, balki iste'molchilar ma'lum bir doira tushunish juda, xususiyatli-to'liq iqtisodiy va oson bir Mart, shakllanadi.

CSS-sprite: Misol

saytida sahifalarni o'tish uchun til uchun turli xil variantlar ishlatiladi, lekin til selektor belgi sifatida amalga oshirish uchun bo'lsa, bir sprite yordamida yechim bu kabi qarash mumkin:

Ochiq-oydin kamchiliklar sprite

Avvalo, u vaqt va puxta jarayon. qancha kichik bir rasm to'plash - kichik bo'laklarga dizayn, va boshqa kesib - Bu bir narsadir. saytida ishlatiladigan tasvirlar barcha Tuval g'oyasini Qo'llash va uni joylashtirish to'liq befoyda bo'ladi.

Hatto CSS sprites Generator yordamida, qiyinchiliklar bu sayt dizayni o'zgartirish uchun zarur bo'lgan, ayniqsa, qochib bo'lmaydi. Sprite tasvirlar bir necha o'nlab qo'shish - bu elementlar bir array emas, grafik odatda faqat o'rniga to'g'ri elementni topish uchun bir qator kodni chiqib saralash, ekranda aks etadi, grafikalar bor.

Standart va ishlab chiquvchilar sprite Ishlatilgan siyosat fon bilan bog'liq bo'lib, u faqat bir fon tasvir va sayt element ekanligini uning da'vosini quyidagi. Sahifaning Grafik komponenti elementlari tegi img manipulyatsiya kerak.

Bu etarli fon bir umumiy fon sifatida qabul qilingan, deb oddiy asosida qabul qilish qiyin. bir miniatyura element yoki butun sahifa - Bu nima bo'lishidan qat'iy nazar, faqat fon, gap.

Ayni paytda, grafik butlovchi jinlarga foydalanish uchun jiddiy to'siq vakili.

zakovatli foydalanish

atamalar "Internet texnologiyasi" va "yuqori texnologiyalar" sinonim hisoblanadi qaramay, aslida, juda past texnologik ish ba'zan vaqt talab etadi. Sprite, ayniqsa, bunday fon arxiv nusxalarini yaratish kabi to'ldirish saytlar yoki axborot, jarayonlarini belgilash, sof JavaScript yoki PHP dasturlash, shuningdek zarur funktsional rivojlantirishda boshqa o'tadigan nisbatan kiygan emas.

Power va kontent boshqaruv tizimlari foydalanish istiqbollari ko'pincha ularning amaliy qo'llash nüansları tekislangan va 1001st vaqt bir yoki boshqa bir mulkiy algoritm qayta yozish uchun qo'llanma resurs rivojlantirish, qoida tariqasida, zarurligiga olib keladi.

Shu ma'noda, bu zamonaviy vositasi beradi, deb barcha foydalanish shunchaki oqilona muhim ahamiyatga ega. boshqa ustida bir foydalanish juda ham tayyor bo'lishi, va quyidagicha sayt binosida oltin qoida o'qiydi qilmang: har qanday kutilmagan vaziyatga taqdirda tezda hal bo'lishi mumkin, shunday qilib, iloji boricha tez orada ish o'tib, uni amalga oshirish uchun qanday haqida emas, deb o'ylayman kerak har qanday muammo.