Buduj responsywne strony internetowe szybciej dzięki interfejsowi semantycznemu

Szkielety frontendowe, takie jak Bootstrap, wciąż są wściekłe. Do wyboru są dziesiątki wspaniałych opcji, ale ostatnio zwrócono moją uwagę Interfejs semantyczny.

Przyznano, że ta biblioteka istnieje już od kilku lat. Jednak najnowsza wersja wersji 2.2 jest wyposażony w wiele dodatkowych funkcji i udowadnia, że Semantic będzie na dłuższą metę.

Z dziesiątkami Zmienne CSS, proste klasy responsywne, i łatwe w konfiguracji układy, nie będziesz miał żadnych problemów z samodzielnym korzystaniem z interfejsu semantycznego.

The proste nazwy klas i struktury siatki naprawdę nadają sens tym ramom “Semantyczny”. Klasy są bardzo rozsądne, co sprawia, że twój HTML jest łatwy do odczytania na odległość.

To nawet pochodzi z Obsługa jQuery dla dynamicznych elementów strony takie jak karuzele i rozwijane menu.

Każdy element HTML pod słońcem jest dostosowane i w pełni funkcjonalne z interfejsem semantycznym. Obejmuje to elementy HTML5 oraz dodatkowe funkcje, takie jak oceny i niestandardowe karty.

Ale być może najlepszą częścią semantycznego jest konfiguracja tematyczna. Nie tylko masz mnóstwo gotowych stylów i elementów dynamicznych, ale możesz również przeprowadź te zmiany budowanie na kodzie Semantic.

Cała biblioteka się sumuje 3000+ zmiennych tematycznych możesz zmieniać w Sassie lub rozszerzając swój własny arkusz stylów. Ponadto interfejs semantyczny zawiera pakiet dziewięć domyślnych motywów:

Domyślne semantyczne
Pucołowaty
Podniesiony
Klasyczny
Materiał Google
Amazonka
Bootstrap
GitHub
Świergot

To tylko wierzchołek góry lodowej i zachowują się bardziej punkty wyjścia do zaprojektowania własnego motywu.

Jeśli tworzysz nową stronę docelową lub niestandardową witrynę od podstaw, poważnie rozważ współpracę z interfejsem semantycznym. Jest całkowicie darmowy i open source z świetna dokumentacja online.

Możesz przeglądać style układu, wraz z przewodniki dla wszystkich głównych elementów i niestandardowych motywów.

I możesz pobrać a kopia kodu źródłowego bezpośrednio z GitHub, który zawiera również przewodnik dla początkujących.