Modulare Webentwicklung – Kurzvortrag

Auf dem Barcamp Heidelberg habe ich am letzten Samstag einen Vortrag über modulare Webentwicklung gehalten. Normalerweise halte ich zu dem Thema halbtägige Schulungen, meist in Agenturen. Aber für das Barcamp habe ich die Themenfülle zusammengedampft. Ich war überrascht, dass ich mit kurzen Nachfragen bei exakt 45 Minuten gelandet war.
(mehr …)

Linkfutter 205 – Accessibility

Marcy Sutton hat auf der SmashingConf in Whistler über Accessibility gesprochen. Die Aufnahme ist absolut sehenswert, dann sind auch die Slides besser verständlich. Marcy beginnt mit einfachen Hinweisen, zeigt an einem Beispiel, wie unzugänglich eine Seite sein kann und wie sie besser gemacht werden kann. Sie konzentriert sich dabei zwar auf Angular.JS-Seiten und WebComponents, aber die Erkenntnisse sind global anwendbar. Auf ihrer Webseite sind noch wesentlich mehr Vorträge verlinkt und eingebettet. Wer sich also für Accessibility in Bezug auf Angular.JS und WebComponents interessiert, ist hier genau richtig.
(mehr …)

Linkfutter 204 – Sass

Linkfutter 203

Ana Tudor hat sich der Mühe unterzogen, nach Designs für Slider zu schauen. Nicht den Bilder-Slidern sondern denen, die man mit dem neuen `ìnput[type=”range”]“ abbilden kann. Sodann hat sie diese in Codepen umgesetzt. Ihre Sammlung ist wirklich sehr beeindruckend.
(mehr …)

Linkfutter 202

Chris Heilmann erklärt sehr schön, Schritt für Schritt, wie man einen Slider/ein Karusell mit ein wenig JavaScript, ausreichend CSS und vielen klugen Gedanken erstellt. Ein Musterfall für Progressive Enhancement der zudem zeigt, dass man oft kein jQuery-Plugin benötigt, das neben dem Zeigen der Bilder auch noch Kaffee kochen kann.

(mehr …)

Linkfutter 201 – Responsive Webdesign

Mike Riethmuller erläutert, wie er mit der calc-Funktion in CSS responsive Typographie realisiert, also Typo, die sich an die Umgebunsgbreite anpasst.
Guil Hernandez beschreibt wiederum “ein Sass-Mixin für responsive Typographie“. Das finde ich charamanter.
(mehr …)

Unerklärliche Bilder

Bei Twitter gibt es den Hashtag #TweetAPictureThatYouCantExplain . Damit werden meist skurrile Bilder getaggt. Ich habe ein paar von ihnen in einem Storify gesammelt.
(mehr …)

Linkfutter 200

Seit dem 8. September 2011 veröffentliche ich in unregelmäßigen Abständen Links, die mir vor allem beim täglichen Twitterkonsum unter die Finger kommen. Das ist auch für mich eine gute Ablagemethode. So wandern nicht alle Links in meinen Pinboard-Account und stiften so hoffentlich noch einen gewissen Nutzen. Auf die nächsten hundert Ausgaben!
(mehr …)

Linkfutter 199

Dennis Gaebel schreibt bei Sitepoint einen sehr interessanten Artikel über das Designen von Formularelementen mit Sass. Sehr interessante Ideen sind dabei. Allein das Mixin für das Placeholder-Attribut finde ich inhaltlich und formal interessant. In einer solchen Form habe ich noch nie ein Mixin geschrieben.
(mehr …)

Linkfutter 198 – Project Spartan