Přejít k navigační liště

Zdroják » Zprávičky » Renderování stránek v Gecku pod lupou (videa uvnitř)

Renderování stránek v Gecku pod lupou (videa uvnitř)

Zprávičky Webdesign

Na pomalejších počítačích nebo při pomalých připojeních snadno zahlédnete, jak se postupně webová stránka načítá a vytváří se výsledný layout. Ale co kdybyste mohli celý proces vidět do detailů? Blok po bloku.

Přesně o to se pokusil japonský vývojář Satoshi Ueyama, který na konferenci Mozilla 24 v Tokiu před dvěma lety šokoval publikum svými záběry stránek renderovaných v jádru Gecko. Při jejich sledování jste mohli mít podobný pocit jako při sledování přírodopisného filmu o kolibřících, ve kterém se pomocí zpomalené kamery můžete vidět detailní záběry, které byste jinak nikdy nespatřili.

Satoshi zveřejnil návod, jak si můžete podobné video na libovolném webu vytvořit sami (dá to trochu práce, patchování zdrojáků a kompilace prohlížeče, ale výsledek může stát za to). Všem ostatním zatím připomeneme Satoshiho videa. Zobrazované stránky pravděpodobně znáte (stránka Mozilly, Googlu, Wikipedie). Detailně si všímejte objevování nových bloků stránky a jejich postupné zasazování na správné místo na obrazovce. Při pečlivém pohledu zjistíte, že celý proces je mnohem složitější, než by se mohlo zdát; o celém procesu více pojednává článek Notes on HTML Reflow.

Komentáře

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Most Voted

TypeScript 7 v Go: rychlejší buildy, chybějící API

Betaverze TypeScriptu 7.0 ukazuje víc než rychlejší tsc. Microsoft převádí kompilátor a jazykovou službu z původní kódové základny psané v TypeScriptu a běžící jako JavaScript do Go, přidává paralelní typovou kontrolu a připravuje novou editorovou část postavenou na LSP. Pro část nástrojů ale nepůjde o prostou výměnu binárky: TypeScript 7 zatím nemá stabilní náhradu dnešního Compiler API.

Prolog nezmizel. Jen dnes žije v jiných nástrojích

Prolog nezmizel. Jeho hlavní myšlenku dnes potkáváme v nástrojích, které se Prologu na první pohled nepodobají: v CodeQL pro analýzu kódu, v Rego pro policy-as-code, v Z3 pro práci s omezeními a v Leanu pro formální důkazy. Každý řeší jiný problém, ale všechny připomínají totéž: někdy je lepší popsat vztahy, pravidla, omezení nebo tvrzení než vrstvit další if.