Blog

Dinge die niemand wissen will... |  

Posts insgesamt: 169 | Suche | Kategorien

Noch 5 Ja, noch 5 Wochen, dann bekommen wir endlich die Schlüssel für unsere neue Wohnung! In weniger als 2 Wochen ist Weihnachten, in weniger als 3 Wochen ist 2015. Geht also jetzt alles relativ fix. Von Michael am 12.12.2014 | Kategorie: Wohnung | 0 Kommentare

Responsive Design Es hat mich schon seit einiger Zeit genervt, und nun habe ich endlich etwas dagegen unternommen: Wenn man meine Homepage auf dem Handy oder anderen mobilen Geräten öffnet, musste man ständig zoomen und scrollen, und es sah einfach nicht schön aus. Es gibt zwar diverse Anleitungen dazu, allerdings fehlte mir dort sehr oft ein Beispiel zur konkreten Umsetzung. Deshalb hier in Kurzform meine Lösung. Zuerst sollte man im head jeder HTML-Seite den Viewport setzen, indem man z.B. folgende Zeile einfügt: <meta name="viewport" content="width=device-width, initial-scale=1.0"> Anschließend editiert man seinen Stylesheet (man kann auch eine separate CSS-Datei anlegen, allerdings lädt der Browser sowieso alle Dateien, weshalb ich meine vorhandene Datei verwendet habe): @viewport { width: device-width; zoom: 1; } @media (min-width: 750px) { /* Desktop o. Tablet */ #top { height: 300px; width: 700px; } .maintable { width: 728px; } } @media (max-width: 750px) { /* Mobile Device */ #top { height: 200px; width: 100%; background-position: bottom; } .maintable { width: 100%; } } #top und .maintable sind Beispiele für Elemente, deren Design sich bei kleineren Displays (Breite unter 750 Pixel) verändern soll. In meinem Fall soll das Festbreiten-Design sich dann dynamisch an die Displaygröße anpassen. In der CSS-Datei folgen anschließend noch die Elemente, die bei allen Geräten identische Eigenschaften haben. Wer möchte, kann zusätzlich (z.B. für Tablets) noch weitere Stufen definieren, ich habe mich jedoch auf eine Grenze bei 750 Pixel beschränkt um Handys unter 5 Zoll anzusprechen. Eine wichtige Erkenntnis noch zum Schluss: Unbedingt Layout und Design trennen, also keine Breiten- oder Höhenangaben in den HTML-Seiten unterbringen sondern alles in die CSS-Datei(en) auslagern. Viel Spaß beim Probieren Von Michael am 15.10.2014 | Kategorie: keine | 0 Kommentare

T -1 Der letzte Arbeitstag vor dem "Sommer"-Urlaub steht bevor. Samstag dann noch das vermutlich letzte Autotreffen der Saison, und dann geht es Mittwoch ins mindestens 10, wenn nicht sogar 20 Grad wärmere Spanien Von Michael am 28.08.2014 | Kategorie: Urlaub | 0 Kommentare

Das kleinere Übel In der letzten Zeit stehe ich relativ oft vor der Entscheidung, welche von zwei Möglichkeiten weniger schlecht ist, um soweit wie möglich zumindest den Status Quo zu erhalten. So langsam hätte ich gerne auch mal wieder eine Verbesserung in Aussicht... Von Michael am 12.08.2014 | Kategorie: keine | keine Kommentare erlaubt

Schland Endlich... ist die WM zu Ende und man kann hoffentlich wieder ruhig schlafen Frage mich nur warum ich mir heute nicht schon frei genommen habe. Morgen geht's noch ein letztes Mal ins Büro, und dann sind erstmal knapp zwei Wochen Urlaub angesagt. Obwohl Urlaub vermutlich etwas übertrieben ist, denn endlich sollen ein paar Dauerbaustellen erledigt werden, die ich schon seit einer Weile vor mir her schiebe. Und die beiden Wochenenden geht's jeweils auf Autotreffen, d.h. zelten. Bisher sieht es ja nach warmem bis heißen Wetter aus, immerhin besser als 20°, Regen und Sturm. Ansonsten gibt es nicht viel Neues zu vermelden. Das Jahr ist schon wieder zur Hälfte rum, und eine neue Wohnung ist immer noch nicht in Sicht. Dafür aber schon der nächste Urlaub im September, inklusive Flug nach Spanien. Darauf kann man sich dann wenigstens mal freuen und das große Warten etwas besser ertragen Von Michael am 14.07.2014 | Kategorie: Wochenende | 0 Kommentare

Vorherige Seite | Nächste Seite