Webkrauts Logo

Webkrauts Webkrauts Schriftzug

- für mehr Qualität im Web

Notizen

Im Netz kursieren jede Menge nützliche Tools und Artikel. Hier findet ihr ein paar empfehlenswerte Links:

"The secrets of block formatting context" - Fiona Chan erklärt sie.
http://www.youtube.com/watch?v=8YtQwv1cUVs

Media Queries Are Not The Answer: Element Query Polyfill
http://coding.smashingmagazine.com/2013/06/25/media-queries-are-not-the-answer-e...

Hübsche CSS3-Effekte für Modal Windows (für moderne Browser).
http://tympanus.net/codrops/2013/06/25/nifty-modal-window-effects/

How to proportionally scale images that have dimension attributes
http://www.456bereastreet.com/archive/201306/how_to_proportionally_scale_images_...

Flexbox Tutorial 2013: "This article will [...] give you a decent understanding of how Flexbox can help you make better websites."
http://stiankarlsen.me/blog/flexbox-tutorial-2013/

»Twenty years of a free, open web.« Vor 20 Jahren schuf CERN die Grundlage für das Entstehen des WWW.
http://info.cern.ch/

Eine dieser kleinen Neuerungen in HTML5, die bisher kaum den Sprung in den Entwickler-Alltag geschafft haben: das download-Attribut.
http://svarden.se/blog/2013-04-22-right-click-and-save-as/

Eine Suchmaschine für Beispiele und Musterumsetzungen typischer User-Interface-Design-Elemente. Gut als Inspirationsquelle.
http://ui-cloud.com/

Das kleine Tool »Am I Responsive?« lädt Websites in verschiedenen Bildschirmgrößen, und montiert die Ergebnisse hübsch auf Endgerätefotos.
http://ami.responsivedesign.is/

»Media Queries are a Hack«. Wir brauchen vielmehr »Element Queries«, sagt Ian Storm Taylor.
http://ianstormtaylor.com/media-queries-are-a-hack/

Behind the scenes of Firefox's new branding
http://www.creativebloq.com/illustration/firefox-branding-4132308

HTML's New Template Tag – standardizing client-side templating. Kommt mit Chrome 26.
http://www.html5rocks.com/en/tutorials/webcomponents/template/

On Responsive Layout and Grids – »So for those who often enquire about my responsive grid ›solution‹ — it’s about 10 lines of code.«
http://dbushell.com/2013/03/19/on-responsive-layout-and-grids/

Reflections on Web Design Trends in 2013 - Alles nicht neu, aber eine schöne Zusammenstellung.
http://designmodo.com/web-design-trends-2013/

Lazy-Load und Progressive Enhancement für Social Network Buttons von Facebook, Twitter und Google Plus.
https://github.com/filamentgroup/SocialCount#readme

HTML, CSS und Javascript ausprobieren und als Gist auf Github speichern. Freies Tool.
http://dabblet.com/

Die Größe von PNG Dateien verkleinern. Freies Tool, Spenden willkommen.
http://tinypng.org/

Ein nettes Tool, um das eigene responsive Design in verschiedenen Geräten zu betrachten.
http://quirktools.com/screenfly/

Seiten