Webentwicklung als Responsive Web Desgin: Unterschied zwischen den Versionen

Aus Fachinformatiker Azubi
Zur Navigation springen Zur Suche springen
(Bilder komprimieren)
 
Zeile 6: Zeile 6:
  
 
;JPEG
 
;JPEG
apt-get install libjpeg-progs
+
<pre>
 +
jpegoptim:
 +
sudo apt-get install jpegoptim
  
root@mail:~# which jpegtran
+
jpegtran:
/usr/bin/jpegtran
+
sudo apt-get install libjpeg-progs
  
 +
root@mail:~# which jpegtran
 +
/usr/bin/jpegtran
 +
</pre>
  
 
;PNG
 
;PNG
apt-get install optipng
+
<pre>
 +
OptiPNG:
 +
sudo apt-get install optipng
  
root@mail:~# which optipng
+
PNGOUT:
/usr/bin/optipng
+
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/
 +
</pre>
  
 
== Sass ==
 
== Sass ==

Aktuelle Version vom 23. März 2015, 22:43 Uhr

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