CSS контроли: красиви бутони

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

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

Историческият аспект на красотата в програмирането

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

Това е началото на "прозореца" идеи, диалог и традиционния бутон "красиво" решение: ОК и Отказ.

Обвивките (среди, инструменти, IDE, ...) като Turbo Vision бързо откриха, че много родители и семейството на популярната Vision започнаха да растат. Появата на графики на персонални компютри доведе до преход към режим "реален обем".

Беше „сив том“, но наистина интерфейсът на прозореца и началото на дизайна на бутоните. Мнозина вече не си спомнят примитивните времена в областта на графиката, но красивите HTML / CSS бутони "се появиха" дори тогава.

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

Програмист (разработчик), ако не назовеш тази професия, никога не се отличава с склонност да показва красота. Неговата карма е код, идеи и технологично развитие. Дизайнерът мисли в други категории, а пристигането на дизайнерите пренесе част от истинската красота в бутонични форми, оставяйки в сила:

• идея;
• обем;
• състояние (има, натиснат, недостъпен).

Ако не отидете в тънкостите на технологичното развитие на уеб ресурси, продуктивните 80-те и 90-те години дадоха на света не само Oracle, Microsoft и Google, но също така започнаха да прилагат „красотата“ в реално работещо и практично съдържание.

Първо, дизайн, след това практичност.

Превръщането на идеите за красота в развитието на уеб ресурсите беше просто. Идеята за хипертекст е ефективна и концептуално ориентирана систематизация на всичко, което е постигнато преди. Красив стил за писане на код изисква създаването на висококачествени HTML / CSS диалогови инструменти. Красиви бутони и менюта - важна част от всеки уеб ресурс.

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

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

Пример: карта на сайта за времето

Просто начертайте карта (град, област или територия) и прикачете няколко бутона към нея:

• температура;
• влажност;
• налягане.

Но това не е най-практичното решение. Опитът от разработването на подобни сайтове веднага дава еднозначно решение как да се направи „красив бутон“. CSS правило (едно!) За изготвяне на карти и необходимия брой HTML тагове за всяка локация (можете да правите без CSS правила). Всички решения.

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

Сайтът трябва да е жив и наистина практичен.

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

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

Като правило, в версията „Интернет CSS“, красивите бутони са придружени от ресурси, HTML вложки, връзки към шаблони или рамки на трети страни. Не всеки разработчик или собственик на сайт се интересува от изхвърлянето на кода си с някой друг. Това може да се дължи на съображения за сигурност и по-често на липса на реална нужда.

Копирайте и развивайте идеята за дизайна и правилата на CSS и красивите бутони на собствените си решения - готови. Висококачествено и правно чисто решение. Истината ще трябва да прекарва известно време в редизайн и програмиране, но играта си струва свещта.

Перфектният уебсайт дизайн е аксиома за уеб разработка.

Простотата е ключът към успеха

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

Второто решение: изключителна простота с пълна функционалност - стана норма. Характерно е, че това решение е взето като нещо естествено. Модерните системи за управление на обекти (CMS) са станали изключително прости и удобни за постигане на целите си.

Разработчик може днес, във всяка версия на сайта - ръчно разработен или на базата на CMS - да изпълни красиви бутони на CSS по ваш вкус или да използва популярна колекция от сайт на трета страна. Това е рисковано решение.

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

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

По времето, когато бутоните вече се появиха, но все още нямаше CS, красивите бутони изобщо не бяха заявени, защото наистина бяха красиви. Те бяха „окаяни“. Това е псевдо-графичен, т.е. текстов режим! Но те имаха обем, можеха да покажат, че са притиснати и могат да станат недостъпни.

Красива е далеч от всичко, което се извършва от професионален дизайнер, но винаги е красиво, че се изпълнява професионално и носи реална практическа стойност.