Responsive Web Layouts mit CSS und so
Responsive Web Layouts passen sich dynamisch an das Ausgabemedium an. Im Gegensatz zu den rein an der Bildschirmbreite angelehten Skaliermethoden verwenden moderne sites flexible grids und Bildgrößen die die Seite dem Medium entsprechend aufbauen bzw. reduzieren.
Da es mittlerweile neben dem Standardbrowser verschiedenste Ausgabemedien gibt und mobile Endgeräte fast von selbst ins Internet gehen ist eine Anpassung an folgende Medien ratsam:
- Standardbrowser ca. 1292 Pixel
- Notebooks und Ipads ca. 1025 Pixel
- Handys und Smartphones ca. 480 Pixel
Eine Media query fragt nun die Auflösung ab und lädt dann das entsprechende Layout.
Hier ein paar Beispiele:
http://designmodo.com/responsive-design-examples/
http://designmodo.com/minimal-responsive-web-designs/
http://www.alistapart.com/articles/responsive-web-design/
Und Anleitungen auch auf deutsch:
http://www.drweb.de/magazin/media-queries-mobile-version-von-websites-mit-css3-erstellen/
http://www.yaml.de/resources.html
QR-Codes selber machen
Seit einiger Zeit tauchen vor allem bei Anzeigen sogenannte QR-Codes auf, die weitere Informationen enthalten.
Wie kommt man an die Informationen?
Durch scannen des Codes mit dem Handy (mit Kamera und Software). Mit Hilfe einem entsprechenden Programm, das auf vielen Handys schon installiert ist. Dieses Programm wandelt die Information dann wieder um und stellt meist URLS oder Texte dar:
Wie macht man QR Codes
zB. mit einem QR Code Generator, kostenlos im Netz unter: http://qrcode.kaywa.com/
Website als quasi Listenansicht in HTML …
Erstaunlich echt irgendwie, aber etwas stimmt da doch nicht?!
http://www.maisonmartinmargiela.com/
Aufträge?Aufträge!
Wo bekommen Freelancer wie ich die Aufträge her? Das ist schwierig und machmal teuer. Oft kommt alles auf einmal und manchmal geht wieder garnichts.
Damit es kontinuierlich weitergeht ist es wichtig präsent zu sein und immer auf der Suche. Hier ein paar Links wo ich so suche und manches mal finde.
- http://www.freelance-market.de/ Achtung: Kostenpflichtig bei Anfrage!
- http://www.freelancermap.de/ Eher für IT…
- http://www.dasauge.de/
- http://www.projektwerk.de/ Eher für IT…
- http://www.webbworxx.de lautet mein Versuch
- http://www.joomlajobs.de/ speziell für Joomla Jobs
- http://www.blauarbeit.de/ Jobs wie in einer Auktion
- http://www.my-hammer.de Lohndumping
Kommentare, Anregungen Tipps, bitte!
Da haste La Vista, baby!
Auf drängen des Chefs ist mein Arbeitsplatz jetzt breiter und moderner geworden. Es gibt jetzt Vista und zwei Monitore (da war er wieder knausrig, der eine ist ein SAMSUNG SyncMaster 21 GLs aus dem letzten Jahrtausend; aber wollen wir nicht undankbar sein). Trotz der unkenrufen läuft das Vista nach anfänglichen Abstürzen (die es ja nicht geben dürfte, aber eben doch gibt) – es hat sich nun mit der Grafikkarte arrangiert. Drucken ist noch schwierig, da der alte Printserver noch nicht die Sprache von Vista spricht, oder aus anderen Gründen … hier macht der Drucker aus dem letzten Jahrtausend weniger Probleme als der neue.
Ein Fazit? Es ist schick und die Zukunft, ihr Unken. Da muss man durch.
Startseiten und allerlei anderes im Dezember
Jetzt ist schon wieder Dezember, das Layout wartet immer noch auf Veränderungen – aber woher die Zeit nehmen?
Meine Aktuellen Startseiten sind Netvibes (http://www.netvibes.com/) und ein Link zur CSS Gestaltung von Formularen (http://clagnut.com/blog/241/).
Rasso K (www.rasso-k.de) ist gerade unterm Messer zwecks Rundumerneuerung bzw. Ringband op(s). Hier noch ein kleiner Schnappschuss unseres letzten Ausrittes vor der OP.
pixelhorse in Eitting
Ein Blick auf das Küchensofa in der neuen Heimat.
![]()
Websnaps querbeet
Bei meiner täglichen Suche nach Arbeit finde ich im Netz immer wieder interessane Seiten. Manche werden kurzfristig oder für länger meine Startseite(n).
- http://www.alvit.de/vf/de/bookmarks-fuer-webdesigner-und-webentwickler.php (Webdesignlinx)
- http://www.heise.de (IT Portal für alle Fälle)
- http://kuler.adobe.com/ (Farbschemata für Designer)
- http://www.netvibes.com/ (Bookmarking Site zum selber zusammenbasteln)
Das Spiel mit CSS ist noch lange nicht vorbei



