CSS-Sprites: նկարագրությունը, հիմնական տեխնիկայի եւ օգտակար խորհուրդներ

Ժամանակակից կայքը պետք է արագ, գեղեցիկ եւ արդյունավետ, այնպես էլ զարգացման փուլում, եւ երբ աշխատում է հաճախորդի. Որպես կանոն, յուրաքանչյուր ընկերությունը, որը ստեղծում է օնլայն ռեսուրսները, ձգտում է ունենալ իրենց սեփական դեմքը, ներգրավել այցելուներին իր դիզայնով, ոճով, հուսալիության, արագության եւ այլ հատկանիշների.

Օգտակար հատկությունները sprites

CSS-Sprites կարող է բարելավել թե որակական բնութագրիչները կայքում եւ ընկերության իմիջը: Իր էությամբ, դա ոչ շատ բարդ զարգացման գործիք է, սակայն դա, իրոք, արագացնում եւ ռեսուրսների զարգացման եւ արագությունը իրենց աշխատանքի.

Ի թիվս այլ բաների, դա հեշտացնում կոդը, եւ որոշակի իմաստով, որ այն շարժական է այլ ռեսուրսների, որոնք, պայմանավորված է այն հանգամանքով, որ օգտագործվող CSS-Sprites նման են, քանի մերձավոր ազգականների, քանի որ դուք կարող եք օգտագործել նույն գրաֆիկական գաղափարներ, ոճը դիզայն տարրեր երկխոսությունը, կառուցվածքը եւ բովանդակությունը թեգով:

Բնականոն զարգացման կայքում է անել շատ պատկերներով. Շատ հաճախ, այդ պատկերները վերցնել շատ քիչ տարածք, սակայն միշտ առանձին ֆայլ. Համար որեւէ օպերացիոն համակարգը ցանկացած սերվերի բացել մի ֆայլ, - այս գործողությունը, ժամանակատար, սակայն, չի տարբերվում զգալիորեն առնչությամբ ժամանակ, երբ ֆայլը բացում է 13-ի 13 պիքսել, եւ երբ ֆայլը բաց է 16 նկարներից 52-ի 52 փիքսել. Առաջին դեպքում, դուք պետք է 16 ֆայլերը եւ 16 բաց / կարդալ գործողություններ, իսկ երկրորդ դեպքում 16 պատկերները կլինի ձեռք բերված հետեւանքով բացման միայն մեկ ֆայլ.

Եթե դուք ստեղծել մի շարք ֆայլերի վրա առարկայի (հորիզոնական մենյու, ձեւերի երկխոսության, ապա հաշվիչ կոճակները Դիզայն, օրացույցների տարրեր ...), որ այդ պատկերները կարող է համատեղել ճկունորեն տեղափոխվել է կայքում կայքում.

որ downside

Երբ կան երկրպագուներ, եւս կայտառ խորհուրդ է տրվում օգտագործել CSS sprites են պարտադիր նրանք, ովքեր ուշադիր ուսումնասիրում են հարցը եւ հստակ ցույց է տալիս, որ դա միշտ էլ գործնական է աշխատել հին մոդայիկ ճանապարհը.

Իրոք, եթե կա մեկը ֆայլ է 16 նկարների փոխարեն, 16-բաց / կարդալ գործողությունները կլինի մեկը փոխարեն 16 նկար ֆայլեր. Բայց հնարք է, որ ամեն զննարկիչը ունի cache, եւ այն բեռների ինչ-որ բան միայն որպես վերջին միջոց: Ի լրումն, սովորաբար էջի տարրեր են բեռնված, երբ դուք առաջին անգամ այցելել էջը, եւ ապա բեռնված է միայն փոխվել:

Եվս մեկ ասպեկտ: Որպես կանոն, որ պատկերը կտրել, ոչ թե glued է մեկ ֆայլում: Ինչ - որ կերպ, որ մշակել է մի տեխնոլոգիա, դա ավելի լավ է ասել, որ սովորություն. Որ դիզայներ ստեղծում է դասավորությունը եւ դասավորությունը օգտագործում է իր կտոր: Նյութի մանր կտրատած կտոր դասավորությունը: Ընդդիմախոսները Sprites կարծում են, որ ջոկելը մինչեւ մի քանի պատկերներ մեկ ֆայլ սպառում գործունեության, որը մեծացնում է Էջի դիզայն.

Կան այն մշակողները, ովքեր հավատում են եւ օպտիմալացնել թիվը HTTP-հարցումների, հավատալով, որ այդ զբաղմունքը ավելի պրագմատիկ է, քան CSS-sprites:

Ժամային նշված են անկասկած, կարեւոր են, բայց շատ ավելի կարեւոր է, որ տեսակետը. Այն պետք է կիրառվի ողջամիտ սահմաններում:

Ավտոմատացում եւ CSS-Sprites

Եթե դա անիմաստ է առաջադրվելու CSS sprites գեներատոր եւ ստանալ ճիշտ մասը նախագծման, ապա ոչինչ չի խանգարում, պարզապես կատարել մինչեւ այս մասը բնականոն ճանապարհով: Եթե պայմանական տեխնոլոգիաները, որ անհրաժեշտ է կրճատել հարյուրավոր պատկերներ, դա նախընտրելի է ուրվագծել է Javascript- ին ֆունկցիան, որը, անհրաժեշտության ընտրել ցանկալի տարածքում ուրվական եւ ցուցադրել այն:

Այն պետք է նշել, սակայն, որ ուրվական երկու կամ երեք տարրերի կամ մի քանի տասնյակ այլ `ամբողջ իրավունքն է, բայց այն ժամանակ, երբ ի ուրվական հարյուրավոր գծանկարներ, ոմանք գրելու Javascript- ին-ֆունկցիայի խնդիրներ, իհարկե, չի առաջանում, բայց, թե որքան աշխատանք կպահանջվի ստեղծմանը նման մեծ ուրվական ... Ի լրումն, սոսինձ պատկերներ - այս մեկն CSS ուրվական գեներատոր եւ դարձնում ցանկալի պատկերը, եւ CSS կոդ դրա համար, որ նա չի հետաքրքրում, թե որքան կլինի բաղկացուցիչ տարրերը ուրվական. Խնդիրներ են առաջանում, երբ remaking Կայքի դիզայն փոփոխության, հեռացում եւ լրացում նոր տարրերի. Զարգացող ոգի, դուք պետք է մտածել ոչ թե այն մասին, թե ինչպես պետք է օգտագործել այն, եւ ինչպես է այն, ապա փոխել.

Առարկա նպաստ օգտագործելու sprites

Ի տարբերություն CSS ծրագրավորման լեզուների, սա համեմատաբար ստատիկ շարք կանոնների բոլոր իր դինամիկան, որը որոշվում է կանոններով եւ դրանց ֆունկցիոնալ բովանդակությունը (ստանդարտ): Հաշվի առնելով sprites է համալիրի, որ HTML, CSS- ը կարող է ստեղծել մի themed ֆունկցիոնալ դիզայնի գրադարանում:

Օրինակ, պատրաստի տարբերակը մենյուն պարզապես միացնել բազմակի CSS կանոնների JS-գործառույթները եւ ներառում են ծածկագրի համարը HTML-DIVs, դուք կարող եք ստանալ այն արդյունքը: Փոխելով բովանդակությունը պատկերով ուրվական, դուք կարող եք փոխել տեսքը ցանկի մեջ: Հստակեցնելով մարմինը ֆունկցիայի, դուք կարող եք հարմարեցնել ֆունկցիոնալությունը:

Ստացեք մի յուրօրինակ տարբերակը են object-oriented programming (OOP): Իհարկե, դա կլինի մի պայծառ գաղափար, բայց դա չի կարող լինել չափազանց պայծառ է առանձնանա ֆոնի վրա, այլ OOP լեզուներով բարբառների իրական: Դա միայն 90-ականների սկզբին, երբ ՊԱԿ էր արթնացել եւ դարձել անսովոր արագ ձեռք բերել մի տեղ արեւի տակ, դա մի կոնկրետ գաղափար է, եւ կոնկրետ ձեւը իր արտահայտվելու, բայց հիմա որ մշակողները են գալ, քանի որ շատ բարբառների, քանի որ այնտեղ ունի բազմազան ռուսերեն:

Խաղալիքներ - ը Bonanza համար sprites

Հուզմունքով եւ ծրագրավորման - անհամատեղելի հասկացություններ, բայց ծրագրավորման հմտություններ, գրավոր խաղեր, է զգալիորեն տարբերվում է obschebytovoy (պարզ կոդավորման) եւ ստեղծագործական (դիզայնի եւ զարգացման նոր տեխնոլոգիաների, գաղափարների):

Game Դիզայն կոչերը վեկտորի գրաֆիկայի, քանի որ համադրություն SVG-sprites + CSS կանոնների ոչ միայն պահանջարկի, բայց հաճախ դառնում է օբյեկտ մշակողի (կայքում) մինչեւ օբյեկտ իսկական խաղ. Մասնավորապես, հայտնի խաղը Counter Strike կիրառվում են առումով sprites, Ներկեր բավականին իմաստալից անուն: պայթյունը, արյան, որ տեսողությունը ...

Այդ արտահայտությունը "սահմանել Sprite CSS v34« համար նախաձեռնել է միանգամայն նորմալ է եւ հասկանալի: Sprites հայտնաբերվել են ոչ միայն օգտագործման կոմունալ, ըստ էության, այլեւ ձեւավորվել է տեղը, որը բավականին լիարժեք հատկություններով, մատչելի եւ հեշտ է հասկանալ, թե որոշակի շրջանակը սպառողների.

CSS, Sprites: Օրինակ

մի շարք տարբերակներ համար որոշակի լեզվի անցնել էջերը կայքում օգտագործվում են, բայց եթե լեզուն ընտրությունը պետք է կատարել, որպես պատկերակներ, որ լուծումը օգտագործելով ոգի կարող է նման այս խմբին:

Ակնհայտ արատների Sprites

Առաջին հերթին, դա ժամանակատար եւ բծախնդիր գործընթացը: Դա մի բան է, կտրել նախագծման մեջ մանր կտորների, եւ մյուսը, հավաքել պատկերը շատ փոքր. Դիմել գաղափարը կտավի եւ տեղադրել այն բոլոր պատկերները օգտագործվում կայքում ամբողջովին անօգուտ:

Նույնիսկ օգտագործելով CSS sprites գեներատոր, դժվարությունները չեն կարող խուսափել, հատկապես, երբ դա անհրաժեշտ է փոփոխել կայքի դիզայն. Ավելացնել մի քանի տասնյակ ուրվական պատկերների - դա ոչ մի զանգված տարրերի, գրաֆիկա ունեն գրաֆիկայի, դա սովորաբար պարզապես ցուցադրվում է էկրանին, փոխարեն պարզելուն կոդը որպես զանգված է գտնել ճիշտ իրը.

Ստանդարտ եւ մշակողները հետեւելով իր պնդումը, որ որպես Sprites հետ կապված մի քաղաքականության ֆոնին Օգտագործված, դա միայն մի ֆոնային պատկեր, եւ ոչ թե կայքը տարրը: Արվեստ բաղադրիչ տարրերը էջում պետք է կեղծել tag img.

Դժվար է համաձայնության գալ այն պարզ հիմնավորմամբ, որ այն ժամանակ, երբ բավական է ֆոնային ընկալվում էր որպես ընդհանուր ֆոնի վրա: Դա պարզապես ֆոն, անկախ նրանից, թե ինչ - մանրանկարչություն տարր կամ ամբողջ էջ:

Ընդ որում, արվեստ բաղադրիչ ներկայացված է լուրջ խոչընդոտ է օգտագործման sprites:

խելամիտ օգտագործումը

Չնայած այն հանգամանքին, որ այդ պայմանները «Ինտերնետ տեխնոլոգիաների» եւ «բարձր տեխնոլոգիաների», որը համարվում է հոմանիշ, ըստ էության, դա ժամանակատար եւ երբեմն շատ ցածր tech աշխատանքներ. Sprites չեն, մասնավորապես, հագնված համեմատած այլ bottlenecks ի մաքուր ծրագրավորման JavaScript, կամ PHP, ինչպես նաեւ զարգացման գործում անհրաժեշտ ֆունկցիոնալությունը, ընդլայնված գործընթացները լրացնելով կայքերի կամ տեղեկատվության համար, ինչպիսիք են հետին պլան ստեղծելու արխիվային պատճենները:

Power եւ հեռանկարները օգտագործման բովանդակության կառավարման համակարգերի հաճախ հարթաչափվել նրբությունները իրենց գործնական կիրառման, եւ մեխանիկական ռեսուրսների զարգացման, որպես կանոն, հանգեցնում է անհրաժեշտության 1001 ժամանակն է վերաշարադրել մեկ կամ մյուս պատենտավորված ալգորիթմ:

Այս համատեքստում, դա կարեւոր է, պարզապես խելամիտ են օգտագործել բոլորը, ապահովում է ժամանակակից գործիք: Չեն կարող լինել շատ ցանկանում է օգտագործել մեկը մյուսին, եւ ոսկե կանոն կայքում շենքում, որում ասված է, դուք պետք է մտածել, չէ, թե ինչպես պետք է անցնեն աշխատանքը, ինչպես արագ, որքան հնարավոր է, եւ ինչպես պետք է կատարել այն այնպես, որ այն դեպքում, ցանկացած անկանխատեսելի իրավիճակում կարող է շատ արագ լուծվել ցանկացած խնդիր: