Beiträge mit Schlagwörtern‘CSS3’

Basis-Vorlage für Responsive Webdesign – CSS3 Media Queries

Das Thema Responsive Webdesign hört man inzwischen an jeder Ecke im Webdeveloper-Bereich. Eigentlich ist das Thema ziemlich einfach abgearbeitet, doch man kann sich je nach Anwendungszweck schon etwas schwerer tun. Vor allem dann, wenn es um eine bestehende Website geht, die vielleicht ohne ein Grid-System auskommen muss. Doch darum soll es hier heute nicht gehen. Viel mehr steht für mich die Leichtigkeit im Vordergrund, mit der man selbst einen einfachen WordPress-Theme oder eine einfache Single-Page auch für mobile Geräte angemessen lauffähig macht. weiterlesen…

Das Apple MacBook Pro Retina und die CSS3 Media Queries

Wie ihr sicher mitbekommen habt, habe ich vor ein paar Tagen das CSS3-Media-Queries-Template „rausgehauen“. Der liebe Caschy war nun so nett und hat die Einstellungen einmal an seinem neuen Apple MacBook Pro Retina getestet. Leider ignoriert das Retina-Book die Angabe „min-device-width“ erfolgreich und „min-width“ bringt bei der angezeigten Auflösung von 1440×900 Pixel natürlich auch herzlich wenig (das Notebook hat zwar technisch 2880×1800 Pixel, angezeigt werden virtuell jedoch nur 1440×900 Pixel; wie beim Retina-iPhone mit 960×640 Pixel zu 480×320 Pixel). Lange Rede und kurzer Sinn: das Retina-Book reagiert nur auf folgende Angaben, die ich natürlich im Artikel auf Deutsch, im Artikel auf Englisch, der Demo sowie in der Download-CSS bereits angepasst habe. weiterlesen…

Responsive Webdesign – CSS3 Media Queries – CSS-Template for browsers and mobile devices

Today, I will show you a very useful CSS-Template-File for Web-Designers. If responsive design isn’t your everyday-work, you will either have to use a partly obsolete list of resolutions found somewhere on the internet, or you have to gather all the data that you need and that you can find on your own. weiterlesen…

Responsive Webdesign – CSS3 Media Queries – CSS-Vorlage für Browser und mobile Geräte

Gestern hatte ich es mit dem Bookmarklet für die CSS3 Media Queries, heute gibt’s dann eine CSS-Vorlagen-Datei für die Allgemeinheit. Der Hintergrund ist ziemlich einfach erklärt: Wenn du nicht gerade jeden Tag mit Responsive Webdesign zu tun hast, wirst du dir in der Regel entweder eine ziemlich alte Liste von irgendeiner Website kopieren oder dich hinsetzen und das zusammentragen & -fragen, was du benötigst oder was dir vor allem unter die Augen gekommen ist. weiterlesen…

Zurück in neuem Gewand

Ein paar Tage habe ich nun nichts geschrieben, war jedoch nicht untätig und vollendete endlich einmal den neuen Theme für dieser Seite. Okay, ich gebe zu, dass ich ihn eigentlich als Free-Theme zur Verteilung nutzen wollte, ihn dann für ein paar Wochen zur Seite legte, vor drei Tagen noch in den Papierkorb verschieben wollte. Doch nun wandelte ich ihn für diese Seite um und stellte die geschätzten 20% bis zur ‚Final‘ fertig. weiterlesen…

Webnews #17: jQuery, Social-Media & Beeren

Die nächsten Webnews stehen an und wie beim letzten Mal angesprochen, habe ich einige Links bereits via Twitter gestreut und diesen Artikel ein wenig abgespeckt. Ein wenig trifft es vermutlich ganz gut. Aber was will man machen, interessante Inhalte müssen verlinkt und gezeigt werden. Wissen muss sich verbreiten und nicht auf der Stelle tanzen. Zur besseren Übersicht habe ich euch die Links allerdings schön in thematisch sortierte Häppchen eingeordnet. Da sollte wahrlich für jeden Leser etwas dabei sein. weiterlesen…

Webnews #16: Twitter, Marketing und Google

Vor kurzem wurde ich auf Twitter gefragt ob ich sie noch alle beisammen hätte, weil ich in der 12. Ausgabe der Webnews satte 117 Linktipps abgegeben hatte. Habe noch alle beisammen? Interessiert mich das? Nein. In dieser Ausgabe sind es mehr als 150 Links, in alle Richtungen und zu allerlei wissenswerten Themen. weiterlesen…

Webnews #15: vimeo, Designs, SEO & Munition

Ihr wisst es schon oder habt es spätestens erkannt, als ihr euch das letzte Mal aus euren vier Wänden getraut habt. Überall hängen, flattern und wehen Flaggen, Administratoren und Werber wundern sich gegebenfalls zu bestimmten Uhrzeiten je nach Zielgruppen-Land über einbrechende Nutzerzahlen (solange man nicht bspw. Facebook oder Twitter ist) und wem es jetzt noch nicht auffiel: Noch läuft die Fussball-WM, heute Abend spielt Deutschland gegen Spanien, eine Krake sagte die Niederlage von Deutschland voraus und ich mag Kraken auch. Vor allem frittiert, gebraten oder auch roh. Auf dem Teller, nicht auf einer Kunststoffbox und als Orakel. weiterlesen…

Webnews #14: iPhone-Babes, Google & Gemüse

Ein schönes Wochenende ist vorbei. Sven, Tanja und ich waren unter anderem in Luxemburg, haben einmal mehr günstig getankt, bei Quick – Quality Burger gegessen und jeweils eine Flasche Vanilla- und Cherry-Coke gekauft. Das Wetter war bullig warm, die Klimaanlage hat super funktioniert und die Straßen wie üblich frei (nur für uns). Was will man mehr? Ja, in Valencia sein, wo auch die Formel 1 am vergangenen Wochenende gastierte. Doch die wäre dabei nur Nebensache gewesen. Und das Fußballspiel Deutschland vs. England? Ja, habe ich auch gesehen. Deutschland hat gewonnen und die Schiedsrichter haben wohl die oldschooligen Tomaten auf den Augen. Aber bekanntlich nicht nur in diesem Spiel. Was noch so abging, vor allem im Internet, dass erfahrt ihr in den folgenden Zeilen. Jedenfalls ein bisschen, ein ganz kleines bisschen von dem, was dort, im Elektrouniversum, passierte. weiterlesen…

Webnews #13: Tipps, CSS, SEO & Social Media

Nach all der Aufregung, einem ersten Sieg von Deutschland in der Vorrunde der Fußball-Weltmeisterschaft, dem Zapfenstreich für Horst Köhler, Vuvuzela-Lärm, einem inneren Reichsparteitag für Miroslav Klose und der Festnahme eines 52 jährigen Amerikaners an Pakistans Grenze, der mit einem Schwert (wie der gute René) gewaffnet jagt auf Osama machen wollte, gibt’s wieder einen neuen Teil der Webnews. Ich möchte an dieser Stelle nicht unerwähnt lassen, dass es der wichtige Dreizehnte Teil ist. Dreizehn, hier schlägt’s Dreizehn! weiterlesen…