Jak sprawić, by Twoja strona była atrakcyjna dla odwiedzających? To pytanie dotyczy prawie wszystkich właścicieli zasobów internetowych: biznesmenów, blogerów, właścicieli małych i dużych firm, podróżników i po prostu kreatywnych ludzi, którzy mają coś do powiedzenia światu.
Dlaczego strona internetowa powinna być piękna i funkcjonalna?
Liczba odwiedzin zależy od strony i jej docelowej grupy odbiorców, zainteresowania ludzi konkretnym produktem, inwestycji, promocji, treści i wielu innych czynników. Ale nie można zaprzeczyć, że strona „spełniają ubrania. Jest to pierwsza i główna strona zasobu są jego twarz, wizytówka, przez które odwiedzający powinien zrozumieć, czy chce poświęcić swój czas na dalsze przeglądanie treści.
I nie ma tu marginesu na błąd. Według badań przeprowadzonych przez jeden z uniwersytetów technicznych w Stanach Zjednoczonych, odwiedzający stronę internetową potrzebuje mniej niż sekundę, aby wyrobić sobie o niej pierwsze zdanie. Przeciętny człowiek „skanuje” stronę w 3 sekundy. Błyskawiczna prędkość, nieprawdaż?
Od tego, jak wygląda strona główna, zależy do 70% sukcesu strony www. Pierwszą rzeczą, na którą ludzie zwracają uwagę, jest logo, ale drugą – nawigacja. I o ile logo jest mniej lub bardziej zrozumiałe, ale tu nad nawigacją, menu i użytecznością strony warto się zastanowić. Pojawia się sensowne pytanie: „Jak udekorować swoją stronę, aby była jak najbardziej funkcjonalna i przyjazna dla użytkownika, a jednocześnie piękna? Istnieje wiele nietypowych pomysłów do zaproponowania, ale jednym z najciekawszych jest ToolIP.
Konkretnie rzecz ujmując, jeden z elementów graficznych szablonu Bootstrap, jest wykorzystywany do tooltipów. Szkielet Bootstrap został stworzony dla Twittera i pierwotnie nosił nazwę Twitter blueprint. Po kilku zmianach w 2012 roku, otrzymał 12-kolumnową siatkę, stał się adaptacyjny i zyskał znaną nazwę – ToolIP. ToolIP to element, który wyskakuje po najechaniu kursorem na dany element na ekranie monitora.
Utwórz etykietę narzędzia
Możesz utworzyć Bootstrap Tooltip używając atrybutów danych, jak również aktywując elementy „Java Script”. Istnieją dwa główne sposoby tworzenia HTML Bootstrap Tooltip. Istotą pierwszego z nich jest zastosowanie atrybutu data-toggle=ToolIP” oraz atrybutu title, który będzie zawierał tekst tooltipa. Etykieta narzędzia zostanie wyświetlona na górze (ustawienie domyślne). Warto pamiętać, że ToolIP musi zostać zainicjalizowany, gdyż automatyczna inicjalizacja została wyłączona w bootstrapie Twittera ze względów wydajnościowych.
W celu zainicjowania tooltipów wykorzystywany jest specjalny JavaScript, dzięki któremu metoda tooltip jest przywracana dla wszystkich elementów, które posiadają atrybut data-toggle=”ToolIP”. Istotą drugiej metody jest aktywowanie tooltipa za pomocą kodu javaScript z wykorzystaniem biblioteki jQuery poprzez napisanie klasy tooltip, która zawiera ToolIP. Metoda ta jest podobna do pierwszej, z wyjątkiem sposobu wyboru elementów. Tooltipy można umieścić w „JavaScript” w sposób pokazany poniżej.