PHP7 naht mit großen Schritten. Der richtige Moment, die neuen Features einmal auszutesten. Und dabei wollte ich natürlich nicht mein normales Arbeitssystem nutzen, sondern PHP7 separat installieren. Genau dafür hat Rasmus Lerdorf eine Vagrant-Box zur Verfügung gestellt (https://github.com/rlerdorf/php7dev). Im Beitrag zeige ich, wie ich sie auf meinem Windows-8.1.-Rechner nutze. Weiterlesen
Modernizr ist unschlagbar, wenn du alternative Formatierungen für Browser durchführen möchtest, die ein bestimmtes neues HTML5/CSS3-Feature nicht verstehen. Die neue Version von Modernizr sieht auf den ersten Blick ganz anders aus als die gewohnte. Die Benutzung ist aber auch nicht komplizierter.
Wann braucht man aber überhaupt Modernizr? Wenn ein Browser ein CSS3-Feature nicht versteht, ignoriert er es einfach. In vielen Fällen ist das in Ordnung und du musst nicht mehr unternehmen. Wenn text-shadow nicht unterstützt wird, ist der Text halt ohne Schatten. Wenn jedoch der Textschatten entscheidend ist für die Lesbarkeit, muss man dafür sorgen, dass der Text auch noch lesbar ist, wenn ein Browser text-shadow nicht implementiert hat. Ein – extremes – Beispiel wäre, dass man einen weißen Text auf weißem Hintergrund deklariert, bei dem die Umrisse durch text-shadow gebildet werden. Weiterlesen
Vielversprechend sind die Sachen, die Microsoft Edge CSS3-technisch zu bieten hat … und teilweise lange erwartet!
transform-style: preserve-3d (wichtig etwa für Würfel etc.)srcset-Attribut (entscheidend für responsive Bilder)foreignObject-Elementhover und pointer@supportsMehr bei https://msdn.microsoft.com/
Mit dem neuen CSS3-Layoutmodul Flexbox lassen sich Elemente einfach zentrieren. Allerdings gibt es dafür unterschiedliche Ansätze: Entweder man verwendet zur Zentrierung die Eigenschaften align-items:center und justify-content: center oder aber man setzt dafür auf die altbekannte Eigenschaft margin.
Weiterlesen
Gerade ist mein neues Videotraining zum Thema Formulare bei video2brain erschienen. Dabei geht es um die Basics der Formularerstellung per HTML, um Neuerungen aus HTML5 und schließlich um die Gestaltung von Formularen.
Weiterlesen
Für Beschriftungen von Formularfeldern ist das label-Element gedacht:
<input type="radio" name="farben" id="rot" value="rot">
<label for="rot">rot</label>
Damit der Bezug zwischen label und input-Element klappt, muss der Wert des for-Attributs des label-Elements mit dem Wert der id des input-Elements übereinstimmen (im Beispiel oben „rot“).
Was nimmt man aber für die Beschriftung einer Gruppe von Radiobuttons? Weiterlesen
Eine schöne Sache an den neuen CSS3-Layoutmodul Flexbox (und ebenso auch bei GridLayout) ist, dass die Anzeigereihenfolge im Layout vollkommen unabhängig ist von der Reihenfolge der Elemente im Quellcode. Das ist besonders wichtig beim Responsive Webdesign – auf diese Art kann man jeweils nach verfügbarem Platz die Elemente immer optimal anordnen. Allerdings ist das problematisch für Tastaturnutzer.
Manchmal möchte man bestimmte Formatierungen vor älteren Internet Explorern verstecken. Im Beitrag zeige ich zwei Möglichkeiten, wie man Selektoren formuliert, dass sie vom IE8 ignoriert werden.
Eine Lösung besteht darin, den Selektor um Bestandteile zu ergänzen, die die älteren IEs (d.h. IE < 9) nicht verstehen – etwa durch :root.
Ich gebe immer wieder mal Einstiegskurse in HTML, CSS oder auch in PHP. Und es ist immer wieder spannend und – auch für mich – lehrreich. Dass ich dabei so viel lernen kann, musste ich auch erst einmal kapieren.
Ganz zu Anfang meiner Trainingstätigkeit habe ich sogar den Einstieg ins Internet vermittelt. Dabei habe ich mühsam versucht, den Teilnehmern den Unterschied zwischen einer Internet-Adresse und der Suche in einer Suchmaschine beizubringen. Die tippten einfach in die Adresszeile die Suchbegriffe oder in das Feld der Suchmaschine die Adresse.
Im Rahmen eines Artikels für web & mobile Developer, der am 9. April 2015 erscheint, habe ich mich etwas näher mit den Einheiten in CSS3 beschäftigt und bin auf ein paar interessante Dinge gestoßen …
Weiterlesen