Sterowanie CSS: piękne przyciski

Piękno jest względną koncepcją. Smaki programistów i użytkowników różnią się diametralnie. Pojawienie się Internetu i wszechobecna transformacja lokalnego programowania w rozwój zasobów internetowych, a użytkownicy programów na odwiedzających strony internetowe nie zmieniły sytuacji.

Szablony, frameworki, systemy zarządzania witryną i inne "akceleratory procesów" rozwoju najpierw stworzyły kolekcje menu, przycisków, elementów projektu strony i narzędzi do zarządzania nimi, a następnie zaoferowały niezwykle proste opcje i wygodne projekty dla programistów, które są zrozumiałe dla odwiedzających.

Historyczny aspekt piękna w programowaniu

Przyszli liderzy w dziedzinie reprezentacji i przetwarzania informacji rozpoczęli od menu. Reszta branży oprogramowania była zgodna z tradycjami przyszłych liderów. Przyciski pojawiły się nie później niż w menu, ale ich oryginalne piękno było w objętości, co pozwoliło odróżnić przycisk od wciśniętego lub niedostępnego.

To był początek pomysłów "okna", dialogu i tradycyjnego przycisku "piękne" rozwiązanie: Ok i Anuluj.

Wrappery (środowiska, narzędzia, IDE, ...), takie jak Turbo Vision, szybko znalazły licznych rodziców, a rodzina popularnej Vision zaczęła się rozwijać. Pojawienie się grafiki na komputerach osobistych doprowadziło do przejścia do trybu "rzeczywistego głośności".

To był "szary tom", ale tak naprawdę interfejs okna i początek projektowania przycisków. Wielu już nie pamięta prymitywnych czasów w dziedzinie grafiki, ale piękne przyciski HTML / CSS "pojawiły się" nawet wtedy.

To, co się później wydarzyło, to proste pojawienie się projektantów w rozwoju zasobów sieciowych.

Programista (programista), jeśli nie nazywasz tego zawodu, nigdy nie został wyróżniony przez skłonność do pokazywania piękna. Jego karma to kod, pomysły i rozwój technologii. Projektant myśli w innych kategoriach, a przybycie projektantów przenosi kawałek prawdziwego piękna na formy w kształcie guzików, pozostawiając w mocy:

• pomysł;
• objętość;
• stan (jest, wciśnięty, niedostępny).

Jeśli nie wpadniesz w subtelności rozwoju technologii zasobów sieciowych, produktywne lata 80. i 90. dały światu nie tylko Oracle, Microsoft i Google, ale także zaczęły wdrażać "piękno" w rzeczywistą zawartość roboczą i praktyczną.

Po pierwsze, projekt, a następnie praktyczność.

Transformacja pomysłów na piękno w rozwoju zasobów sieciowych była prosta. Idea hipertekstu jest skuteczną i zorientowaną koncepcyjnie systematyzacją wszystkiego, co wcześniej osiągnięto. Piękny styl pisania kodu wymagał tworzenia wysokiej jakości narzędzi dialogowych HTML / CSS. Piękne przyciski i menu - ważna część każdego zasobu sieciowego.

Nie ma znaczenia, w jaki sposób przycisk jest obramowany: ze znacznikiem listy i listą elementów lub ze znacznikiem bloku i zawiera gradacje funkcjonalności. Układ bloków, rozwój hipertekstu, rozszerzenie funkcjonalności kaskadowych arkuszy stylów od razu stawiają czoło projektowi, a nie praktyczności.

Była to pierwsza pośpieszna decyzja i tymczasowy sukces. Strona musi być żywa, naprawdę praktyczna, a fakt, że jej projekt musi być bezbłędny, po prostu nie powinien być wątpliwy.

Przykład: mapa na stronie pogodowej

Po prostu narysuj mapę (miasto, powiat lub terytorium) i dołącz do niej kilka przycisków:

• temperatura;
• wilgotność;
• ciśnienie

Ale to nie jest najbardziej praktyczne rozwiązanie. Doświadczenie w tworzeniu podobnych stron natychmiast daje jednoznaczną decyzję, jak stworzyć "piękny przycisk". Reguła CSS (jedna!) Do rysowania map i niezbędnej liczby znaczników HTML dla każdej lokalizacji (można to zrobić bez reguł CSS). Cała decyzja.

W takiej decyzji wskazanie kursorem myszy na rozliczenie wywoła zdarzenie i umożliwi przetworzenie określonej osady. Widoczna jest tylko mapa - jest prawdziwa i praktyczna. Pod mapą znajduje się przypisanie funkcjonalności. Niezbędne programy obsługi zdarzeń same opracują poprawną funkcjonalność.

Strona musi być żywa i bardzo praktyczna.

Projekt zasobów internetowych powinien być doskonały - nie ma wątpliwości. Nie ma problemu: istnieje wiele przykładów czystego CSS (ładne przyciski i menu, wyskakujące okna dialogowe, algorytmy śledzenia, podpowiedzi z polami wyboru) w Internecie.

Problem nie polega na wyświetlaniu proponowanych zestawów reguł CSS. Problem polega na tym, jak połączyć proponowane piękno z tagami strony internetowej. Nie jest łatwo ściągnąć obcy plik CSS na stronę, ale przeniesienie pomysłu jest zawsze praktyczne i wzbogaca programistę o doświadczenie.

Z reguły w wersji "Internet CSS" pięknym przyciskom towarzyszą zasoby, wstawki HTML, linki do szablonów lub frameworków stron trzecich. Nie każdy programista lub właściciel witryny jest zainteresowany zaśmiecaniem swojego kodu przez kogoś innego. Może to wynikać z obaw związanych z bezpieczeństwem, a częściej z braku rzeczywistej potrzeby.

Skopiuj i rozwijaj ideę projektowania i reguł CSS oraz pięknych przycisków własnego tworzenia - gotowe. Wysoka jakość i decyzja zgodna z prawem. Prawda będzie musiała poświęcić trochę czasu na przeprojektowanie i programowanie, ale gra jest warta świeczki.

Idealne projektowanie stron internetowych to aksjomat tworzenia stron internetowych.

Prostota jest kluczem do sukcesu

Pierwsza decyzja doprowadziła do tymczasowego sukcesu, kiedy szary wolumen zamienił się w kolorowe guziki i oryginalne menu dzięki udziałowi profesjonalnych projektantów. Piękno zyskało odwiedzających na stronach, ale zewnętrzny blichtr stał się nudny, a migające zasady CSS zaczęły odwracać uwagę.

Drugie rozwiązanie: ekstremalna prostota z pełną funkcjonalnością - stało się normą. Co charakterystyczne, decyzja ta została podjęta w sposób oczywisty. Nowoczesne systemy zarządzania obiektem (CMS) stały się niezwykle proste i wygodne, aby osiągnąć swoje cele.

Deweloper może dziś, w dowolnej wersji strony - ręcznie opracowany lub na bazie CMS - wykonać piękne przyciski na CSS według gustu lub użyć popularnej kolekcji z witryny innej firmy. To ryzykowna decyzja.

W pierwszym przypadku, ręcznego tworzenia strony, nie jest grzechem, aby zapytać o opinię wiodących producentów popularnych CMS. Mimo to nie ma stu profesjonalistów, którzy umieścili wiedzę i umiejętności, a społeczność programistów jest mierzona przez setki tysięcy specjalistów.

W drugim przypadku, gięcie własnej linii, kiedy wszystko jest gotowe i możesz po prostu przekazać pracę czysto i pięknie - stratę czasu. Klient może nie docenić, a odwiedzający po prostu nie rozumie autora.

W momencie, gdy guziki już się pojawiły, ale nie było jeszcze CS, piękne guziki nie zostały w ogóle zgłoszone, ponieważ były naprawdę piękne. Byli "nieszczęśni". To był pseudo graficzny, tj. Tryb tekstowy! Ale miały objętość, mogły pokazać, że zostały przyciśnięte i mogły stać się niedostępne.

Piękne jest nie wszystko, co wykonuje profesjonalny projektant, ale zawsze jest piękne, że wykonywane jest profesjonalnie i ma realną wartość praktyczną.