Inhaltsbereich

Aktuelles zu »Little Boxes« und »Einstieg in CSS«

Die neuesten Nachrichten rund um "Little Boxes" und "Einstieg in CSS". 

Videotraining »Responsive Flexbox-Layouts« erschienen

Gerade bei video2brain erschienen:

Das Training ist ursprünglich auf englisch von Morten Rand-Hendriksen erschienen, und ich habe es übersetzt, angepasst und etwas aktualisiert.

Weiterlesen... (in neuem Fenster)

Google Fonts im neuen Look

Im Juni 2016 überraschte Google die Webwelt mit einem Redesign der Google Fonts. Here it is in pictures.

Weiterlesen... (in neuem Fenster)

Die Statistik und die Browser

Das Jahr nähert sich dem Ende und so habe ich ein paar Minuten mit den Besucherstatistiken von zwei meiner Websites zugebracht:

Besonders interessierte mich dabei die Browserstatistik (IE) und der Anteil der Besucher mit mobilen Geräten. Und das Ergebnis war durchaus überraschend...

Weiterlesen... (in neuem Fenster)

»Einstieg in CSS« - die 2. Auflage ist da

Das Buch bietet einen unterhaltsamen, leicht verständlichen Einstieg in das Erstellen und Gestalten von Webseiten mit HTML und CSS. Als »Little Boxes« vor fast zehn Jahren entstand, war es die Begleitmusik fur den Übergang von Tabellen- zu CSS-Layouts.

Inzwischen ist das Web einen Schritt weiter: Moderne CSS-Layouts sind responsiv und passen sich verschiedenen Endgeräten an. Die zweite Auflage von »Einstieg in CSS« berücksichtigt diesen Paradigmenwechsel von Anfang an.

Weiterlesen... (in neuem Fenster)

Videotraining »Little Boxes - CSS-Positionierung«

Am 17. August 2015 ist bei video2brain das dritte Training der neuen Little Boxes-Reihe erschienen.

»Little Boxes - CSS-Positionierung und mehrspaltige Layouts« setzt die Inhalte aus dem HTML-Crashkurs und den CSS-Grundlagen voraus und richtet sich an alle, die Webdesign bzw.Webprogrammierung von der Pike auf lernen möchten.

Weiterlesen... (in neuem Fenster)

Videotraining »Little Boxes - die CSS-Grundlagen«

Am 21. April 2015 ist bei video2brain das zweite Training der neuen Little Boxes-Reihe erschienen, die das über vier Jahre alte "große Training" aktualisiert und erweitert.

»Little Boxes - die CSS-Grundlagen« setzt nur ein paar HTML-Grundlagen voraus und richtet sich an Einsteiger und an alle, die Webdesign bzw.Webprogrammierung von der Pike auf lernen möchten.

Weiterlesen... (in neuem Fenster)

Videotraining »Little Boxes - der HTML-Crashkurs«

Am 11. März 2015 ist bei video2brain das erste Training der neuen Little Boxes-Reihe veröffentlicht worden, die das vor über vier Jahren erschienene "große Training" aktualisiert und erweitert.

»Little Boxes - der HTML-Crashkurs« setzt keine Vorkenntnisse voraus und richtet sich an Einsteiger und an alle, die Webdesign bzw.Webprogrammierung von der Pike auf lernen möchten.

Weiterlesen... (in neuem Fenster)

Videotraining: »CSS3 für Webdesigner«

Ende Oktober 2014 ist ein neues, dreistündiges Videotraining namens »CSS3 für Webdesigner« bei video2brain erschienen. Es richtet sich an alle, die gerne Webseiten bauen, und die die wichtigsten Neuerungen zu CSS3 gerne einmal kompakt im Überblick sehen möchten. Darin erzähle ich unter anderem auch, wie ich das Logo von groningen-info.de erstellt habe. CSS only.

Weiterlesen... (in neuem Fenster)

»Little Boxes« als E-Book?

In den letzten Wochen habe ich gleich mehrere Anfragen bekommen, ob es »Little Boxes« auch als PDF oder ePub zum Downloaden gibt. Nein, gibt es nicht.

Wer den Text der Online-Version gerne offline lesen möchte, sollte sich den Nachfolger »Einstieg in CSS« bei Galileo Press als eBook (PDF, ePub und Mobi) besorgen.

P.S.
Ich habe am Wochenende in Kapitel 20 der Online-Version »Nützliche Werkzeuge« die gröbsten veralteten Infos entfernt. Falls Sie andere veraltete Stellen finden, bitte kurz Bescheid sagen.

Weiterlesen... (in neuem Fenster)

Einstieg in CSS - Errata aktualisiert

Auch für den Little-Boxes-Nachfolger "Einstieg in CSS" gibt es eine Errata-Liste, die in unregelmäßigen Abständen aktualisiert wird:

Vielen Dank an alle Leser, die mir neben dicken Komplimenten auch die Fehler zuschicken, die ihnen aufgefallen sind.

Weiterlesen... (in neuem Fenster)

»Einstieg in CSS« - Das neue Little Boxes

Das Buch bietet einen unterhaltsamen, leicht verständlichen Einstieg in das Erstellen und Gestalten von Webseiten mit HTML und CSS.

Es basiert auf »Das große Little Boxes-Buch« und wurde für diese Ausgabe komplett überarbeitet, aktualisiert und auf das für eine Einführung wirklich Wichtige komprimiert.

Weiterlesen... (in neuem Fenster)

Bye bye »Little Boxes«

Anfang Juli habe ich einen kurzen Beitrag über »Pearson und die Computerbücher« geschrieben, in dem ich kurz über die Entwicklungen bei Pearson berichtet habe.

Jetzt ist es soweit: »Das große Little Boxes-Buch« kann als gedrucktes Buch nicht mehr im Buchhandel bestellt werden. Momentan gibt es nur noch eine Quelle ...

Weiterlesen... (in neuem Fenster)

Pearson und die Computerbücher

Seit Februar 2013 ist bekannt, dass das komplette Programm von Markt+Technik sowie das deutschsprachige Computerbuchprogramm von Addison-Wesley eingestellt werden. Entgegen vorheriger Versprechungen werden die Bücher aber bereits jetzt nicht mehr ausgeliefert.

Weiterlesen... (in neuem Fenster)

Online-Generator für PNG-Grafiken mit runden Ecken

Ich mal irgendwo erwähnt, dass ich leider keinen Onlinegenerator für runde PNG-Graphiken gefunden habe. Leser Klaus Gunkel hat.

Weiterlesen …

28.04.2009 - Schlagworte: tools

Runde Ecken: 25 Rounded Corners Techniques with CSS

"Wo die Rundung anfängt, hört der Verdienst auf" sagt eine Tischlerweisheit. In "Little Boxes Teil 2" widmet Kapitel 11 "Runde Ecken: Trick oder Grafik" komplett der Erstellung von Boxes mit abgerundeten Ecken. Auf "CSS Juice" gibt es einen Überblick über 25 verschiedene Techniken.

Weiterlesen …

10.03.2009 - Schlagworte: teil2 tools

Gute Seiten, schlechte Seiten: 7 Qualitätskriterien zur Beurteilung von Webseiten

Auf der Basis des vierten Kapitels von “Little Boxes Teil 0” ist bei akademie.de ein Artikel erschienen, nach dessen Lektüre auch ein Laie ungefähr erkennen kann, welche Qualität eine Webseite hat.

Weiterlesen …

06.02.2009 (Kommentare: 1)

Noch eine Lösung zu "Whitespace - der Leerstellenpakt"

In "Little Boxes" wird in "Whitespace - der Leerstellenpakt" beschrieben, warum bei der horizontalen Navigation mit display:inline eine Leerstelle bleibt. Online wurde das auf der Mailingliste CSS-Design diskutiert und mit einem Testcase auf infotekten.de dokumentiert. Dabei hatte ich eine weitere, damals auf der Mailingliste von Henrike Döding vorgestellte Möglichkeit nicht berücksichtigt, an die Sie mich per Mail erinnert hat.

Weiterlesen …

02.02.2009 - Schlagworte: teil2 tipps

And it's okay to steal 'cause it's so nice to share

Dinge zu teilen macht Spaß. Während geteiltes Leid sich halbiert, wird geteilte Freude verdoppelt und Computernetzwerke sind schließlich zum Teilen erfunden worden. Sharing. "Freigabe" heißt das auf deutsch.

Außerdem ist das Kopieren bei Digitalem viel einfacher als zum Beispiel bei einer Currywurst. Wer suchet der findet und "Copyright" wird immer mehr zu einem Verb ("copy right"). Technische Möglichkeiten verändern Verhalten. Geht mir ja auch nicht anders.

Loudon Wainwright III beschreibt dieses Phänomen in seinem Song Something for Nothing mit den schönen Worten "And it's okay to steal 'cause it's so nice to share...".

Weiterlesen …

22.01.2009 (Kommentare: 3) - Schlagworte: copyright dvd

H1 und das Logo

Eine Leserin fragte letztens, warum das Logo der "Little Boxes"-Beispielsite in eine h1-Überschrift eingebettet ist. Der korrekte Einsatz von h1 ist eine uralte Diskussion, die wohl nie ganz gelöst werden wird. Hier ein paar Gedanken dazu.

Weiterlesen …

12.01.2009 - Schlagworte: teil1 teil2 tipps

Tutorial zu Firebug

Kapitel 18 von Little Boxes 2 enthält ein Tutorial zum unentbehrlichen Firefox-Addon "Firebug". Dieses Tutorial ist in leicht veränderter Form auch im T3N-Magazin erschienen und kann dort auch online gelesen werden.

Weiterlesen …

10.01.2009 (Kommentare: 2) - Schlagworte: firebug teil2 tools

Little Boxes 2, Kap. 6: Korrekturen für die Schiebetüren

In Little Boxes 2 wird in Kapitel 6 eine Sliding-Doors-Navigation vorgestellt mit runden Ecken vorgestellt. Bei dem im Buch beschriebenen Beispiel fällt dabei auf, dass nur die linke Grafik angezeigt wird.

Weiterlesen …

09.01.2009 - Schlagworte: errata teil2 tipps

Technikwürze Nr. 123 - YAML total

In Little Boxes in den letzten Kapiteln das CSS-Framework YAML vorgestellt, um das es auch in der 123. Sendung der Technikwürze geht. Die Sendung ist schon ein paar Wochen her, aber da ich anscheinend vergessen habe darauf hinzuweisen, soll das hier nachgeholt werden.

Weiterlesen …

01.01.2009 - Schlagworte: teil2 yaml

Vier CSS3-Tricks für sauberes HTML

Eric Eggert alias Yatil hat im Adventskalender 2008 der Webkrauts einen Artikel veröffentlicht, in dem er "Vier CSS3-Tricks für sauberes HTML" vorstellt.

Weiterlesen …

26.12.2008 - Schlagworte: tipps