responsywna strona internetowa

Responsywne obrazki dla różnych ekranów w HTML5

Często spotykanym problemem przy projektowaniu stron internetowych są zdjęcia. Wyświetlenie większego zdjęcia na większym ekranie to lepsze wrażenia dla użytkownika, ale już wyświetlanie dużego zdjęcia na małym ekranie, np. na telefonie, może niepotrzebnie opóźnić ładowanie strony. Dlatego dobrym rozwiązaniem jest „serwowanie” zdjęć o odpowiedniej wielkości i wadze dla różnych ekranów.

Czytaj więcej

Jak ustawić div-a na 100% wysokości okna?

Tworząc strony internetowe zdarza się, że chcemy, aby div z określonymi informacjami zajmował całą wysokość okna, niezależnie od wysokości tego okna. Wiadomo, że ustawiając wysokość dziecka na 100% zajmuje ono całą przestrzeń swojego rodzica. Zatem aby div zajmował całą wysokość okna, wszyscy jego rodzice muszą także mieć ustawioną taką wysokość.

Czytaj więcej

Jak dopasować stronę do wysokości ekranu przeglądarki?

How to set div to 100% browser height? Tworząc jedną ze stron internetowych chciałam, aby jeden z divów rozciągnięty był zawsze na całą wysokość przeglądarki, niezależnie od wysokości okna, jaka będzie w danej chwili ustawiona. Osiągnęłam to w prosty sposób, za pomocą css.

Czytaj więcej