p

Artykuły w Strony internetowe

Ilustracja przedstawiająca osobę w żółtym kapeluszu, patrzącą w zamyśleniu na ekran komputera wyświetlający dwa wzorzyste różowe wazony na żółtym okrągłym tle.

JPG czy PNG który format zdjęć będzie lepszy?

PNG i JPG to dwa formaty graficzne, które tworzyły Internet. Oko w oko stawały pomiędzy sobą, aby zmierzyć się w bitwie o tytuł ulubieńca Internetu. Skąd się one wzięły i dlaczego powstały?

Ilustracja przedstawiająca osobę w kasku ochronnym korzystającą z laptopa, patrzącą na duży szkielet strony internetowej z wyróżnioną żółtą sekcją, na jasnożółtym tle ze znakami zapytania.

Użyteczność strony internetowej jak tego nie robić.

W poprzednim odcinku gdzie argumentowłem jakie formaty plików używać na stronach internetowych i dlaczego to nie jest docx, bohatersko walczyłem z przebrnięciem przez jedną stronę. Stronę na której użycie złego (w niektórych miejscach) formatu pliku powodowało u mnie niechęć dalszej eksploracji.

Ilustracja osoby myślącej, stojącej między dwoma folderami dokumentów: jeden z ikoną Word i czerwonym X, drugi z ikoną PDF i zielonym znacznikiem wyboru, na żółtym tle.

Jakie rodzaje plików dawać klientom do pobrania.

Wydajesz pieniądze na reklamę. I to nie byle jaką - bo zobaczą ją dziesiątki tysięcy pasażerów linii lotniczych, znudzonych kolejnym pokazem „jak nie zginąć w razie awarii”. Sięgam więc po magazyn, żeby zagłuszyć głos stewardessy powtarzającej, że kamizelka nie jest pamiątką i daję się porwać światu artykułów o miejscach, w które “zupełnie przypadkiem” mogą mnie te linie zabrać.

Postać z kreskówki w trenczu trzymająca dwie gigantyczne karty do gry: szarą kartę HTTP z pikami po lewej stronie i czerwoną kartę HTTPS z diamentami po prawej stronie, na żółtym tle.

Różnica pomiędzy HTTPS a HTTP i rola certyfikatów

Planując, jak wydostać się ze swojej niezbyt komfortowej sytuacji finansowej, Ty i Twoja radosna paczka nierozgarniętych kumpli z podwórka obmyślacie plan równie zuchwały, co ryzykowny - skok na skarbiec lokalnego bossa.

Ilustracja przedstawiająca dużą żółtą tarczę chroniącą postać, otoczoną przez pięć gniewnych lub smutnych głów robotów z rakietowymi płomieniami, na tle z kodem binarnym.

Rodzaje zabezpieczeń formularzy - jak nie zwariować i nie odstraszać klientów.

Po raz kolejny, wypełniając formularz, stajesz przed wszechmocnym serwerem i z pokorą zaznaczasz niegroźnie wyglądające pudełeczko. „Nie jestem robotem” - mówisz pewnie, z nonszalancją i spokojem. To co się dzieje dalej przechodzi do historii...

Kreskówkowy listonosz trzymający kopertę stoi obok formularza kontaktowego z polami na numer klienta i wiadomość oraz żółtym przyciskiem Wyślij wiadomość na jasnożółtym tle.

Formularze irytujące klientów trochę mniej... a może wcale?

Zamawiając produkt przez internet, wypełniasz skrupulatnie formularz (a bynajmniej tak Ci się wydaje). Przechodzisz przez wszystkie wymagane pola a na koniec dostajesz powiadomienie o konieczności potwierdzenia kodem, który zostanie wysłany przez sms.

Ilustracja układu strony internetowej z oznaczonymi sekcjami: nagłówkiem, główną i artykułem, połączonymi liniami przerywanymi z dokumentem pokazującym zgodność z WAI-AAA, WCAG 2.2 i W3C za pomocą znaczników wyboru.

WCAG a prawidłowa struktura strony.

„Kiedy wypełniasz formularz na stronie, a za tobą odzywa się mały głos: „Tato, a dlaczego wieje wiatr…?” – wiesz, że skupienie właśnie się ulotniło. Zmęczony, próbujesz odnaleźć miejsce, w którym przerwałeś. Niestety, strona wita Cię kompletnym brakiem wskazówek – żadnego wyraźnego kursora, żadnego wyróżnionego pola.

Ślepe uliczki na stronach internetowych

Ślepe uliczki na stronach internetowych

Było już o tym, że prowadzenie samochodu z nawigacją, która nie wie dokąd jedzie, to jak trafić na stronę 404. Walisz w ścianę, odbijasz się, niby nic wielkiego, ale konsekwencje mogą być jak najbardziej realne – również finansowe.

Strona nie została odnaleziona... co dalej

Strona nie została odnaleziona... co dalej

Jadąc na wycieczkę samochodem, prowadzony przez jedynie słuszne mapy w telefonie, pozwalam technologii myśleć za mnie. Patrzę na trasę, patrzę na ekran – coś tu nie gra. Ale skoro nie znam drogi, jadę tak, jak wszechmogący GPS mi każe. Skręt w bok… i nagle jakaś wąska, bezsensowna uliczka osiedlowa. Miało być szybciej, a kończy się powrotem na starą trasę – z dziwnym uczuciem, że bardziej wierzę maszynie niż własnym oczom.

Kreskówkowy robot z czerwonym napisem ERROR!!! na piersi stoi zdezorientowany, z oczami w kształcie litery X i znakami zapytania nad głową. Tekst w języku polskim brzmi: Ups... Coś się stało, ale nie wiemy co? na żółtym tle.

Rodzaje błędów na stronach internetowych.

Przeglądasz sobie stronkę, klikasz, czytasz, klikasz, czytasz… Fotel obracany surfing w pełni, chwilo trwaj. I nagle – bach! – zza rogu, w mroku cyfrowych korytarzy, wyskakuje na Ciebie on: Błąd 500. Czyste zło w postaci trzech cyfr.

Animacje na stronach internetowych

Animacje na stronach internetowych

Czyż nie uwielbiasz, kiedy wchodzisz na stronę i od razu dostajesz zawrotu głowy? Wszystko się rusza, miga, a Ty nie wiesz, w co kliknąć. Przewijasz dalej ze strachem, że skończy się to jak po przejażdżce karuzelą czy kolejką górską — miało być przyjemnie, a wyszła walka o utrzymanie śniadania na swoim miejscu.

Co to jest hosting? I jaki wybrać?

Co to jest hosting? I jaki wybrać?

Kilka lat temu, jadąc do Poznania, zostawiłem kwestię noclegu komuś innemu. Po dotarciu na miejsce, szybki rzut oka na otoczenie i wnętrze wystarczył, żeby jedna myśl przeszła mi przez głowę: “W życiu tyle nie wypiję, aby to było akceptowalne”