JavaScript & jQuery

HTML5: Screen-Orientation-API – Bildschirm drehen mit JavaScript

27. Februar 2015
von Denis Potschien
HTML5: Screen-Orientation-API – Bildschirm drehen mit JavaScript

Über Media Queries kann man das Aussehen einer Website abhängig machen von der Bildschirmorientierung eines Smartphones oder Tablets. Doch gelegentlich kann es vorkommen, dass eine Website nur für eine ganz bestimmte Orientierung vorgesehen ist – Portrait oder Landscape. Bei nativen Apps lässt sich für diesen Fall ein Format vorgeben. Dann wird die App unabhängig von der tatsächlichen Ausrichtung des Gerätes ausschließlich in dem Vorgabemodus dargestellt. Mit...

Anzeige
Apps

Origami: Freies Design-Prototyping für iOS, Android und das Web

27. Februar 2015
von Andreas Hecht
Origami: Freies Design-Prototyping für iOS, Android und das Web

Prototyping ist eine wichtige Sache im Entwicklungsprozess einer App. Animationen und Verlinkung aller Ebenen müssen stimmen und ausprobiert werden, bevor der eigentliche Entwicklungsprozess abgewickelt werden kann und die fertige App letztlich in den App-Store hochgeladen wird. Mit Origami ist ein von Facebook entwickeltes Design-Framework am...

Plugins

Visueller Seitenbau: WordPress-Themes erstellen per Drag und Drop

26. Februar 2015
von Andreas Hecht
Visueller Seitenbau: WordPress-Themes erstellen per Drag und Drop

Visuelle Seitengestaltung für WordPress ist das “nächste große Ding”. Bereits seit längerem geht alles in die Richtung der Seitengestaltung per Drag und Drop. Ohne die sogenannten Page Builder lässt sich fast kein WordPress-Premium-Theme mehr verkaufen. Es ist ja auch sehr praktisch: Vorlagen können importiert...

HTML/CSS

Transformicons: Animierte CSS-Buttons für HTML5-Websites

26. Februar 2015
von Denis Potschien
Transformicons: Animierte CSS-Buttons für HTML5-Websites

Vor HTML5 und CSS3 waren vor allem animierte GIF-Bilder ein beliebtes Mittel, um eine Website in Bewegung zu bringen. Dank der Animationsmöglichkeiten von CSS3 und SVG können solche bewegten Bilder heutzutage deutlich eleganter und zudem vektorbasiert und interaktiv realisiert werden. Das Projekt Transformicons stellt eine...

Freebies, Tools und Templates

Webtypobuch: 150 Seiten kompaktes Wissen als kostenloses E-Book

25. Februar 2015
von Denis Potschien
Webtypobuch: 150 Seiten kompaktes Wissen als kostenloses E-Book

Typografie ist ein Thema, das zahlreiche Bücher füllt. Eines davon hat der Webdesigner und -entwickler Gerrit van Aaken geschrieben. Er brachte schon 2012 das Webtypobuch heraus, das auf knapp 150 Seiten sehr kompakt und umfangreich über Typografie im Allgemeinen, vor allem aber über Webtypografie im...

Bilder & Vektorgrafiken bearbeiten

Affinity Photo Beta: Die erste echte Photoshop-Alternative?

25. Februar 2015
von Andreas Hecht
Affinity Photo Beta: Die erste echte Photoshop-Alternative?

Am 10. Februar diesen Jahres erblickte eine neue Software für kreatives Design das Licht der Öffentlichkeit: Affinity Photo geht in die kostenfreie Beta-Phase und ist exklusiv für Mac OS X erhältlich. Das Programm versteht sich als High-End-Konkurrenz zu Adobe Photoshop, den unumstrittenen Platzhirschen der Branche. Nach...

Themes

WordPress-Developer mit Dr. Web: Alles rund um die Theme-Entwicklung

24. Februar 2015
von Andreas Hecht
WordPress-Developer mit Dr. Web: Alles rund um die Theme-Entwicklung

WordPress-Themes selbst zu entwickeln ist eine tolle Sache. Ich kann mich noch gut an mein erstes Theme erinnern und daran, wie viel Spaß ich bei der Entwicklung hatte. Anschließend habe ich allerdings Blut und Wasser geschwitzt und viel nachgearbeitet, damit es durch den Theme-Testing-Prozess...

Bilder & Vektorgrafiken bearbeiten

(M)eine Auswahl der 20+ besten Apps für freiberufliche Designer

24. Februar 2015
von Tara Hornor
(M)eine Auswahl der 20+ besten Apps für freiberufliche Designer

Eine der besten Methoden, um ihre Arbeitseffizienz und ihr Zeitmanagement als freiberuflicher Designer zu verbessern ist es, entsprechende Apps zu verwenden. Dies können jedoch nicht einfach beliebige Apps sein. Es muss sich vielmehr um solche handeln, die nicht durch Abstürze Ihre Zeit verschwenden oder...

JavaScript & jQuery

Blockrain.js für jQuery: So bauen Sie sich ein Tetris für die eigene Website

23. Februar 2015
von Denis Potschien
Blockrain.js für jQuery: So bauen Sie sich ein Tetris für die eigene Website

In den 80er Jahren war Tetris ein überaus erfolgreiches Computerspiel, welches auch noch in späteren Jahrzehnten, vor allem dank Nintendo und dem Gameboy weltweit bekannt und beliebt blieb. Heute gilt Tetris als Klassiker unter den Computerspielen und wird weiterhin oftmals nachgeahmt. Mit der JavaScript-Adaption „Blockrain.js“...

Cartoons

Cartoon: Wenn Webdesigner Bildhauer wären… [006]

23. Februar 2015
von Dieter Petereit
Cartoon: Wenn Webdesigner Bildhauer wären… [006]

Wenn man als Webdesigner/-entwickler arbeitet, muss man sich ein dickes Fell anschaffen. Das gilt vor allem dann, wenn man freiberuflich unterwegs ist. Schafft man das nicht, ist langfristig die geistige Gesundheit in Gefahr. Ich bewege mich seit Anfang der Neunziger in dieser Branche und...

Tipps, Tricks & Tutorials

Waas? 13 überraschende WordPress-Statistiken

22. Februar 2015
von Andreas Hecht
Waas? 13 überraschende WordPress-Statistiken

Es kann nicht geleugnet werden, dass WordPress sich zum beliebtesten Content Management System der Welt gemausert hat. Was einst als privates Projekt begann, ist heute ein integraler Bestandteil der Internet-Architektur und treibt Millionen Webseiten an. Wahrscheinlich kennen Sie WordPress so gut, dass Sie es...

Design

Responsive Navigation: Design-Trends 2015

21. Februar 2015
von Andreas Hecht
Responsive Navigation: Design-Trends 2015

Responsive Webseiten entwickeln sich zum Standard. Immer mehr Menschen konsumieren Webseiten nicht mehr über den heimischen Computer, sondern mobil über Smartphones und Tablets. Daher sollte jede Website auf mobile Ansicht optimiert werden, um nicht ins Hintertreffen zu geraten und wertvolle Besucher zu verlieren. Eine...