okna - Kurs HTML i CSS
Układ elastyczny CSS / Kolejność {order}...który spełnia założenia dostępności - treść znajduje się w kodzie źródłowym przed kolumną menu. Mimo tego szerokość automatycznie dopasowuje się do okna przeglądarki. Dodatkowo warto zwrócić uwagę, że wysokość obu kolumn jest identyczna. Uzyskanie takiego efektu w tradycyjny sposób byłoby bardzo trudne i najczęściej wymagało pójścia na pewne kompromisy. <div id="top"> <div id="TRESC">Treść strony...</div> <div id="MENU">Menu nawigacyjne</div> </div> #top { display: flex; } #MENU...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...proporcji zdjęcia. Może być jednak przycięta po bokach albo na górze i na dole, jeśli nie będzie pasować do aktualnych proporcji wymiarów okna przeglądarki.
Ikony (symbole) / Gospodarstwo domowe...dry dry Żaluzje zamknięte blinds_closed blinds_closed Rolety zamknięte roller_shades_closed roller_shades_closed Propan propane propane Czujnik okna sensor_window sensor_window Dzwonek do drzwi 3p doorbell_3p doorbell_3p Zdrowie i uroda health_and_beauty health_and_beauty Termostat węglowy thermostat_carbon thermostat_carbon Dom rodzinny family_home family_home Okap range_hood range_hood Telewizor z asystentem tv_with_assistant tv_with_assistant Koc blanket blanket Rolety pionowe...
- Ikony (symbole) / Dom
...Nest Wake On Press nest_wake_on_press nest_wake_on_press Powiadomienie czujnika ruchu motion_sensor_alert motion_sensor_alert Czujnik okna window_sensor window_sensor Strefa osoby bezczynna zone_person_idle zone_person_idle Czujniki Krx sensors_krx sensors_krx Uchwyt magnetyczny dla kamery Nest nest_cam_magnet_mount nest_cam_magnet_mount Stojak dla kamery Nest nest_cam_stand nest_cam_stand Detektor offline detector_offline detector_offline Uchwyt ścienny dla kamery Nest...