Perfection or Vanity

Ilustrowane wprowadzenie do Web Workers

Sun, 15 Aug 2010 17:58:00 -0400

Ilustrowane wprowadzenie do Web Workers:

I have a browser in my pocket right now. My phone is 1000 times faster than the computer I grew up with… and your web app still assumes my browser can only do one thing at a time.

Od Marka. Plus dodatkowy, polski materiał od drugiego Marka: Korzystanie z Web Workers.

Abbr, dfn i cite

Sat, 14 Aug 2010 08:49:00 -0400

Abbr, dfn i cite:

The dfn element is under used and abbr is commonly mistaken for it instead. abbr is not for defining what an initialism stands for. Don’t ever do this:
BAD: I made some ASCII art.

HTML5 inner shiv

Sun, 08 Aug 2010 09:05:00 -0400

HTML5 inner shiv:

Skrypt pozwalający aplikować style w IE8 (i niżej) nie wpływa na nowe elementy dodawane do dokumentu przez JavaScript. Ten kawałek kodu to naprawia. Mam nadzieję, że jQuery już niedługo będzie miało tę poprawkę we wszystkich funkcjach modyfikujących DOM.

Poprawny outline w szablonach

Wed, 23 Jun 2010 06:36:17 -0400

Poprawny outline w szablonach:

Dokumenty HTML5 powinny być podzielone na odpowiednie części tworząc outline nagłówków i sekcji. Problem pojawia się, gdy tworzymy identyczne szablony dla całego serwisu i nagle jego nazwa nie będzie tytułem głównej sekcji dokumentu. Pod linkiem moje rozwiązanie.

Dodatkowo polecam bookmarklet h5o - pomaga szybko zorientować się jak wygląda outline.

X-UA-Compatible

Thu, 17 Jun 2010 06:44:43 -0400

X-UA-Compatible:

Długi wpis na IEBlogu o różnicach trybów renderowania w zależności od wybranej kompatybilności. Całość jest strasznie zagmatwana, dlatego proponuję przejrzeć na szybko artykuł, zerknąć na wykres pokazujący wszystkie zależności i nigdy nie stosować tego kawałka kodu.

X-UA-Compatible to piwo, które Microsoft sobie sam naważył. Po to powstały standardy sieciowe, aby pisać stronę w jeden sposób i aby działała wszędzie. Lista hacków dla każdego kolejnego IE maleje – jeśli naprawdę chcemy wspierać starsze przeglądarki, wystarczą komentarze warunkowe. Włączanie starszego silnika jest przejawem lenistwa – owszem, strona pewnie jest przetestowana na IE7, więc po co testować na IE8 skoro można podróżować w czasie.

Problem siedzi w developerach. Ten sam, który każe im dalej wspierać IE6 mimo dostępności lepszych technologii. IE8 ma na tyle dojrzałe wsparcie CSS 2.1, że kurczowe trzymanie się tego co już znamy jest niedopuszczalne.

Jak włączyć Safari Reader

Thu, 10 Jun 2010 08:21:00 -0400

Jak włączyć Safari Reader:

Safari 5 pozwala czytać teksty na stronach bez rozpraszaczy w stylu reklam, przycisków Facebooka i komentarzy. Przycisk Reader pojawia się dla każdego artykułu, lecz nie było za bardzo wiadomo jakie założenia należy spełnić aby Safari rozpoznało artykuł na stronie. Wpis Mathiasa śpieszy ze wskazówkami:

Use the right markup, i.e. make sure the most important content is wrapped inside a container element. Whether you use
,
or even doesn’t seem to matter — as long as it’s not
.

The content needs to be long enough. Use enough words, use enough paragraphs, use enough punctuation. Every paragraph should have at least 100 characters.

Reader doesn’t work for local documents.

Safari Technology Demos

Fri, 04 Jun 2010 05:35:52 -0400

Safari Technology Demos:

Zwykle nie skrywam zachwytu nad szybkością i możliwościami silnika WebKit rozwijanego przez Apple. Nie rozumiem jednak i nie mogę ich pochwalić za:

nazywanie CSS 3 i rozszerzeń CSS słowem HTML5 (proporcja 5 : 2)
blokowanie przeglądarek innych niż WebKit
wykorzystywanie JavaScript gdzie można wykorzystać HTML5

These web standards are open, reliable, highly secure, and efficient. (…) And you can start using them today.

Tak, możemy zacząć używać ich już dziś – stosując detekcję funkcjonalności i pozwalając każdej przeglądarce spróbować obsłużyć te nowości. Wykrywanie WebKitu nie różni się niczym od wykrywania IE4 dziesięć lat temu.

IE6 spada poniżej 5%

Tue, 01 Jun 2010 14:47:00 -0400

IE6 spada poniżej 5%:

The data is based on an analysis of 15 billion page views (3.8 billion from the US and 4.3 billion from Europe) for May 2010 collected from the StatCounter network of over three million websites.

IE6 w 2010 = IE5 w 2005. Nie warto.

JavaScript - The Evil Parts

Tue, 01 Jun 2010 14:14:24 -0400

JavaScript - The Evil Parts:

Świetna, wciągająca prezentacja o metodach wykorzystania JavaScript w identyfikacji użytkowników i przejmowaniu danych.

HTML5 vs Flash

Mon, 17 May 2010 05:14:00 -0400

HTML5 vs Flash

Detekcja nowych funkcjonalności HTML5

Fri, 14 May 2010 09:00:00 -0400

Detekcja nowych funkcjonalności HTML5:

Przeglądarki co rusz wprowadzają nowe API z dojrzewającej specyfikacji HTML5. Możesz korzystać z tych funkcjonalności już dziś stosując detekcję.

Nowy parser HTML5 Mozilli

Wed, 12 May 2010 17:18:00 -0400

Nowy parser HTML5 Mozilli:

Tłumaczenie wpisu z Mozilla Hacks:

Kluczową cechą parsera HTML5 jest to, że właściwie nie widać, żeby cokolwiek się zmieniło. Jest jednak jedna duża zmiana istotna dla twórców witryn: kod MathML i SVG bezpośrednio w dokumentach HTML5.

IE Mobile 7

Tue, 11 May 2010 03:25:00 -0400

IE Mobile 7:

We’ve also added support for the -webkit-text-size-adjust CSS selector.

Microsoft potwierdza swoje pokrewieństwo z cthulhu, dodaje wsparcie dla vendor prefix WebKitu i udawadnia swój brak zrozumienia prefiksowanych, eksperymentalnych właściwości CSS.

Update: Po fali krytyki, zrezygnowali ze zmiany.

Scribd rezygnuje z Flasha

Mon, 10 May 2010 12:23:00 -0400

Scribd rezygnuje z Flasha:

Przykładowy dokument wyświetlany w HTML i CSS. Nie ma tam ani grama HTML5, ale chyba to oczywiste, że każda rewolucja potrzebuje swojego buzzwordu.

Polecam koniecznie kliknąć View Mode: Book. Bardzo przyjemne wykorzystanie CSS.

IE9 Testing Center

Mon, 10 May 2010 11:02:00 -0400

IE9 Testing Center:

Bardzo wybiórcze testy, które dają Internet Explorerowi 9 znaczną przewagę procentową (np. 50% dla CSS3 selectors w WebKicie bierze pod uwagę głównie :not() i :nth-child() pomijając popularniejsze). Mimo wszystko będzie świetnie jeśli Firefox, Opera oraz Apple i Google potraktują te testy poważnie i zabiorą się za poprawki.

★ Resetowanie stylów

Mon, 10 May 2010 07:27:00 -0400

Resetowanie CSS polega na usunięciu domyślnych, automatycznych stylów. Gdy stworzysz pusty dokument HTML i zaczniesz pisać kod, zauważysz że przeglądarka pokazuje pogrubione nagłówki, odstępy dla list i akapitów, wyśrodkowane nagłówki tabel. Reset pozbywa się domyślnej prezentacji, pozwalając Ci się skupić na znaczeniu HTML, a nie wyglądzie.

Jeśli korzystasz z resetu CSS, dowiesz się czemu mój jest lepszy. Jeśli nie korzystasz, dowiesz się czy jest sens zaczynać. Pamiętam też o HTML5 oraz dostępności – zapraszam do lektury.

Understand the Web

Sun, 02 May 2010 11:19:00 -0400

Understand the Web:

Ben Ward o sieci w kontekście ostatniej debaty o Flashu, WebOS oraz HTML5.

Want to know if your ‘HTML application’ is part of the web? Link me into it. Not just link me to it; link me into it. Not just to the black-box frontpage. Link me to a piece of content. Show me that it can be crawled, show me that we can draw strands of silk between the resources presented in your app. That is the web: The beautiful interconnection of navigable content. If your website locks content away in a container, outside the reach of hyperlinks, you’re not building any kind of ‘web’ app. You’re doing something else.

Sieć to coś więcej niż gry w JavaScript. To ogólnodostępna treść połączona linkami. Pisanie widgetów HTML i CSS3 uruchamianych w Adobe Air, Facebook F8 czy Chrome Frame nie przyczynia się do otwartej sieci. To nadal „Flash”, tylko tym razem poleca go Steve Jobs.

Typografia na stronach internetowych

Sat, 01 May 2010 14:36:35 -0400

Typografia na stronach internetowych:

Projektowanie typografii dla strony internetowej nie odbywa się tak samo jak skład tekstów ciągłych (np. książek), plakatów ani DTP.

Skondensowane zasady typograficzne – jeśli nie znasz wszystkich, czas wziąć się do pracy. Przydatne także dla grafików.

CSS dla niewidocznych części strony

Tue, 20 Apr 2010 19:11:00 -0400

CSS dla niewidocznych części strony:

Dociekliwi zauważą, że demo nie używa w ogóle body.

Akihabara

Tue, 20 Apr 2010 18:00:07 -0400

Akihabara:

It is a set of libraries, tools and presets to create pixelated indie-style 8/16-bit era games in Javascript that runs in your browser without any Flash plugin

Takich narzędzi będzie pojawiać się coraz więcej.