QuickTipp: Zwei Divs auf die gleiche Höhe bringen mit table-row und table-cell

Vor einigen Tagen wurde ich gefragt, wie man zwei nebeneinanderliegende HTML-Elemente auf gleiche Höhe bringt.

Googelt man nach diesem Vorhaben, findet man zahlreiche Möglichkeiten. Mein Favorit: Wir gaukeln beispielsweise DIV-Containern vor, dass diese Tabellenelemente sind.

Dazu benötigst du display:table-row; und display:table-cell;.
QuickTipp: Zwei Divs auf die gleiche Höhe bringen mit table-row und table-cell weiterlesen

Wie du mit HTML & CSS div-Elemente richtig nebeneinander ausrichten kannst

Ich muss zugeben, dass auch ich anfänglich meine Probleme hatte Divs richtig nebeneinander anzuordnen. Suchst du nach einer Lösung für dieses Problem, findest du in der Regel altmodische und unschöne Lösungen, die nicht in jedem Browser ihren Zweck erfüllen. Im folgenden Video erkläre ich, wie man mit der etablierten clearfix-Methode dem Grauen ein Ende bereitet:

Wie du mit HTML & CSS div-Elemente richtig nebeneinander ausrichten kannst weiterlesen

Google Chrome für den Web Developer aufmotzen

Hast du schon mal in einer Runde gefragt, wer welchen Browser benutzt? Teilweise entfacht diese Frage einen regelrechten „ich muss meinen Browser verfechten“-Krieg. Ich will mitmachen und hebe meine Hand für Google Chrome! In diesem Beitrag möchte ich keinen bekehren zur guten Seite überzuwechseln. Ich möchte aufzeigen, wie du deinen Google Chrome für dich als Web Developer aufmotzen kannst.

Google Chrome für den Web Developer aufmotzen weiterlesen

Dreamweaver: Warum du es noch heute löschen solltest!

Ja richtig! Dreamweaver solltest du heute löschen und nach einer Alternative suchen! Vor Allem dann, wenn du ein blutiger Anfänger in Sachen HTML & Co. bist oder nicht rein die Quelltext-Ansicht verwendest. Ich surfe täglich auf den höchsten Wellen durch das Netz und ich kann nicht die Finger davon lassen auf jeder Seite mindestens einmal in den Quelltext zu schauen. Und dabei stoßt man immer wieder auf Seiten, die mit alten Dreamweaver Versionen, wie CS4 oder MX, erstellt wurden und NEU sind. Das Problem an der Sache ist: Dreamweaver ist nicht für jeden „zeitlos“.

Dreamweaver: Warum du es noch heute löschen solltest! weiterlesen

CSS- und JS-Dateien von WordPress Plugins im Theme deaktivieren

WordPress Plugins liefern teilweise gruselig aussehende Styles. Eine Möglichkeit wäre es natürlich die ganzen CSS-Eigenschaften in der eigenen styles.css mit Hilfe von !important zu überschreiben. Ich finde diesen Ansatz nicht schön und erkläre dir jetzt, wie du mit der Funktion add_action das Plugin daran hindern kannst die Style-Datei zu implementieren.

CSS- und JS-Dateien von WordPress Plugins im Theme deaktivieren weiterlesen

HTML & PHP Editor für Mac und hilfreiche Programme

Webentwicklung unter Mac ist mindestens genau so möglich wie unter Windows. Die Tendenz geht sogar dahin, dass meiner Meinung nach Mac OS  in den nächsten Jahren in Sachen Softwareangebot Webdesign bzw. generell Webentwicklung immer einen Schritt vorraus sein wird.

Wodran das liegt? An den Helden der Webentwicklung! Guckt man sich die bekannten Webentwickler und deren Arbeitsumgebung an, sieht man meist Mac OS.

HTML & PHP Editor für Mac und hilfreiche Programme weiterlesen

Sublime Text 2 Tutorial: So richtest du es richtig ein!

Vor wenigen Tagen hatte ich das Vergnügen den Texteditor Sublime Text 2 auf meinem Windows Rechner neu zu installieren. Dieser Satz soll keines Wegs negativ behaftet sein. Das Installieren und vor allem Einrichten von Sublime Text 2 ist super einfach. In diesem Beitrag, zeige ich dir auf, was du auf keinen Fall vergessen darfst, wenn du zu Sublime Text 2 wechselst oder auf der Suche nach Erweiterungen bist. Ich empfehle einige Packages (Erweiterungen), die auf keinen Fall für einen Web Developer im Jahre 2012 fehlen dürfen.

Sublime Text 2 Tutorial: So richtest du es richtig ein! weiterlesen