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

Zdroják » Zprávičky » Automatizujte vytváření produkčních verzí CSS a JS

Automatizujte vytváření produkčních verzí CSS a JS

Zprávičky ‐ ‐ Různé ‐

Nálepky:

Addy Osmani ukazuje ve svém videocastu, jak řešit problém s vytvářením produkčních verzí skriptů a stylů pro web. Ukazuje, jak celý postup pomocí vhodných nástrojů zautomatizovat tak, aby syntaktická kontrola, minifikace a spojování skriptů probíhalo dle našich požadavků automaticky.

Komentáře

Odebírat
Upozornit na
guest
2 Komentářů
Nejstarší
Nejnovější Nejvíce hlasů
jirka blach

#!/bin/bash

pwd=`pwd`
m=`echo $0|sed ‚s/(.*)/[^/]*/­1/’`
cd /var/www/neco/web/css

YUIC=“/opt/yu­icompressor-2.4.2.jar“
TMP=“/tmp/pack.tmp“
echo „“ > $TMP

rm -f pack.css pack.js

# css
cat *.css >> $TMP
java -jar $YUIC –type css -o pack.css $TMP
echo Css done

# js
echo „“ > $TMP
cat js/*.js >> $TMP
java -jar $YUIC –type js -o pack.js $TMP
echo Js done

rm -f $TMP
echo done.
cd $m
exit 0

tdvorak

Delame v podstate to same, jen ne pri prekladu, ale pri prvnim nacteni stylu/js, kdy vysledek cachujeme.

Spacer.gif a tabulky v tabulkách: Jak se kdysi dělaly webové stránky

Kdo dnes napíše display: grid a za minutu má hotový třísloupcový layout, těžko si představí, jakou akrobacii to stálo před pětadvaceti lety. Webové stránky tehdy držely pohromadě vnořené tabulky, průhledné obrázky o velikosti jednoho pixelu a pevná víra, že to nikdo neotevře v jiném prohlížeči. Pojďme si připomenout, jak to fungovalo, proč to fungovalo a proč jsme s tím museli skončit.

Rust pomohl vrátit JPEG XL do Chromu. Stačí to k úspěchu na webu?

Před čtyřmi lety Google podporu JPEG XL z Chromu odstranil. Teď formát vrací s dekodérem v Rustu, který vznikl na popud vývojářů Firefoxu. AVIF přitom může nabídnout menší soubory a bezeztrátový WebP rychlejší dekódování. JPEG XL má jiné přednosti: velkou fotografii dokáže zobrazovat už během stahování a staré JPEGy zmenší bez další ztráty kvality. Vedle historie jeho návratu se podíváme na výsledky srovnání, bezeztrátovou kompresi i praktické nasazení jednotlivých formátů na webu.