CSS: задръжте курсора на мишката. Оригинални ефекти на движение

Основно нова беше идеята да се раздели представянето на информацията от кода на нейното създаване и обработка. Това беше едно твърдо решение в подходящо време, но този момент не беше признат в пълна степен. При програмиране се отделя от един компютър, но не спечели в локалната мрежа или зона за един домейн, и веднага се разпространи навсякъде, но след това стана ясно, че предоставянето на информация (по отношение на дизайн) и работи с него (по отношение на код) - две страни в същата равнина.

Три страни на строителството на обекта

От формална гледна точка, има три основни компонента (в различни образи синтаксис), които правят сайта: PHP-кодът, jаvascript-кода и описанието на CSS стилове. Няма значение как се използва версията и коя версия се използва, коя версия на HTML маркера се използва и каква версия на браузъра си заслужава. Съвместимостта не се спазва сега, защото във всеки момент от времето е действително: какво е кодирано и от кое кодирано може да се показва и изпълнява.

Ако по-рано идеите се водят с езици, днес те по-скоро приличат на производителите на стандарти в областта на интернет технологиите и браузърите.

Лично и обществено

Средствата, по които е достъпен интернет, много (компютри, лаптопи, таблети, смартфони), браузъри също изобилстват. Няма гаранция, че отделно устройство ще покаже сайта във формата, в която е създаден от разработчика. Не винаги усилията на последния достигат целта и осигуряват уеб дизайн с една многоцветна, т.е. с единство на дисплея на обекта, където и да се отваря към посетителя.

Споделянето на личните и обществеността, като се използва само в това, което работи, можете да постигнете забележителен успех в дизайна. Красотата, артистичният момент и уеб дизайнът са част от съответните специалисти и таланти. CSS е код, въпреки че е много странно. Загрижеността му е да опише стиловете (опции за показване на информация). С появата на мобилните устройства CSS беше зареден с истинско кодиране под формата на заявки за медии. Така че възможността за повторно брак между дизайна и кода не е толкова нереалистична, каквато би могла да изглежда само преди няколко години.

Разработчикът, работещ по разработването на CSS стилове, разчита на личния си доказан опит и на тези проекти на CSS, които работят върху повечето браузъри, задоволяват по-голямата част от посетителите на сайта. Необходимо е да се използва максимално първият и минималният на втория, след това има много по-голям шанс да се получи резултата, работещ почти винаги и навсякъде.

Първото правило: за стандарта на надеждата, но той не е лош

CSS: Hover - това е, когато мишката "отиде" на елемента на страницата. Когато мишката кликне върху елемента, тя стане активна, но когато курсорът се насочи настрани, той отново може да се промени и да се покаже в активно състояние. ": Hover", "active" и "visited" са най-популярните псевдо класове при описване на стилове.

Много е удобно в кода на сайта да не се грижи за такива малки неща като движението на мишката върху елементите. Представени в таблицата на описанията на стиловете две описания:

елемент {

цвят: черен;

}

елемент: задръжте {

цвят: бял;

цвят на фона: зелен;

}

Получете, когато задръжте курсора на мишката върху елемента, автоматично да промените цвета на текста от черно на бяло и да промените фона на този елемент на зелено. Псевдокласите могат да се приложат към всеки елемент и да се постигнат различни визуални ефекти.

Второто правило: да се доверите на стандартите, да се съсредоточите върху кода си

Всичко ще се оправи, ако напредъкът остава на компютри и лаптопи, оборудвани с оръжие, както и напредък в мобилните комуникации не е довело до появата на смартфони, таблети и други мобилни устройства, които се свързват такова устройство е много проблематично.

От друга страна, само оборудвано със специално приспособление сензорен екран е достъпен директно манипулира пръстите си върху сензорния екран, тъй като той стана обичайно да смартфони, таблети и други подобни устройства.

Съществува значителна разлика и: навикът тук изобщо не работи, както бихме искали. Тук не можете да правите без код, а не всички въпроси разрешават използването на заявки за медии.

Съвместимост - твърде скъпо в днешния свят на информация, следователно, за да се гарантира правилното функционалност на сайта в рамките на определените изисквания за уеб дизайн и изпълнение на функционален, за предпочитане ръководи от необходимия минимум използването случаи: CSS Hover, CSS навъртам фокус, CSS Hover активен (посетил) , Колкото повече код (както в браузъра, така и на сървъра) контролирате уеб дизайна, толкова по-добре. Програмата - е контрол, по-добре е, когато този контрол не е под наем на милостта на действащите стандарти, които често не знаят какво да очакват.

Бутони и други елементи на страницата

Button hover CSS е прекрасно решение, но като цяло всеки елемент на страницата е "бутон". Сайтът трябва да бъде преди всичко живот и ако кодът не е построена, ако задачата е да се създаде сайт, който се развива подходящ обхват и актове, основани на поведението на посетителите, а след това най-малко с помощта на CSS стилове могат да дадат елементи жизнеността на страници.

Използвайте ефектите на ходенето удобно. С тяхна помощ можете лесно да направите страниците по-живи, но кодът не знае какво прави мишката на екрана, ако няма възможност да проследява движението си. От тази гледна точка, т.е. когато кода контролира движението на мишката (= движение на пръста на смартфона), то може независимо да освети елемента или да го преобразува. Това няма нищо общо с псевдо-класовете, но дава пълен контрол върху кода на външния вид на страницата, позволява да се показва адекватно на различни устройства в различни браузъри.

Клопки в стиловите листове

Да се ​​каже, че стандартът в областта на стиловете CSS не знам какво правят, не е възможно, но да се каже, че напълно сътрудничи с другите стандарти в областта на интернет програмирането е и невъзможно.

Стилове и псевдо класове могат да бъдат описани на етапа на кодиране на страницата, в момента, когато сървърът формира страницата и в динамиката: вече в браузъра можете лесно да създадете нов стил и да промените съществуващия.

Използване на AJAX, когато не е необходимо отново да генерира страницата, за да се покаже отговор на действието на посетителя, и това е достатъчно, за да промените точка или няколко елемента, добавя малко "пипер". "Приятелство" код - това е вече в браузъра (jаvascript) и факта, че на сървъра (РНР) - наследството на (програмист) сайта на автора.

От начина, по който алгоритъмът на това взаимодействие ще бъде изпълнен, не само показването на неговите елементи на страницата зависи в голяма степен, но и тяхното по-нататъшно възприемане от кода. Просто казано, псевдо-класовете (по-специално) са много добри за статиката, нещо като ветроходна яхта в чисто море с лек вятър - всичко е очевидно, достъпно и управляемо. Ако времето се промени, или когато вятърът се увеличи, или посетителят причини непредвидена ситуация, можете бързо да летите в рифа и да загубите посетителя.

Стандарт и неговата емулация

CSS стил може да бъде емулирана чрез jаvascript, като се използват onmouseover и onmouseout събития. Често всичко това свършва. От гледна точка на здравия разум, когато става въпрос за създаването на истински работен обект, по-добре е да държите контрол в ръцете си, отколкото да го отдадете на митични стандарти, които се променят извън волята и желанието на предприемача.

Понякога можете да прочетете нещо като "тази функция е налице дори в IE", но по-често можете да прочетете кои описания на стил се възприемат от този или този браузър. Много по-малко вероятно е да научите как се различава jаvascript в определени браузъри.

Оценка на опита, възхищавайки функции "Chrome" и "Опера", критикуват бавността и инерцията на браузъра от производителя (от незабравимия, скъпи до сърцето на всеки програмист от IE, "Майкрософт": "Добрата стара версия на Internet Explorer не подиграваше само мързеливите. Или някой, който на компютъра може да играе само в "кърпа" ", - цитат на непознат автор на интернет), трябва да се придържате към златната дума: използвайте нещо, което работи навсякъде и винаги.

Хората се нуждаят от пари, за да работят, когато трябва да получат тръпката, която обикновенно отиват в кантората или театъра, но не и в интернет.

Емулация и контрол

По-рано, когато програмирането стана на крака, обичайно беше да слушате старейшините и да пишете правилно. Сега има твърде много старейшини, всичко се променя прекалено бързо и ако слушате всички, тогава няма да има достатъчно време дори за една много проста работа, на минимално функционален уебсайт.

Програмиране - е преди всичко контрол, както и в случаите, когато стандартните предубедени определя правилата, или можете да очаквате рязка промяна на правилата за нейното ликвидиране и появата на новото, най-доброто решение винаги е била да не се правят каквито и да било решения и изпълнение на изискваната функционалност сайт възможно най-малкото, но наистина работещ код ,