WordPress & Webwork: Top-15-Artikel in 2016 auf perun.net
Nach ein paar Tagen Auszeit fangen wir das diesjährige Bloggen mit einem gemütlichen Artikel: die 15 am häufigsten aufgerufenen Artikel auf perun.net.
Amazon Kindle: die CSS-Fähigkeiten des neuen Dateiformats
An Hand eines Testdokuments habe ich die CSS- und die CSS3- Unterstützung der Kindle-App für Android, von Kindle Fire 1 und von Kindle-Reader (Keyboard) getestet.
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 …
CSS-Datei mit Dust-Me Selectors entrümpeln
Dust-Me Selectors ist eine Erweiterung für Mozilla Firefox, die eine Website nach nicht mehr benötigten CSS-Regeln überprüft und diese anzeigt.
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 …
CSS Usage: welche CSS-Regeln sind im Einsatz?
CSS Usage ist ein Addon für Mozilla Firefox, welche den Firebug um eine zusätzliche Funktion erweitert. Mit CSS Usage kann man herausfinden welche CSS-Regeln auf einer bestimmten Seite eingesetzt werden. Nach der Installation bindet sich CSS Usage in Firebug als zusätzlicher Tab ein. Mit Klick auf Scan untersucht man die gerade aufgerufene Seite. Aktiviert man …
Wer ist der schnellste Coder?
Wer sich gerne auch bei HTML und CSS mit anderen misst, der sollte mal bei Code Racer vorbeischauen. Hier kann man live gegen andere Spieler/Coder antreten und sein Wissen bzw. Können rund um HTML und CSS testen. Der Gegner ist also ein anderer Spieler und die Zeit. Und als besondere Gimmicks gibt es für gewonnene …
CSS: browserspezifische Eigenschaften, Pseudo-Elemente und Pseudo-Klassen von Mozilla
Mozilla bietet für die Produkte die auf die Gecko-Engine setzen – wie zum Beispiel Firefox, SeaMonkey, Thunderbird – eine Fülle von browserspezifischen CSS-Eigenschaften, Pseudo-Elementen und Pseudo-Klassen. Eine ausführliche Liste findet man unter Mozilla CSS Extensions. Eine recht interessante Pseudo-Klasse ist ::-moz-list-bullet. Damit kann man das Aussehen, des Auflistungszeichens per CSS steuern. Hier ein Beispiel: li::-moz-list-bullet …