rozmiar - Kurs HTML i CSS
HTML5 / Leniwe ładowanie <iframe loading, img loading>...elementy - nawet znajdujące się na samym dole strony, które w tym momencie w ogóle nie są widoczne na ekranie. Jeśli zdjęcia lub widżety mają duży rozmiar, spowolni to wczytywanie całej strony. Dodatkowo może narazić na dodatkowe koszty użytkowników korzystających z połączenia mobilnego. Możemy tego uniknąć stosując atrybut loading="lazy". Pytania i odpowiedzi <iframe loading, img loading> Co to jest leniwe ładowanie w HTML? Leniwe ładowanie w HTML to technika optymalizacji wydajności...
- Ikony (symbole) / Komunikacja
...dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Poczta mail mail Połączenie call call Powiadomienia notifications notifications Wyślij send send Czatuj chat chat Link link link Forum forum forum Inwentarz 2 inventory_2 inventory_2 Dymek czatu chat_bubble chat_bubble Telefon w trakcie rozmowy...
- Ikony (symbole) / Biznes i płatności
...dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Koszyk shopping_cart shopping_cart Płatności payments payments Torba na zakupy shopping_bag shopping_bag Monitorowanie monitoring monitoring Karta kredytowa credit_card credit_card Załącz pieniądze attach_money attach_money Długi paragon receipt_long...
- Ikony (symbole) / Mapy
...dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Upuszczenie pinezki pin_drop pin_drop Lokalizacja włączona location_on location_on Mapa map map Pinezka domu home_pin home_pin Eksploruj explore explore Restauracja restaurant restaurant Flaga flag flag Moja lokalizacja my_location my_location Lokalna straż...
- Ikony (symbole) / Transport
...dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Wysyłka lokalna local_shipping local_shipping Wskazówki dla samochodu directions_car directions_car Lot flight flight Wskazówki dla biegania directions_run directions_run Wskazówki dla pieszo directions_walk directions_walk Start samolotu flight_takeoff...
- Ikony (symbole) / Prywatność i bezpieczeństwo
...dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Odznaka badge badge Zweryfikowany użytkownik verified_user verified_user Zgłoszenie report report Ustawienia panelu administratora admin_panel_settings admin_panel_settings Bezpieczeństwo security security Klucz VPN vpn_key vpn_key Polityka policy policy...
- Ikony (symbole) / Aktywności
...dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Szkoła school school Kampania campaign campaign Budownictwo construction construction Inżynieria engineering engineering Aktywizm wolontariacki volunteer_activism volunteer_activism Nauka science science Sporty elektroniczne sports_esports sports_esports...
- Ikony (symbole) / Podróż
...dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Apartament apartment apartment Lokalizacja miasta location_city location_city Centrum fitness fitness_center fitness_center Obiad lunch_dining lunch_dining Spa spa spa Domek cottage cottage Lokalna kawiarnia local_cafe local_cafe Hotel hotel hotel Toaleta...
Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type...pierwszej definicji listy. Oczywiście można to zrobić nadając mu klasę. Nie jest to jednak najlepsze rozwiązanie, ponieważ niepotrzebnie zwiększa rozmiar dokumentu, a przy tym jeśli w przyszłości zrezygnujemy z takiego formatowania (lub jedna ze skórek nie będzie go wymagać), zbędna klasa zacznie zaśmiecać kod. Jednocześnie nie możemy się posłużyć selektorem pierwszego dziecka, gdyż pierwszym dzieckiem listy będzie znacznik terminu (DT), a nie definicja (DD). Problem rozwiązują podane wyżej...
- Ikony (symbole) / Gospodarstwo domowe
...dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Dom house house Łóżko bed bed Klimatyzacja ac_unit ac_unit Krzesło chair chair Prąd elektryczny electric_bolt electric_bolt Kawa coffee coffee Czujniki sensors sensors Opieka nad dziećmi child_care child_care Tylna ręka back_hand back_hand Awaryjny dom...