Fertiges HTML-Template für E-Books (Kindle)

Ich habe vorhin unser Template, welches wir für die Erstellung unserer E-Books für WordPress nutzen auf GitHub veröffentlicht. Das hat zwei Vorteile. Zum einen bekommen die interessierten schnell Änderungen nachgereicht und ich habe endlich einen Grund mich mal wieder nach etlichen Jahren mit GitHub zu beschäftigen. Schließlich habe ich den Account dort erst seit 2009. …

hint.css – gestylte Tooltips nur mit CSS

Die hint.css eine kleine Tooltip-Bibliothek mit der man gestylte Tooltips umsetzen kann, die lediglich CSS und ein bisschen HTML benötigen: Man muss lediglich die CSS-Datei einbinden, entweder als separate Datei oder n dem man den Code in die bereits bestehende CSS-Datei reinkopiert. Anschließend kann man mit so Konstrukten… Ich bin ein <span class="hint hint–bottom" data-hint="Hallo">Tooltip</span>. …

Thinkin’ Tags: visueller Editor zur Erstellung von Website-Prototypen

Dirk Jesse dürfte sehr vielen deutschsprachigen Webentwicklern durch sein CSS-Framework YAML bekannt sein. Seit heute gibt es eine öffentliche Alpha-Version seines neuen Projektes mit dem Namen Thinkin’ Tags: Es handelt sich hierbei um einen visuellen Editor zur Erstellung von Website-Prototypen. Bereits jetzt werden YAML und Blueprint.CSS unterstützt. Unterstützung für weitere CSS-Frameworks, wie zum Beispiel Twitter …

Interessanter Vortrag zur Ladezeitoptimierung und jede Menge nützlicher HTML5- und CSS3-Links

Christian Schaefer hat einen interessanten Vortrag zum Thema Ladezeit-Optimierung von Websites online gestellt. Die Folien beinhalten viele wertvolle Informationen und hebt sich damit angenehm von vielen anderen Präsentationen. Kollege Jens Grochtdreis, von dem ich auch den Hinweis auf den oberen Vortrag bekommen habe, hat in einem Blogartikel 24 Quellen zu HTML5 und CSS3 aufgelistet: Referenzen, …

Chico UI: komfortabel Funktionen für Websites nachrüsten

Chico UI ist eine Sammlung von Tools um recht einfach Funktionen für eine Website nachzurüsten. Du brauchst eine Dropdown-, Akkorden- oder Tab-Navigation? Dann findet du bei Chico UI erprobte Lösungen. Neben diesen Funktionen findest du hier auch u.a. einen Bilder-Slider, einen Kalender-Widget und eine CSS-Bibliothek. Bei der CSS-Bibliothek sind die gängigen HTML-Elemente gestylt, es sind …

CSS-Links: einheitliche Sende-Buttons, Spritepad, Sprechblasen, Flexbox statt Float

Hier wieder mal ein paar interessante CSS-Links, die sich in miner Browser-Session angesammelt haben: Björn Wibben liefert eine Lösung, wie man es schaffen kann das der Sende-Button eines Formulars in allen Browsern einheitlich zu gestalten. Lösung für ein sehr nerviges Problem. Das Spritepad bietet eine sehr einfache Möglichkeit CSS-Sprites zu erstellen: einfach per Klicken und …

Google aktualisiert seine Styleguides für HTML, CSS und Javascript

Styleguides („Gestaltungsrichtlinien“) werden zum Beispiel von größeren Firmen erstellt, damit auch externe Dienstleister nach den „gleichen Regeln“ arbeiten, wie die internen Entwickler. Styleguides sind u. a. dann sinnvoll wenn zwei oder mehrere Freelancer zusammenarbeiten, damit man sich auf gemeinsame Regeln einigt. Sie sind aber auch eine interessante Inspirationsquelle, damit man sieht wie andere arbeiten und …