7 Archives for:

Kategorie: Web Development

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;.

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:

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

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

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.

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

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