Posts Tagged ‘web’

Czy Webdeweloper może ignorować IE — może!

28 września 2009

Wprowadzenie

Oglądałem ostatnio zdjęcia w serwisie Flickr.

Przyglądałem się funkcji komentowania zdjęć i zauważyłem zaokrąglone rogi przycisków Preview i Save Comment oraz okna z wyjaśnieniami How do I format my comment?

Jako człek ciekawy, sprawdziłem jakiej to metody użyli programiści Flickr.com, aby uzyskać efekt zaokrąglonych rogów…

Zaokrąglone rogi w serwisie Flickr.com

Jest wiele metod (bazujących na miksie tabel i obrazków) uzyskania efektu zaokrąglonych rogów — większość to, moim zdaniem, doskonałe przykłady przerostu formy nad treścią.

Programiści Flickr.com zrobili to, moim zdaniem, niezwykle elegancko. Użyli styli CSS -moz-border-radius, które działają we wszystkich nowoczesnych przeglądarkach (Firefox, Chrome, Safari, Opera) poza…, a jakże, Internet Explorer-em — każdym :(.

flickr.com

Zaokrąglone rogi w serwisie Flickr.com

Podsumowanie

Dzięki prostemu rozwiązaniu działającemu w oparciu o style CSS, można osiągnąć ten miły dla oka i mózgu efekt niewielkim nakładem pracy i — co o wiele ważniejsze — bez rozdmuchiwania kodu HTML i rozmiaru przesyłanej strony.

Flickr.com i Yahoo pokazały też, że można zignorować niedostatki przeglądarki Internet Explorer, dzięki czemu zyskują:

  1. Użytkownicy innych przeglądarek — bo strony ładują im się szybciej,
  2. Programiści — bo mają kod prostszy do napisania i utrzymania,
  3. Testerzy — bo przyciski są standardowe i standardowo działają (fokus, zatwierdzanie klawiszem Enter i Spacja).
Reklamy

Unia Europejska i reklama internetowa

4 kwietnia 2009

Wpis o dyrektywie UE standaryzującej opis/adresy URL reklam internetowych był oczywiście żartem primaaprilisowym.

Twitter — jestem uzależniony…

30 marca 2009

Dla niewtajemniczonych, Twitter to (za Wikipedią) serwis społecznościowy pozwalający na prowadzenie mikrobloga. Lub, innymi słowami, serwis pozwalający na informowanie innych użytkowników co się teraz robi.

O ile jestem w stanie zrozumieć ludzką potrzebę korzystania ze ,,zwykłych” serwisów społecznościowych typu nasza-klasa.pl, Facebook.com, czy wayn.com i rozumiem użyteczność serwisów typu GoldenLine.pl lub Linkedin.com, to istnienie serwisu typu twitter.com pozostawało dla mnie całkowitą zagadką.

Tłumaczyłem sobie, że jako inżynier, umysł ścisły, po trzydziestce, po prostu nie rozumiem tego zjawiska…

Aż do czasu, gdy słuchając podcastów z stackoverflow.com lub hanselminutes.com, okazało się że Twittera wszyscy wokół używają…

Założyłem więc konto, aby osobiście sprawdzić o co w tym wszystkim chodzi i prawie natychmiast się uzależniłem… Nie wiem jak to działa, ale uzależnia. Bardzo ciekawe doświadczenie…

Zdania na temat Twittera nadal nie zmieniłem. Poniższy film doskonale je opisuje:

O protestach użytkowników serwisów społecznościowych…

26 marca 2009

Miałem napisać parę słów w związku z niedawnym buntem użytkowników Grono.net, ale nic ponad to, co napisała Marta Klimowicz, bym nie napisał, więc zapraszam do lektury wpisu Marty.

O nazwach startup-ów

24 lutego 2009

Czasem zaglądam na grupę Projekty start-up w serwisie GoldenLine.pl. Fascynuje mnie pomysłowość nazw nowych start-up-ów np.: upente.com, endorfinum.pl, qype.pl lub structus.pl.

Zawsze mnie zastanawiało, na jakiej podstawie autorzy zakładają, że:

  1. Standardowy Użytkownik Internetu (STU) będzie wiedział do czego służy dany serwis.
  2. STU będzie umiał zapamiętać adres serwisu.
  3. STU będzie potrafił poprawnie wpisać adres serwisu w przeglądarce (albo chociaż tak, aby Google zasugerowało właściwą nazwę).

Ciekawe gdzie byłaby nasza-klasa.pl, gdyby nazywała się, dajmy na to our-college.pl

Idee. Hot or Not — Najbardziej irytujące reklamy

16 lutego 2009

Wszyscy użytkownicy internetu, nawet Ci korzystający z dobrodziejstw dodatku Adblock do przeglądarki Firefox, znają ten problem — reklamy zasłaniające całą treść, reklamy których trudno się pozbyć (np. ukryty lub uciekający krzyżyk)  i te, moim zdaniem, najgorsze — gadająco-śpiewające — budzące żonę i dzieci o północy.

Myślę, że takie reklamy (a jeszcze lepiej ich autorzy) zasłużyły na uwiecznienie w specjalny sposób — w serwisie typu hot or not zbierającym najbardziej irytujące reklamy.

Widzę dwa problemy z realizacją tego pomysłu. Pierwszy techniczny — utrwalanie reklam w serwisie i drugi, poważniejszy, prawny —  ataki właścicieli praw do ,,dzieł” dodanych do serwisu.

Wierzę jednak głęboko, że oba problemy da się rozwiążać — w końcu istnieją serwisy hot or not porównujące wygląd stron internetowych.

Słowny paging — wymóg ustawowy, czy fantazja progamistów?

10 lutego 2009

Wpadłem dziś na serwis KRS wyszukiwarka podmiotów w KRS.  Moją uwagę zwróciła nawigacja, a konkretnie tzw. paging, który tutaj jest… słowny.

Zrzut ekranu poniżej:

KRS paging

KRS online słowny paging

I tak mnie zastanawia — czy to wymóg ustawowy, czy ułańska fantazja programistów?

UI. Deutche Bank. Uzupełnienie

1 października 2008

Trzy miesiące temu pisałem o systemie dostępu do konta przez internet w Deutche Bank PBC S.A. — usługę db easyNET.

Wczoraj w skrzynce pocztowej znalazłem pismo z informacją o wdrożeniu nowej wersji systemu easyNET, a w nim, między innymi:

  • Prezentację waluty rachunku i dostępnego salda w momencie wybierania rachunku do obciążenia,
  • Całkowicie nowy sposób prezentowania informacji na ekranie.
  • Zdecydowanie szybszy czas realizacji zleceń i odświeżania danych.

Wydawało mi się, że nikt tego nie czyta, a tutaj proszę :)…

Stackoverflow.com gotowy do startu…

13 września 2008

Jeff Atwood z zespołem planują w poniedziałek (15 września) upublicznić nowy serwis dla programistów — stackoverflow.com.

Sam stackoverflow.com powstał przy udziale Joela Spolskyego, znanego ze znakomitego blogu Joel on Software.

Jeff i Joel raz w tygodniu publikują swoje rozmowy na tematy krążące wokół sztuki tworzenia oprogramowania, ale nie tylko, na blogu stackoverflow.com. Ich rozmów naprawdę warto posłuchać.

Sam serwis robi wrażenie. Od miesiąca jestem użytkownikiem i muszę przyznać, że serwis jest przejrzysty i, po prostu, wciągający. Polecam każdemu. Na zachętę zrzut ekranowy:

stackoverflow

Tylko raz taki widziałem :).

UI. Deutche Bank. Część druga, ostatnia

2 lipca 2008

W pierwszej części opisałem drogę do poznania wysokości salda i wolnych środków na rachunku prowadzonym przez Deutche Bank PBC S.A.

W części drugiej przejdziemy długą drogę od pomysłu ,,zapłacimy rachunek przez internet z db easyNET” do zlecenia przelewu.

Po zalogowaniu -- Jak zrobić przelew?

Z części pierwszej pamiętamy, że mamy wolne środki, możemy więc zlecić przelew. Po chwili wahania (jak zrobić przelew?) wybieramy opcję Twoje konto i już po chwili wiemy, że to był… krok w dobrym kierunku…

Sekcja Twoje Konto/Przelewy -- nadal nie można zlecić przelewu

OK. Jest opcja Przelewy, wybieramy ją, jest opcja Przelew zwykły (bank uprzejmie cały czas nas informuje co możemy po każdym wyborze zrobić – może przydałby się fikuśny wizard aby powiedzieć biednemu użytkownikowi, ile jeszcze kroków go czeka, aby móc wypełnić polecenie przelewu?).

OK. Mamy formularz Przelewu zwykłego. Formularz poza takimi oczywistymi oczywistościami jak komu, ile i za co pozwala wybrać też numer rachunku — niestety nie informuje, który rachunek jest który, ba, nie informuje nawet w jakiej walucie ten rachunek jest prowadzony…

Podstawowe informacje o rachunku -- widać ujemne saldo i większe od zera wolne środki

OK. Wycofujemy się. Wybieramy kolejno: Twoje konto, Stan rachunków, zapisujemy numer rachunku i wracamy do przelewu: Twoje konto, Przelewy, Przelew zwykły. Wypełniamy formularz, wybieramy rachunek do obciążenia i gotowe — przelew zlecony.

Pozostaje sprawdzić, czy przelew wyszedł.

Tego co teraz napiszę, w wersji demo nie da się zobaczyć, ale naprawdę tak jest, a przynajmniej było pół roku temu.

Oto historia, która bezpośrednio pchnęła mnie od opisania systemu db easyNET.

Nadszedł dzień bardzo ważnego przelewu. Pierwsza sesja ELIXIR wyszła, jest 9.30 rano. Upewniam się, czy mój bardzo ważny przelew wyszedł: Twoje konto, Stan rachunków — ooops, saldo bez zmian.

OK. Sprawdzam historię rachunku — wybieram rachunek, wybieram Aktualizuj, przelewu nie ma i tutaj. Dla pewności zmieniam datę do na jeden dzień w przód. Przelewu nadal nie ma. Oj, niedobrze…

Sprawdzam przelewy oczekujące (może nie wysyłają przelewów pierwszą sesją?). Wybieram kolejno: Twoje konto, Zlecenia oczekujące, Przelewy zwykłe (dlaczego Zlecenia stałe są pierwsze?). Przelewu nie ma…

Jak powiedziano mi w Infolinii — ta zadziała doskonałe (pani z Call Center znalazła i docisnęła techników i oddzwoniła z wyjaśnieniami) — dane w serwisie są aktualizowane po zaksięgowaniu sesji — czyli po paru godzinach. A w międzyczasie przelewy wyszły i ich nie ma…

Dla wyjaśnienia — podstawowe konto mam w innym popularnym banku — może przyzwyczajałem się do innego interfejsu i stąd moje problemy, ale mam wrażenie, że nie…

Czekam na opinie.