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 …

Linkschleuder: CSS3-Generatoren, Bild zu data-URI, Inhaltsverzeichnis wie in einem Buch

Hier ein paar Lesezeichen, die sich in meinem Browser in den letzten Tagen aufgesammelt haben: Auf CSS-Portal findet man mehrere Online-Generatoren, darunter unter anderem einen Generator für CSS-Layouts und einen Generator für Navigationsmenüs, die mit CSS3 umgesetzt wurden. Bilder in Base64 konvertieren Auf Image to data URI convertor kann man seine Bilder in Base64 codieren, …

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 …

Ein Paar Links zu HTML & CSS

Hier ein paar Links zum Thema CSS und HTML die ich seit einigen Tagen als offene Tabs in meinem Browser mit mir schleppe: Why you should care about CSS page performance: ein paar Tipps zur Performance-Optimierung der CSS-dateien CSS Tricks: How to Speed Up CSS Rendering: ein weitere Artikel zum gleichen Thema Style Guide für …

CSS: neue Methode um Text zu verbergen

Seit vielen Jahren nutzen Webworker diverse Methoden um per CSS Text oder Überschriften zu verbergen, zum Beispiel bei grafischen Überschriften oder vor allem, wie hier auf perun.net, auf das Logo zu verlinken, aber den eigentlichen Text der zum Logo gehört zu Seite zu schieben. Eine sehr bekannte und dabei auch zugängliche Methode ist es mit …