Projektowanie elementów sterujących CSS: piękne przyciski

Piękno - pojęcie jest względne. Gusta programistów i użytkowników są uderzające. Pojawienie się Internetu i powszechna transformacja lokalnego programowania w rozwój zasobów internetowych, a także użytkownicy programu - odwiedzający witrynę nie zmienił stanu rzeczy. Szablony, frameworki, systemy zarządzania witryną i inne akceleratory procesów tworzyły pierwotnie kolekcje menu, przyciski, elementy projektu strony i narzędzia do zarządzania, a następnie oferowały użytkownikom niezwykle proste opcje i wygodne projekty dla programistów.

Historyczny aspekt piękna w programowaniu

Przyszli liderzy w dziedzinie prezentacji i przetwarzania informacji rozpoczęli od menu. Inne branże oprogramowania podążały za tradycjami przyszłych liderów. Guziki pojawiły się nieco później niż menu, ale ich pierwotne piękno składało się z objętości, która pozwalała odróżnić przycisk wciśnięty lub niedostępny.


To był początek pomysłów "okna", dialogu i tradycyjnego przycisku "piękne" rozwiązanie: Ok i Anuluj. Pociski Turbo Vision (środowiska, narzędzia, IDE) 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 naprawdę masowego.
To był "szary wolumin", ale prawdziwy interfejs okna i początek projektowania przycisków. Wiele osób nie pamięta już prymitywów w obszarze graficznym, ale piękne przyciski HTML /CSS już się "pojawiły"następnie To, co stało się później, to samo przybycie projektantów w dziedzinie rozwoju zasobów internetowych. Programista (programista), jak nazwa tego zawodu, nigdy nie różnił się od tendencji do pokazywania piękna. Jego karma - kod, pomysły i technologia rozwoju. Projektant myśli o innych kategoriach, a pojawienie się projektantów przesunęło cząstkę prawdziwego piękna w kształty guzików, pozostawiając koncepcję władzy:

  • ;
  • objętość;
  • state (is, clicked, not available).
  • Jeśli nie wdajesz się w zawiłości technologii w celu rozwijania zasobów sieciowych, to produktywne lata 80. i 90. dały światu nie tylko Oracle, Microsoft i Google, ale także początek wdrożenia "piękna" w prawdziwej pracy i praktycznych treściach.

    Pierwszy projekt, a następnie praktyczność

    Transformacja reprezentacji piękna w rozwoju zasobów sieciowych była prosta. Idea hipertekstu jest skuteczną i konceptualną systematyzacją wszystkiego, co wcześniej osiągnięto. Dobry styl pisania kodu wymagał stworzenia wysokiej jakości narzędzi dialogowych w HTML /CSS. Piękne przyciski i menu stanowią ważną część każdego zasobu sieciowego.
    Nie ma znaczenia, jak dokładnie przycisk jest wykonany: znacznik listy i lista elementów lub znacznik bloku i zawiera gradacje funkcjonalności. Układ bloków, rozwój hipertekstu, rozszerzanie funkcjonalności kaskadowych arkuszy stylów zostały natychmiast umieszczone pod kątem narożnego projektu, a nie w praktyczności. Była to pierwsza pośpieszna decyzja i tymczasowy sukces. Strona musi być żywa, naprawdę praktyczna, a fakt, że jej projekt powinien być bezbłędny, po prostu nie powinien wywoływać wątpliwości.

    Przykład: mapa na stronie pogody

    Po prostu narysuj mapę (miasto, obszar lub terytorium) i dodaj kilka przycisków do niej:
  • temperatura;
  • wilgotność;
  • ciśnienie.
  • Ale to nie jest bardzo praktyczna decyzja. Doświadczenie związane z tworzeniem podobnych stron jednocześnie daje jednoznaczną decyzję, jak zrobić "dobry przycisk". Reguła CSS (jeden!) Na rysunku mapy i wymaganej liczbie znaczników HTML, na lokalizację (jest to możliwe bez żadnych reguł CSS). Wszystkie decyzje.
    W takiej decyzji kierowanie myszy na miejscowość spowoduje zdarzenie i pozwoli na przetworzenie określonej osady. Widać tylko mapę - jest prawdziwa i praktyczna. Pod mapą znajduje się funkcja funkcji. Wymagane programy obsługi zdarzeń same opracują poprawną funkcjonalność.

    Strona musi być żywa i bardzo praktyczna

    Projekt zasobu sieciowego musi być bezbłędny - nie ma wątpliwości. Nie ma żadnych problemów: przykłady czystego CSS (piękne przyciski i menu, wyskakujące okna dialogowe, algorytmy ścieżki, podpowiedzi z blokami wyboru) w Internecie są obfite.
    Problem nie polega na wyświetlaniu proponowanego zestawu reguł CSS. Problem polega na tym, jak połączyć proponowane piękno z tagami strony internetowej. Nie jest tak łatwo "rozciągnąć" stronę do obcego pliku CSS, ale aby przenieść ten pomysł, jest zawsze praktyczny i wzbogaca programistę o doświadczenie. Z reguły w opcjach "Internet CSS" pięknym przyciskom towarzyszą zasoby, wstawki HTML, linki do szablonów lub frameworków innych firm. Nie każdy programista lub właściciel witryny jest zainteresowany zablokowaniem swojego kodu komuś innemu. Być możespowodowane względami bezpieczeństwa, a częściej niż brak prawdziwej konieczności.
    Skopiuj i rozwijaj ideę projektowania i zasad CSS, a piękne domowe guziki są gotowe. Jakościowe i legalnie czyste rozwiązanie. To prawda, musisz poświęcić trochę czasu na przeprojektowanie i programowanie, ale gra warta jest świeczek. Bezbłędny projekt strony jest aksjomatem tworzenia stron internetowych.

    Prostota jest kluczem do sukcesu

    Pierwsze rozwiązanie doprowadziło do chwilowego sukcesu, gdy szary wolumen zamienił się w kolorowe przyciski i oryginalne decyzje menu dzięki udziałowi profesjonalnych projektantów. Piękno podbiło odwiedzających strony, ale zewnętrzna blacha przybyła, a migające zasady CSS zaczęły odwracać uwagę.

    Drugie rozwiązanie: marginalna prostota z pełną funkcjonalnością - stała się normą. Charakterystycznie rzecz biorąc, ta decyzja została podjęta, ponieważ jest to oczywiste. Nowoczesne systemy zarządzania obiektem (CMS) stały się niezwykle proste i maksymalnie wygodne, aby osiągnąć swoje cele. Deweloper może dziś w dowolnej wersji witryny - ręcznej rozbudowie lub na bazie CMS - wykonać piękne przyciski CSS według własnego gustu lub użyć popularnej kolekcji z innej strony. To ryzykowna decyzja.
    W pierwszym przypadku, ręcznego rozwoju strony, nie jest grzechem, aby zapytać opinię wiodących producentów popularnych CMS. Mimo to nie ma stu profesjonalistów, którzy zdobyli wiedzę i umiejętności, a społeczności programistów są mierzone przez setki tysięcy profesjonalistów. W drugim przypadku wygnij linię, gdy wszystko będzie gotowe, a możesz ją po prostu wyczyścić iTo piękny czas na rezygnację z pracy - strata czasu. Klient może nie docenić, a odwiedzający po prostu nie rozumie autora. W czasach, gdy przyciski już się pojawiły, ale nie było jeszcze CS, piękne przyciski zostały w ogóle zgłoszone, ponieważ były naprawdę piękne. Byli "biedni". To była pseudo grafika, czyli tryb tekstowy! Mieli jednak tom, który mógł pokazać, że zostali przyciśnięci i mogą stać się niedostępni. Cóż, nie wszystko zrobione przez profesjonalnego projektanta, ale zawsze pięknie zrobione tak profesjonalnie i ma prawdziwą praktyczną wartość.

    Powiązane publikacje