[r.....a]

Dzień 2:

Spróbowałem odtworzyć stronę synonimy.pl http://raks3.vot.pl/d2/

Odpuściłem sobie kontener z aplikacją mobilną i z ofertą zakupu. Czcionka z google fonts - już widzę, że na IE bez polskich znaków. "Najczęściej wyszukiwane" - wiem underline dla całego tekstu a nie linków.

Poległem na nie wiem w jaki sposób dodać obrazek zamiast tekstu "Home". Po dodaniu obrazka nawigacja zjeżdża na dół - display: inline nie pomaga.

Ogarnąłem: word-spacing i outline.

Macie może jakiś pomysł na nowe wyzwania na najbliższe dni? Bardzo liczę na krytyczne spojrzenie w kod. Dzięki!

#webdev #webdevw30dni

[D.....h]

Czcionka z google fonts - już widzę, że na IE bez polskich znaków.

@raskepa: dodaj do niej latin-ext i problem zniknie.

Co do obrazka to polecam coś z tego wyciągnąć: http://codepen.io/chriscoyier/pen/FAbpm

Wyzwanie? Zacznij dostosowywać stronę pod RWD.

[Gregoo]

@raskepa:

Jeśli chodzi o obrazek w nawigacji to możesz go wstawić jako zwykły font. Wtedy będzie się zachowywał jak każdy inny element tego nav'a. Np poprzez:

FontAwesome

http://copypastecharacter.com/all-characters

lub jeśli w przyszłości będziesz używał Bootstrapa:

Glypicons

[r.....a]

@Dyzajash: Dziękuję! Dodanie latin-ext pomogło.

@Gregoo: Rzeczywiście to świetne rozwiązanie dzięki. Jak to jest z takimi zewnętrznymi źródłami? Przecież w zasadzie polegamy na łasce lub nie łasce autora takiego zestawu ikon.

[D.....h]

@raskepa: nie do końca. Z FontAwesome / Glupicons korzysta baardzo dużo stron. Każda z nich jest OpenSource + jest hostowana wielu mirrorach, więc nie ma co się bać że nagle 'zniknie'. Jeśli jednak boisz się że 'autor czcionek nagle zmieni zdanie' to po prostu podgraj sobie je na swój serwer i hostuj lokalnie. Zewnętrznych źródeł używa się zazwyczaj jeśli:

a) nie chce ci się aktualizować paczki zależności ręcznie.

b) chcesz przyśpieszyć