CSS: Używanie iconic fontów

0:00W tej lekcji opowiem o używaniu frontów ogólnie

0:04takim najbardziej popularnym jak konik frontem jest front osłon i front.

0:09Faktycznie pomogło web development owi dawno temu korzystać z ikon

0:16no bo są generalnie lepsze niż obrazki można je skasować.

0:21Można je do pewnego etapu kompresji bez strat.

0:26No i generalnie jakby jest to naturalny progres rozwoju sieci.

0:32Fronty były używane.

0:33Natomiast.

0:35Co w dzisiejszych czasach robić ze świętami.

0:39Przede wszystkim.

0:41Ja uważam osobiście że nie musimy używać

0:43już w ogóle kwiatów co nie znaczy że powinniśmy przestać używać świąt.

0:49Niewiele osób wie ale są faktycznie dostarcza.

0:54Swoje grafiki w formacie torowym w

0:56formacie DVD i nie ma żadnego problemu w tym aby po prostu te Wiki bezpośrednio w

1:01kodzie umieszczać zamiast robić puste elementy z klasą.

1:06Photoshop tutaj ja celowo zrobiłem coś co wygląda inaczej niż większość dokumentacji

1:13Photoshop czy I tutaj mamy normalne użycie jako.

1:18I klas.

1:20Ford Opera and Opera no i oczywiście to

1:23działa w ten sam sposób natomiast nie jest to schematycznie poprawne użycie.

1:29I co ciekawe sam

1:32front osobom stwierdza że z piany są lepsze w kontekście akcesji bilety

1:37do używania niż i to jest taka trochę zaszłości gdzie

1:42jest to krótszy znacznik więc teoretycznie

1:44zajmuje mniej bitów i kojarzy się z ikoną więc no i było fajną takim do używania z

1:51bo można było w sposób czysty przedstawiać ikony natomiast i niesie za

1:58sobą inne znaczenie romantyczne i to jest tekst podkreślone kursy ową.

2:04Czyli powinien podkreślać np.

2:07elementy takie jak tekst w innym języku

2:10mówi o tym też troszkę więcej w moim kursie odnośnie akcesji.

2:14Ale generalnie ja polecam używać panów zamiast I.

2:18Ponieważ efekt końcowy na stronie www jest taki sam w kontekście tego

2:23jak to się wędruje ale jest to lepsze dla czytników ekranowych.

2:28Kolejny problem z kwotami jest to że jeśli

2:33my jako użytkownicy zechcemy sobie odpisać część czcionek.

2:37No bo oczywiście możemy nie ma z tym

2:39żadnego problemu a strony internetowe mają na tyle nie jednolity design i często też

2:44niedostępne że użytkownicy często to robią czyli wpisują domyślne fronty.

2:50No i generalnie jeżeli napiszemy ten front albo się po prostu nie ładuje możemy to

2:55zrobić w sumie tutaj z poziomu Souls i wejdziemy sobie na przykład w.

3:03Są mi tutaj załadowane te pliki jeżeli po prostu usunie ten plik no to

3:09to się nam tutaj usunęło ale screen reader czyli czytniki ekranowych które pozwalają

3:14przeczytać jakby marka lub naszego kodu na głos dla osób które nie widzą

3:20albo po prostu mają problemy poznawcze albo nie znają danego języka.

3:23No to ikony zostaną czytane również i nie

3:27zostaną wykorzystane jako nic sensownego ponieważ tutaj mamy znaczki.

3:31Już kot który tak naprawdę nie mają dla nas jako ludzi większego znaczenia jeżeli

3:36sobie to rozwinie my musimy zamknąć tą zakładkę.

3:42No to widzimy że kontent jest ustawiony na

3:45jakiegoś herosa który nie ma żadnego sensu i czytniki ekranowych to czytają.

3:50To oczywiście też załączone w źródłach żebyście mogli sprawdzić jak to konkretnie

3:54się czyta przez czytniki ekranu bo jeżeli będziecie tym zainteresowani.

3:58Kolejny problem jest taki że jeżeli

4:00będziemy mieli jakieś style które będą ze sobą skonfliktowany jak wiemy łatwo jest

4:04stworzyć konflikt mający za sobą style zamkniemy tylko listę

4:09i stworzymy sobie Still powiedzmy.

4:13Są ikon i przypadkiem ustawiamy kontent na puste.

4:18No to niestety już w tym momencie nasz

4:22element nie będzie się wędrował tak jak powinien czyli jeśli sobie sam wystawimy.

4:27Tutaj.

4:29No to faktycznie to

4:31ta opera powinna zniknąć zastanawiam się czemu nie zniknęła.

4:35Być może zrobiłem jakąś literówki ale generalnie koniec końców.

4:41To sprowadza się do tego że jeżeli

4:43napiszemy content czymś innym to oczywiście ten

4:47zniknie.

4:48No i jeżeli świątyń nie zdążą się doładować

4:51to też tych wątków nie będziemy widzieli te ikonki będą niewidzialne.

4:56W związku z czym ja proponuję używać

4:59dzików zamiast kwiatów całkowicie czyli porzucić opcje z kwiatami.

5:06Jeżeli mamy taką możliwość

5:07stworzyć odpowiednią infrastrukturę aby te dziki były ładowane w sposób wydajny.

5:13Na nasze strony internetowe wtedy nie

5:15będzie problemów z dostępnością nie będzie problemów z.

5:19Przypadkowym nad pisaniem

5:21takich ikon ponieważ to będą widoki więc takiego czegoś nie możemy napisać.

5:26Będzie to grafika wektor owa która jest najbardziej lokalnym formatem jaki mamy.

5:31No i generalnie do widoków też możemy dużo

5:35dodatkowych funkcjonalności dodać których kwoty po prostu nie mają.