- Elijah Manor animiert das Hamburger-Icon. Keine schlechte Idee.
- Ich nutze gerne Compass, aber der Nutzen des Frameworks beschränkt sich für meine Anwendungen sehr. Ziemlich nützlich sind die diversen Bildfunktionen, insbesondere die Erstellung von Sprites. Es gibt aktuell ein gutes Tutorial zu Sprites mit Compass bei TheSassWay.
- Hugo Giraudel veröffentlicht aktuell viel zu Sass. Für eine kleine Serie hat er sich seinen Bruder geschnappt. Dieser veröffentlicht jetzt bei ihm im Blog eine kleine Serie zu Git. Bislang sind drei Teile erschienen (Teil 1, Teil2, Teil3).
- Der IE kennt so einige Pseudoelemente mehr, als in der Spezifikation vorgesehen sind. Ausweislich dieser Testseite scheint man für die Nutzung der meisten dieser IE-spezifischen Pseudoelemente Windows 8 zu benötigen. Die Testseite sagt allerdings nichts darüber aus, ob auch der IE9 unter Windows 8 die Pseudoelemente dann beherrschen würde.
Linkfutter 93
- Hugo Giraudel publiziert gerade wie ein Wilder zu Sass. Bei Sitepoint hat er jetzt seinen CSS- und Sass-Styleguide veröffentlicht. Ein interessanter und anregender Artikel.
- Brad Frosts “Pattern Lab” hat jetzt eine eigene Domain bekommen.
- Für all diejenigen, denen Mite, Toggl und die anderen Time-Tracking-Tools zu sehr designt sind hat Kahlil Lechelt eine geekige Lösung: Time-Tracking per Node-Applikation im Terminal.
- Wer gerne Gulp in Zukunft nutzen möchte, interessiert sich vielleicht für diesen Artikel über Sass-Kompilierung mit Gulp.
Linkfutter 92
- Bei Mozilla beschreiben Ian Devlin und Chris David Mills, wie man einen Cross-Browser-Videoplayer erstellt. Neben dem HTML5-Videoelement wird die Fullscreen API genutzt. Das Styling des Players wurde auf einen späteren Artikel verschoben.
- Ich werde nie verstehen, warum man auch in 2014 noch so viel Energie darauf verwendet, Textalternativen für Bilder zu diskutieren. Alt-Attribut ausfüllen reicht doch vollkommen, es sei denn, es sind reine Schmuckbilder. Warum muss man daraus eine Mischung aus Wissenschaft und Religion machen? Es gibt noch ganz andere Probleme, die gelöst werden müssten.
- Da hat tatsächlich jemand ein Sudoku-Feld mit HTML, CSS und JavaScript nachgebaut. Es ist leer, bis man selber anfängt Zahlen einzugeben. Es fehlt also “nur noch” das automatische Ausrechnen von vorgegebenen Spielen.
Sassmeister wird immer besser
Sassmeister ist ein tolles Tool, um Sass-Code zu testen oder zu demonstrieren. Es dient mir immer wieder für Schulungen. In den letzten Monaten gab es einige interessante Verbesserungen und Erweiterungen an dem Tool.
Linkfutter 91 – CSS
- Stylestats erstellt Statistiken über das eigene CSS. Es gibt auch einen Grunt-Task dafür.
- Für alle, die Selektoren lernen und lehren wollen, gibt es eine nett gemachte Seite, auf der man Teller, Obst und Gemüse selektieren muss. Nur wenn man den richtigen Selektor eingibt, kommt man weiter. Dabei hat der Programmierer auch darauf geachtet, dass man bei mehreren Möglichkeiten den optimalen Selektor wählt.
- Chris Sevilleja gibt eine Einführung in das Gridsystem von Bootstrap 3.
- Die CSS Working Group des W3C hat eine unvollständige Liste von Fehlern beim Design von CSS erstellt. Eine interessante Lektüre.
Linkfutter 90 – Sass
- Präsentation von Chris Eppstein über die Neuigkeiten in Sass 3.3. Die HTML-Slides sehen zwar nicht besonders hübsch aus, sind aber interaktiv.
- Hugo Giraudel zeigt, wie man mittels Sass-Mixins die Nutzung von Prefixes so vereinfacht, dass man fast alle CSS3-Mixins löschen kann.
- Scott O’Hara gibt einen knappen Überblick über Sass-Kontrolldirektiven.
- Mit Sache gibt es neuerdings eine zentrale Anlaufstation für die Suche nach Erweiterungen für Sass und Compass. Leider müssen alle Erweiterungen bei Github gelistet sein, was die Auswahl naturgemäß ein wenig einschränkt.
- Der Sass-Newsletter ist für alle Sass-Nutzer immer eine interessate Informationsquelle. Im Archiv kann man sich davon überzeugen.
- Seit Kurzem ist Sass 3.3 draussen. Und innerhalb einer Woche sind wir nun schon bei Version 3.3.3 gelandet. Und das obwohl die Testphase eine gefühlte Ewigkeit dauerte. Jetzt warten wir nur noch auf die endgültige Version 1.0 von Compass.
- Eines der neuen Sass-Features erleichtert nun auch den Umgang mit der BEM-Syntax. Die dafür notwendige ”@at-root”-Direktive erläutert Stuart Robson in einem anderen Artikel.
Un-normaler Webmontag in Frankfurt
Auf dem gestrigen Webmontag in Frankfurt habe ich nach längerer Pause mal wieder einen Vortrag gehalten. Jan Eggers hatte die prima Idee, ich sollte etwas über Responsive Webdesign und Barrierefreiheit erzählen. Denn das allesüberspannende Thema des Webmontages war “Un:normal”.
Der Webmontag wurde sehr interessant und launig von Sven Michels moderiert. Zum Einstieg führte uns Johannes Wunderer in Barrierefreiheit auf und mit Smartphones ein. Er gab einen breiten Überblick und kam mit seinem Lampenfieber ganz gut zurecht.
MAMP Pro 3 ist draussen
Mir hat damals unter Windows immer ein einfach zu konfigurierender Webserver gefehlt. Ich habe nie fehlerfrei Virtual Hosts unter Apache einrichten können, obwohl ich mich an die Anleitungen hielt.
Unter MacOSX ist mir dieses Problem genommen, da es MAMP Pro gibt. Für diesen Webserver muss ich einfach einen x-beliebigen Ordner auf meiner Platte aussuchen und einen Domain-Namen vergeben, schon habe ich meinen virtuellen Host. Einfach klasse.
Death to Lorem Ipsum
“Lorem Ipsum gone wrong” zeigt “gute” Beispiele, warum man erst den Inhalt haben sollte, bevor man designt. Blindtexte können nach hinten losgehen. Aber es ist aller Erfahrung nach schwer, Kunden das zu erklären. Hat was vom Kampf gegen Windmühlen.
Linkfutter 89
- Auf DevCharm findet man übersichtliche, kommentierte Leselisten zu Entwicklerthemen. Durchaus einen Blick wert.
- Die Seite CodeCandies kannte ich noch nicht. Auf ihr sind ein paar Stilblüten aus Code-Kommentaren versammelt. Sehr schön ist die zusammenfassende Betrachtung der Notwendigkeit, extra für den IE sonst nutzlosen Code zu schreiben. Sehr nett ist auch diese Selbsterkenntnis.
- “Wissensbissen” heißt eine Webseite der Volkshochschule im Kreis Herford , auf denen man Screencasts zu einer großen thematischen Bandbreite findet. Die Filme gibt es auch bei Youtube.