Na pewno miałeś okazję zobaczyć, przeglądając różne strony na swoim smartphonie, inaczej wyglądający pasek adresu, konkretnie ze zmienionym kolorem, taki efekt na stronie wprowadził np.: Dribbble. Dzisiejszy wpis będzie bardziej poświęcony kodowaniu, aniżeli grafice, ale bez obaw jest to na tyle prosty zabieg, że nawet bez wiedzy o html sobie poradzisz. Dzięki temu uzyskasz ciekawy i przyciągający efekt na swojej stronie albo zaoferujesz doskonały dodatek na stronie klienta.

Nowość w Chrome 49

Nowa funkcjonalność pojawiła się wraz z wejściem mobilnej wersji Chrome z numerem 39. Cały proces sprowadza się do dodania jednej linii kodu w pliku index.html <meta name=”theme-color” content=”#db5945″> W polu wartości właściwości contenet wpisujesz dowolnie wybrany kolor w systemie szesnastkowym, wgrywasz na serwer i już możesz się cieszyć nowym efektem na stronie internetowej. Dodatkowo mamy możliwość dodania favicona, czyli małej grafiki wyświetlanej obok paska adresu, w tym przypadku musimy wkleić ten kawałek kodu <link rel=”icon” sizes=”192×192″ href=”nice-highres.png”> ze ścieżką do obrazka zapisanego w formacie png.