Webentwicklung als Responsive Web Desgin

Aus Fachinformatiker Azubi
Wechseln zu: Navigation, Suche

Die einfachste Art und weise ein Responsive Web Desgin zu erstellen, macht man indem man eine CSS Framework dafür nutzt. In diesem Artikel werden wir Hauptsächlich uns auf Bootstrap Version 3 uns beziehen.

Bilder komprimieren

Für JPEG files wird jpegoptim oder jpegtran mit der option --strip-all. Bei PNG-Dateien kann man PNGOUT oder OptiPNG benutzen.

JPEG
jpegoptim:
sudo apt-get install jpegoptim

jpegtran:
sudo apt-get install libjpeg-progs

root@mail:~# which jpegtran 
/usr/bin/jpegtran
PNG
OptiPNG:
sudo apt-get install optipng

PNGOUT:
wget http://static.jonof.id.au/dl/kenutils/pngout-20130221-linux-static.tar.gz && tar xvf pngout-20130221-linux-static.tar.gz 
Look on: uname -i
x86_64
sudo mv pngout-20130221-linux-static/x86_64/pngout-static /usr/bin/pngout
rm -r pngout-20130221-linux-static/

Sass

Fonts

Sprites

Sprites kann man einfach mit Compass erstellen.

Notes