Archiwum

Posty oznaczone ‘CSS’

Apple Safari

Maj 20th, 2008

Coś mnie dziś naszło na wypróbowanie nowej przeglądarki: Apple Safari. Zainstalowałem, poklikałem, pobawiłem się i… I z jedenej strony mi się podoba ze względu na “inny” UI, wiadomo, Mac. A z drugiej strony, jestem głęboko rozczarowany z kilku prostych powodów:

  • Safari jest powolne. Dużo wolniejsze od Firefox 3, Firefox 2, czy nawet IE7. A to znaczy, że Apple kłamie pisząc: “Safari is the fastest web browser on any platform”. Blah… OK, co do IE7 to nie mogę się zdecydować, ale od FF3 jest wolniejsze z całą pewnością
  • Co za cholerny designer wymyślił przeglądarkę w której nie da się wyłączyć wygładzania czcionek?! Można tylko zmieniać “intensywność”. Wyłączyć już się nie da, a przynajmniej nie znalazłem. Szczerze? Ta opcja, a właściwie jej brak, dyskwalifikuje Safari w moich oczach.
  • Ma problemy z właściwą obsługą JS. Osobiście znalazłem stronę, w której onclick na obrazku powodował wyzwolenie onclick na divie położonym 100px wyżej i 50px w prawo od obrazka w który kliknęliśmy.
  • Po dłuższym używaniu stwierdzam jednak, że UI Safari jest bez sensu pod Windows. Może to ma więcej sensu z Mac OS, ale z Windowsem zdecydowanie nie idzie w parze.

Podsumowując: jak ktoś chce spróbować, to proszę bardzo, ale osobiście odradzam. A szefowi projektu Safari w Apple proponuję zastanowienie się nad sensem wypuszczania tej przeglądarki dla Windows. To na dłuższą metę nie ma sensu….

Paweł Recenzje / Relacje, Zawodowo , , , , , ,

Firefox 3RC1: wrażenia

Maj 18th, 2008
Na próbę zainstalowałem najnowszą wersję Firefox’a, czyli Firefox 3.0RC1.

Firefox 3

Tak w ramach poznawania przyszłego wroga w dziedzinie web development. Wiele nie oczekiwałem, trochę więcej dostałem. Ale po kolei:

  • Uruchamia się wyraźnie szybciej od poprzednika. Nie jest to może wielki skok, ale zauważalny
  • Znacznie lepiej radzi sobie z zarządzaniem pamięcią, co było wielką bolączką FF2, dla którego 200MB pamięci rzeczywistej i drugie tyle wirtualnej było czymś zupełnie normalnym. Firefox 3 zadowala się połową tej wartości. Wielki plus.
  • Lekkie odświeżenie wyglądu. Brak rewolucji i bardzo dobrze.
  • W pasku adresu pojawia się teraz sympatyczna gwiazdka: jeśli jest złota, dana strona znajduje się już w zakładkach. Bardzo dobre rozwiązanie, wiele razy zdarzyło mi się dodawać tą samą stronę do zakładek po kilka razy
  • Dla stron szyfrowanych, nazwa certyfikatu pojawia się przy pasku adresu
  • Zabrakło zielonej strzałki przejścia do strony/przeładowanie strony przy pasku adresu. Jakoś się do niej przyzwyczaiłem…
  • Rozwijana lista historii przeglądanych stron z paska adresu zawiera teraz ikony i każdy adres składa się z 2 linii: tytułu i adresu. Co do tej opcji mam ambiwalentne uczucia: wygląda ładnie, ciekawe jak będzie z funkcjonalnością
  • Podobno FF3 jest szybszy od poprzednika… Możliwe… Wydaje się być szybciej, ale nie wykluczam siły autosugestii.
  • W dalszym ciągu nie przechodzi testu ACID3. Osobiście mnie to nie rusza…
  • Nie działa większość rozszerzeń. Na szczęście, w sieci można znaleźć bety działające z FF3 większości z nich (szukałem i znalazłem: Mouse Gestures, FireFTP, Firebug). Więc nie jest tak tragicznie.

I to chyba tyle jeśli chodzi o pierwsze spojrzenie na Firefox 3. Mi się podoba. Szczególnie z powodu lepszego zarządzania pamięcią.

Paweł Recenzje / Relacje, Zawodowo , , , , ,

Programistą WWW być…

Maj 14th, 2008

Mogłoby się wydawać, że nie ma nic prostszego niż pisanie stron WWW. Tak, są edytory WYSIWYG, PHP jest prosty i tak dalej. Sama przyjemność. Ostatnio uświadomiłem sobie, że programista WWW ma najtrudniej ze wszystkich programistów. Nie wystarczy znać jeden język, czy technologię, trzeba użerać się ze standardami, a właściwie ich niespełnianiem przez przeglądarki, nie można całego kodu debugować w jednym miejscu. Ale po kolei:

Programista WWW:

  • musi znać:
    • co najmniej jeden język server-side, na przykład PHP
    • co najmniej jeden język client-side, choć w sumie można poprzestać na JavaScript
    • HTML ze wszystkimi jego zawiłościami jak DOM i tak dalej
    • CSS
    • SQL aby móc coś z bazy danych wyciągnąć lub włożyć
    • podstawy projektowania interfejsów
    • różnice w interpretacji standardów przez przeglądarki
  • powinien znać:
    • technologie łączące serwer i klienta lub poszczególne moduły, takie jak:
      • AJAX
      • XML
      • SOAP
      • XSLT
    • co najmniej dwa debugery i profilery: jeden dla serwera drugi dla klienta
  • musi orientować się w:
    • obsłudze baz danych aby móc bazę utworzyć
    • najnowszych rozwiązania w tej dynamicznej dziedzinie
    • konfiguracji serwera WWW
    • konfiguracji serwera baz danych
  • musi użerać się z:
    • bełkotem marketingowym typu Web2.0
    • tym cholernym IE
    • tym nieszczęsnym FF
    • tą dziwaczną Operą której nikt nie używa
    • małym wyborem jeśli chodzi o dojrzałe narzędzia programistyczne
    • że nie może debugować całej aplikacji w jednym miejscu, bo część się dzieje po stronie serwera, a część klienta, i nie są to te same języki
    • standardy sobie, a przeglądarki sobie
  • musi zdawać sobie sprawę, że:
    • jego dzieło mogą zobaczyć miliony
    • zawsze znajdą się malkontenci
    • za pół roku wyjdzie nowa wersja przeglądarki i jego strona może nie działać
    • zawsze znajdzie się przeglądarka na której coś nie działa jak powinno

Nie jest to pełna lista. To tylko te rzeczy jakie przyszły mi przed chwilą do głowy

Szczerze? Mamy przesrane….

Paweł Zawodowo , , , , ,

Męczarnie zaokrąglonych rogów

Maj 11th, 2008

Tak naprawdę “zaokrąglone rogi” są tylko pretekstem do tego posta. Ale zacznijmy od początku. W zeszłym tygodniu coś mi się ubzdurało, aby pewną aplikację internetową nad która pracuję ponad 2 lata troszkę odmłodzić i zrobić trendy. Innymi słowy dodać zaokrąglone rogi. Wiadomo, produkt sprzedają hasła typu “Web 2.0″ i inne tego typu marketingowe bzdury. Poczytałem, pobrałem bibliotekę JS Nifty i zabrałem się do roboty. Chwila błądzenia i proszę, div się ślicznie zaokrąglił… Super można by powiedzieć. Chwilę później zaokrąglił się kolejny div i tak dalej. Popatrzałem na to z dystansu, policzyłem ile czasu zajęłoby przerobienie całej aplikacji i przywróciłem poprzednią wersję z CVS. Może kiedyś wrócę do tego pomysłu, ale jeszcze nie teraz: za dużo “bierzączki” i za mało czasu.

Przechodzimy do sedna. Jeśli ktoś się nie interesował tym jak powstają zaokrąglone rogi na stronach WWW, to wyjaśniam: szkół jest kilka:

  • z obrazkami
  • z ręcznym dodawaniem elementów przed i po zaokrąglanym elementem, które to elementy mają inną szerokość i “udają” zaokrąglenie
  • JavaScript automatycznie renderujący dodatkowe elementy po załadowaniu strony
  • niestandardowe wpisy w CSS które działają tylko w wybranych przeglądarkach
  • i pewnie coś innego też by się znalazło

Anyway… Tyle sposobów, a każdy mniej elegancki od poprzedniego. Pikanterii sprawie dodaje fakt, że sprawę zaokrąglonych rogów rozwiązuje CSS3. Ok, rozumiem, nie ma jeszcze wersji finalnej CSS3. Ale…. Założenia CSS3 to który rok? 2001? Przez te cholera jasna 7 lat przeglądarki mogłyby się dorobić obsługi zaokrąglonych rogów!! Skoro całość może załatwić kilka kilobajtów JavaScript, to jaki to problem przenieść to do silnika przeglądarki…. szkoda słów i tylko żal zadek ściska….

Paweł Zawodowo , , , , ,

Męczarnie web development

Marzec 19th, 2008

Jakoś tak się potoczyło moje życie, że skończyłem jako programista webowski. Ok, nie jest tak źle jak się może wydawać. Mam to szczęście, nie klepię stron internetowych (no dobra, czasami klepnę jakiś engine, ale tylko czasami, grafiki już nie ruszam) a “portale korporacyjne”, “aplikacje intranetowe” i inne takie. Czyli w zasadzie rzeczy które robią coś konkretnego i w jakiś tam sposób komuś pomagają w prowadzeniu biznesu. W sumie, to ostatnio nawet już coraz mniej programuję, mam od tego zespół, a coraz więcej czasu pochłania mi pisanie dokumentacji i zarządzanie zespołem.

Wracając do tematu. Już jakiś czas temu znalazłem gdzieś taki o to diagram:

breakdown.png

I im dłużej na niego patrzę, tym bardziej dochodzę do wniosku, że osoba która go stworzyła starła zęby na tworzeniu stron WWW. Czysta prawda. W tym całym biznesie związanych w programowaniem WWW więcej czasu jest marnowane na głupoty i nieprzestrzeganie standardów W3C przez programistów przeglądarek niż na cokolwiek innego. Szczególnie tyczy się to IE. I pomyśleć, że ma wejść IE8 z 3 enginami renderującymi. Już się boję….

Paweł Zawodowo , , ,

Switch to our mobile site