CSS sprites-: опис на основните техники и корисни совети

Модерни сајт да биде брзо, добро и ефикасно и во фаза на развој, а кога се работи со клиентот. Како по правило, секоја компанија која создава онлајн ресурси, има за цел да имаат свој лицето, да се привлечат посетителите со својот дизајн, стил, сигурност, брзина и други атрибути.

Корисни својства на sprites

CSS sprites-може да го подобри и на квалитативните карактеристики на сајт и на имиџот на компанијата. На неговото јадро, тоа не е премногу комплицирано развој алатка, но тоа навистина го забрзува процесот и ресурси за развој, а брзината на нивната работа.

Меѓу другото, го поедноставува кодот и, во извесна смисла, тоа е пренослив на други ресурси, кои, се должи на фактот дека се користи CSS-sprites се слични како кај блиски роднини, бидејќи можете да го користите истиот графички идеи, дизајн стил елементи дијалог, структурата и содржината на ознаката.

Во нормалниот тек на развојот на сајт за да се направи многу слики. Многу често, овие слики се многу малку простор, но секогаш посебна датотека. За било кој оперативен систем на било кој сервер да се отвори датотеката - оваа операција, одземаат многу време, сепак, нема да се разликуваат значително во однос на времето кога датотеката е отворен на 13 од 13 пиксели, и кога датотеката е отворен од 16 слики 52 од 52 пиксели. Во првиот случај, ќе има 16 датотеки и 16 отворени / прочита операции, во вториот случај 16 слики ќе бидат добиени како резултат на отворањето на само една датотека.

Ако се создаде сет на додадени фајлови на оваа тема (хоризонтално мени, форми на дијалог, дизајн елементи копчиња калкулатор календар ...) дека такви слики може да се комбинираат флексибилно пресели од сајт до сајт.

недостатоци

Кога има навивачи, премногу живи препорачува да се користи CSS sprites се секогаш оние кои се внимателно проучување на ова прашање и јасно покажува дека тоа е секогаш практично да работат на старомоден начин.

Всушност, ако има една датотека од 16 слики, наместо на 16 отворени / чита операции ќе биде еден, наместо на 16 слика датотеки. Но трикот е во тоа што секој прелистувач има кеш, и го товари нешто само како последно средство. Покрај тоа, обично елементи на страницата се вчита кога прв ќе ја посетите страницата, а потоа натоварени само што ги промени.

Друг аспект. Обично, на сликата се намали, да не се лепи една датотека. Некако тоа има развиено технологија, подобро е да се каже, обичај. На дизајнер создава изгледот и распоредот користи неговите дела: ситно исечени парчиња на изгледот. Противниците sprites веруваат дека подигање неколку слики во една датотека - конзумирање на активност, со што се зголемува вкупниот страница дизајн.

Постојат оние програмери кои веруваат и да се оптимизира на бројот на HTTP-барања, сметајќи дека оваа професија е повеќе прагматичен отколку CSS-sprites.

Времето е наведено се несомнено важни, но многу поважно е преглед: што треба да се применуваат во разумни граници.

Автоматизација и CSS Sprites-

Ако тоа не прави никаква смисла да се кандидира CSS Sprites генератор и да добијат право дел од дизајнот, тогаш ништо не го спречува едноставно да се направи до овој дел на нормален начин. Ако конвенционалната технологија го прави дека е неопходно да се намали стотици слики, тоа е подобро да го скицирам вклучите Javascript-функција, која на потреба ќе се изберат посакуваната област на самовила го прикаже.

Треба да се напомене дека, сепак, на самовила на две или три елементи, или десетина други - во ред, но кога во самовила стотици цртежи, некои со пишување вклучите Javascript-функција проблеми, се разбира, нема да се случи, но колку работа ќе бидат потребни за создавање на толку голема фигура ... Покрај тоа, лепак слики - еден CSS самовила генератор и го прави на саканата слика, и CSS код за тоа, тој не се грижи колку ќе составните елементи на самовила. Проблеми се јавуваат кога преработка на сајтот дизајн промени, отстранување и додавање на нови елементи. Развивање на самовила, вие не треба да се размислува за тоа како да го користите, и како таа потоа да се промени.

Предмет корист на користење sprites

За разлика од CSS програмски јазици, ова е релативно статична сет на правила за сите динамика се утврдени со правилата и нивните функционални содржини (стандард). Со оглед на sprites во комплексот, HTML, CSS за да се создаде тематските-функционален дизајн на библиотеката.

На пример, на готовиот верзија на менито: едноставно поврзување на повеќе CSS-правила, js-функции и вклучуваат кодот број на HTML-divs, може да се добие резултатот. Со менување на содржината на сликата на самовила, можете да го промените изгледот на менито. Утврдување на телото на функција, може да се приспособи на функционалноста.

Земи чудна варијанта на објектно-ориентирано програмирање (OOP). Секако, тоа ќе биде светла идеја, но тоа нема да биде премногу светла да се издвоите против позадината на други јазици OOP, дијалекти реално. Тоа е само во почетокот на 90-тите години, кога на ПЛО беше оживеан и стана невообичаено брзо се добие место во сонцето, тоа е специфична идеја и конкретна форма на изразување, но сега на програмерите се излезе со толку многу дијалекти, како што има различни руски јазик.

Играчки - цело богатство за sprites

Возбуда и програмирање - некомпатибилни концепти, но квалификација програмер пишување игри, е значително различен од obschebytovoy (едноставен енкрипција) и креативен (дизајн и развој на нови технологии, идеи).

Игра Дизајн апелира до векторска графика, бидејќи комбинацијата на SVG-+ CSS sprites-правила не само побарувачка, но често станува предмет на инвеститорот (на сајтот) на предметот на вистинска игра. Особено, на популарната игра Counter Strike се однесуваат на условите на sprites, спрејови доста значајна Синоними: експлозијата, крв, пред ...

Фразата "поставен самовила CSS v34 на" за иницирање е сосема нормално и разбирливо. Sprites не се наоѓаат само во употребата на комунални услуги, во суштина, но, исто така, формира лажат, што е сосема целосно опремен, прифатлива и лесно да се разбере одреден круг на потрошувачи.

CSS sprites-: Пример

различни опции за одреден јазик за да го вклучите страници на сајтот се користат, но ако изборот на јазик да се претстават како икона, решението со користење на самовила може да изгледа вака:

Очигледни недостатоци sprites

Прво на сите, тоа е време и прецизен процес. Тоа е една работа - да се намали дизајн на мали парчиња, а од друга - да се соберат слика на многу мали. Спроведување на идејата на платно и да го поставите на сите слики се користат на сајтот е сосема залудна.

Дури и со користење на CSS sprites генератор, тешкотии не може да се избегне, особено кога тоа е потребно да се смени дизајнот на сајтот. Додај во неколку десетици самовила слики - тоа не е низа на елементи, графика графика, тоа е обично само се прикажуваат на екранот, наместо на сортирање кодот како низа да го најде вистинскиот објект.

Стандард и програмери по неговото тврдење дека како sprites поврзани со позадина политика се користи, тоа е само сликата во позадина и не елемент на сајтот. Графички компонента елементи на страница треба да се манипулира img тагот.

Тоа е тешко да се договорат за едноставно поради тоа што кога доволно позадина се гледаше како на заедничка припадност. Тоа е само позадина, без разлика што - минијатурни елемент или на целата страница.

Во меѓувреме, графички компонента претставува сериозна пречка за употреба на sprites.

разумното користење

И покрај фактот дека термините "Интернет технологија" и "висока технологија" се сметаат за синоними, всушност, тоа е одземаат многу време, а понекогаш и многу ниско-технолошки работа. Sprites не се особено облечени во споредба со другите тесните грла во чиста програмирање во JavaScript или PHP, како и во развојот на потребните функционалност, процесите на пополнување сајтови или информации, како позадина да се создаде архива копии поставување.

Моќ и изгледите за користење на системите за управување со содржини често израмнат нијанси на нивната практична примена и развој на прирачник ресурси, како по правило, доведува до потребата за 1001. време да се преработи еден или на друг комерцијален алгоритам.

Во овој контекст, важно е да се едноставно разумно да се користат сите што обезбедува модерна алатка. Немојте да бидете премногу желни да го користите еден над друг, и златно правило во градилиште гласи: што треба да не размислуваат за тоа како да се помине на работа што е можно поскоро, и како да ја изврши така што во случај на било какви непредвидени ситуација може да биде брзо решено било каков проблем.