Quick-Hints #11

CSS3 3D Transformationen

http://rupl.github.io/unfold/ – Unfolding the Box Model: Exploring CSS 3D Transformation

Eine sehr sehr schöne Präsentation zu 3D-Transformationen mit CSS. Der Einstieg wird hier anschaulich und dadurch leicht gemacht.

CSS Variables sind im Firefox angekommen

Seit der Version 29 von Firefox ist es möglich, Variablen in CSS zu verwenden. Du kennst wahrscheinlich LESS, SCSS und Co. und hast vielleicht auch schon die Möglichkeit, Farben global zu deklarieren, zu schätzen gelernt. Nun braucht man nicht mehr Zwangsweise einen CSS-Preprocessor um Variablen für z.B. Farben und Margins anzugeben; siehe auch: http://mcc.id.au/blog/2013/12/variables

CSS Variables in Firefox 29

CSS Variables in Firefox 29

Eigene Programmiersprachen und DSLs

Du wolltest schon immer deine eigene Programmiersprache? Mit Hyperglot wird dir dein Vorhaben erleichtert. Auch schön: Einfach nur mal ein bisschen rumprobieren um zu sehen, was eine (gute) Programmiersprache eigentlich ausmacht. Mit PEG beschreibst du deine Sprache und mit Hilfenahme von Primitives aus dem Spidermonkey (JavaScript) AST (Abstract Syntax Tree) wird das Ganze ein wenig einfacher / schneller.

Passend dazu hat das MDN (Mozilla Developer Network), welches unter anderem die meiner Meinung nach beste JavaScript Dokumentation enthält, ein brandneues, sehr schönes und funktionales Design bekommen: https://developer.mozilla.org

GUI für deine Programmier-Experimente

dat.GUI

dat.GUI

In vielen Demos / Experimenten fiel mir die immer gleiche GUI auf. CSS angeguckt, gegooglet und anschließend auf dat.GUI gestoßen. Auch zu finden auf der Workshop-Seite der ChromeExperiments. dat.GUI bietet eine schöne und leicht einzubindende GUI zur Steuerung einzelner Parameter deines Experiments.

Animationen in Apps

Wie wichtig gut durchdachte und flüssige Animationen für Anwendungen sind, zeigt das folgende Video von Pasquale D’Silva. Der dort zu sehende Talk basiert auf seinem Artikel Transitional Interfaces.

One thought on “Quick-Hints #11

  1. Pingback: Quick-Hints #14 | bennybennet

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>