Thomas Weitzel
Designer | Author | Lecture | Photographer | Loves espresso, airplanes, Contao CMS
Der tägliche Spagat zwischen
Infotainment und Entertainment
Zwischen dem „auf-dem-laufenden-bleiben“ und
dem Wunsch nach Prokrastination*.
Hey hey Wickie… also Wikipedia sagt:
Aufschieben, auch Prokrastination
( lat. procrastinatio „Vertagung“, Zusammensetzung aus
pro „für“ und cras „morgen“ )
Erledigungsblockade, Aufschiebeverhalten, …
…ist das Verhalten, als notwendig aber auch als unangenehm empfundene Arbeiten
immer wieder zu verschieben, anstatt sie zu erledigen.
http://www.webdesign-inspiration.com
Zite (iPad, iPhone)
Dragdis [ http://dragdis.com ]
Pinterest [ http://pinterest.com ]
„Je eingeschränkter die Vorgaben, desto klarer die Umsetzung.“
„(Gestaltungs-)Freiheit entfaltet sich innerhalb der Grenzen, nicht außerhalb.“
Copy Paste Design
„Die Website XXX ist toll - genau so wollen wir das.“
Engagiert
„Lassen Sie sich mal was schickes einfallen …“
Präzise
„Ich habe Ihnen das Design hier im Word-Dokument
schon mal vorbereitet“
Durch den Einsatz von Frameworks werden viele Basisfunktionen bereits abgedeckt, um eine Website zügig zu entwickeln.
Baukasten (Theme) | Individuallösung | ||
+ | geringe Kosten | + | individuelle Funktionen |
+ | schnelle Lösung | + | individuelles Design |
+ | fertige Vorlagen | + | individuelle Erweiterungen |
- | vorgegebene Struktur | + | individuelle Betreuung |
- | aufwändig für individuelle Anpassungen | - | kundenseitiger Investitionswillen |
[ http://daneden.github.io/animate.css ]
„animated fadeInDown“ eintragen.
[ http://iamceege.github.io/tooltipster ]
<script src="files/tooltipster/js/jquery.tooltipster.min.js"></script> <script>$(document).ready(function() {
$('a[title]').tooltipster({
});
});
</script>
<script src="files/tooltipster/js/jquery.tooltipster.min.js"></script>
<script>$(document).ready(function() {
$('a[title]').tooltipster({
animation: 'fade',
delay: 200,
touchDevices: false,
trigger: 'hover',
position: 'top',
theme: 'tooltipster-shadow'
});
});
</script>
[ http://circle.firchow.net ]
Eine einfache Art der Einbindung UND Anpassung
<div class="c100 p25">
<span>25%</span>
<div class="slice">
<div class="bar"></div>
<div class="fill"></div>
</div>
</div>
.c100.p48 .bar {
-webkit-transform: rotate(172.8deg);
-moz-transform: rotate(172.8deg);
-ms-transform: rotate(172.8deg);
-o-transform: rotate(172.8deg);
transform: rotate(172.8deg);
}
<div class="c100 p25 dark">
Webinspiration
Photo Credits: Markus Spiske / www.temporausch.com / CC-BY
By Thomas Weitzel
Presentation for Contao Austria Day 2014, 26. 07.2014, Wien
Designer | Author | Lecture | Photographer | Loves espresso, airplanes, Contao CMS