W toruńskiej Gazecie dostrzegłem dziś tytuł: MZK: Tramwaj i autobus będzie na telefon. Pomyślałem, że będzie można płacić za komunikację miejską za pomocą komórki… Pomyliłem się. W tekście znaleźć można informację o starcie komórkowej wersji serwisu z rozkładem jazdy (serwis w technologii WAP). Zirytowało mnie to tak, że musiałem o tym napisać.
Jak wiadomo przeglądarki internetowe posiadają mechanizm drukowania stron www. Niestety często wydruk standardowej strony nie przynosi zamierzonych rezultatów. Na kartce papieru pojawiają się elementy, które nie powinny się na niej znaleźć: nagłówki, różnego rodzaju tła i menu. Aby temu zapobiec, powinno się dodać do serwisu osobny plik CSS z opisem wyglądu elementów przeznaczonych do druku.
Z pomocą przychodzi Hartija. To gotowy plik CSS, który można wykorzystać na swojej stronie. Dzięki niemu z wydruku usunięte zostaną niepotrzebne elementy, a pojawią się dodatkowe, np. adresy hiperłączy.
Plik można pobrać z code.google.com.
Demo: www.grezlikowski.pl/demo/hartija/hartija.html
źródło informacji: www.webresourcesdepot.com
Za pośrednictwem webhosting.pl trafiłem na artykuł „Wady i zalety najnowszych przeglądarek” opublikowany na łamach chip.pl pod koniec lutego. Tekst zainteresował mnie, bo sam testuję nowe wersje przeglądarek i temat świetnie wpisuje się w tematykę tego bloga. Co prawda porównanie jest już nieaktualne – przeglądarki testowe rozwijają się w galopującym tempie. Mamy już przecież testową wersję Internet Explorera 8 i Firefoksa 3 beta 4. Tak czy inaczej autor całkiem rzetelnie przedstawił w kilku słowach różnice przeglądarek i pokazał wynik testu Acid2 (IE7 go nie przechodził, IE8 – przechodzi). Najlepszy jednak jest koniec artykułu:
Autor podsumowując informacje o Firefoksie podaje linka do widgets.opera.com? To oczywiście niedopatrzenie i bałagan w kodzie strony. Często jako osoby zajmujące się stronami narzekamy, że Internet Explorer nie respektuje standardów, że „inni” webmasterzy robią strony pod IE nie zwracając uwagi na standardy… Tymczasem zdarzają się takie kwiatki. Nie mówię tu już o niedomkniętym hiperłączu, ale np. o znacznikach przełamania linii – po co są po każdym akapicie? Tak duży serwis, jak CHIP powinien zwrócić większą uwagę na to, jakie kod wypluwa jego CMS / copywriter.
Przyznaję, że sam również robię podobne kwiatki, ale pracuję nad sobą. Mam nadzieję, że efekty widać w kodzie mojej najnowszej strony: www.een.tarr.org.pl.
Multimedia Polska w nowym pakiecie Internet Profit 1Mb oferuje dostęp do Internetu za darmo. Jest tylko jeden mały szczegół – limit danych (500 lub 1024 MB). Po przekroczeniu limitu płaci się normalną miesięczną stawkę – 49zł, co i tak jest całkiem niezłą ceną za łącze 1Mb/s.Przy intensywnym korzystaniu z sieci limit szybko się wyczerpie. Dla kogo więc jest ta usługa? Przede wszystkim dla… Multimedia Polska. To świetny pomysł na zachęcenie klientów do podpisania umowy na dodatkowe usługi – telefon lub cyfrową telewizję. Poza tym ofertą mogą być szczególnie zainteresowane osoby, które korzystają z sieci głównie do przeglądania kliku stron www dziennie i wysyłania poczty.Najlepsze w tym wszystkim jest to, że można sprawdzić wykorzystanie łącza. W moim przypadku wygląda to następująco:
widać, że przy intensywnym używaniu sieci – strony www (w tym YouTube), aktualizacja oprogramowania – limit szybko się wyczerpie, a czeka mnie jeszce w tym miesiącu aktualizacja systemu operacyjnego… :)
Szukając wielopoziomowego menu opartego o CSS natrafiłem na stronę www.xs4all.nl/~peterned/examples/cssmenu.html. Pokazany tu przykład działa na wszystkich przeglądarkach, również na IE6. Warto popatrzeć na kod…
Szukasz inspiracji przy tworzeniu menu w CSS? Na stronie webdeveloper.econsultant.com znajdziesz 71 przykładów takiego rozwiązania. Mi najbardziej spodobały się te z exploding-boy.com:
Podobne menu zrobiłem na stronie Centrum GIS. Efekt jest całkiem niezły:
Na stronie taat.pl/artykuly znaleźć można kilka ciekawych artykułów dotyczących publikacji internetowych. Szczególnie interesujące są artykuły na temat interpukcji i dzielenia wyrazów. Co ciekawe, dzielenie wyrazów działające już w IE5 nie działa w… Firefoksie. Czyżby to pozostałość po wojnie przeglądarek? :)
Jakiś czas temu przeczytałem książkę Jeffrey’a Zeldmana i zachłysnąłem się standardami. Przyznaję się, że sam stwrzyłem kiedyś stronę opartą na tabelach i wydawało mi się to całkiem dobrym rozwiązaniem. Spory wpływ na moje obecne podeście miała również prezentacja „Dlaczego układ na tabelkach jest głupi” i strona css Zen Garden. Przy okazji tego tematu polecam też opis, jak można poprawić niestandardową stronę: Wyrzucanie tabel przez okno i „Semantyczny XHTML, część 2„. Zobacz również mój wpis dotyczący zmiejszenia ilości tagów w dokumencie HTML po przjściu na stronę opartą o standardy i semantyczny kod: Różnica między TABLE a DIV w konstrukcji strony.
Na przykładzie przebudowy strony EIC widać, jak wpływa na objętość strony semantyczny kod.Pierwsza strona oparta na tabelkach ma znacznie więcej znaczników i jest cięższa: 23,5kB.
Druga wersja strony (oparta o semantyczny kod) zajmuje 5,8kB. To nie wiele, ale w ramach całego serwisu zawierającego dziesiątki lub setki srton to już ma znaczenie.
Obrazki prezuntują graficzne zobrazowanie stronyktury strony. Taki wykres dla dowolnej strony można wygenerować na www.aharef.info/static/htmlgraph.
Znaczenie kolorów:blue: odnośniki (A)red: tabele (TABLE, TR, TD)green: DIVviolet: obrazki (IMG)yellow: formularze (FORM, INPUT, TEXTAREA, SELECT, OPTION)orange: tekst (BR, P, BLOCKQUOTE)black: HTMLgray: pozostałe (m.in. META, SCRIPT)Więcej na temat wyższości div’ów nad tabelkami na stronie osiolki.net/tabelki.
Za sprawą Wykopu trafiłem na stronę Smashing Magazine, na której opisane są 53 techniki CSS, bez których „nie możesz żyć”. O niektórych z nich już słyszałem, niektóre widzę pierwszy i jestem nimi oczarowany, ale… chyba lepiej przestanę przeglądać tego typu strony i zabiorę się w końcu za swoją stronę. ;)