Webdesign

(Kostenlose) Services

10 kostenlose Tools fürs Schriftdesign: So erstellen Sie Ihre eigene Schriftart

4. März 2015
von
10 kostenlose Tools fürs Schriftdesign: So erstellen Sie Ihre eigene Schriftart

Schriftarten sind ein sehr kraftvoller, individueller Weg, um Inhalte darzustellen. Sie haben direkten Einfluss darauf, wie wir Inhalte wahrnehmen und interpretieren. Typografie ist heutzutage sehr beliebt, auch und gerade im Zusammenspiel mit responsivem Webdesign, für das ganz eigene Regeln gelten. Es gibt eine Unzahl von freien Fonts online, denken wir nur an das mittlerweile sehr groß gewordene Google Fonts Verzeichnis mit seinen (zur Zeit)...

JavaScript & jQuery

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

27. Februar 2015
von
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...

HTML/CSS

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

26. Februar 2015
von
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 Reihe klassischer Buttons für Navigationen zur Verfügung, die mit kleinen aber feinen Animationen auf sich aufmerksam machen. Buttons zusammenstellen und einbinden...

Freebies, Tools und Templates

Webtypobuch: 150 Seiten kompaktes Wissen als kostenloses E-Book

25. Februar 2015
von
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 Speziellen informiert. Jetzt hat der Autor sein Buch, das seinerzeit unter anderem dank Unterstützung des renommierten Schriftenanbieters Fontshop entstanden ist,...

Themes

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

24. Februar 2015
von
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 bei WordPress ging. Schliesslich wollte ich es der ganzen Welt zugänglich machen. Da ich damals noch keinerlei Ahnung von WordPress...

JavaScript & jQuery

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

23. Februar 2015
von
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“ kann sich nun jeder das Spielvergnügen und den Flair der 80er auf seine Website holen. Dabei gibt es viele Möglichkeiten,...

(Kostenlose) Services

Dr. Webs umfassende Farbenkunde: So wirkt jede Website perfekt

20. Februar 2015
von
Dr. Webs umfassende Farbenkunde: So wirkt jede Website perfekt

Die besondere Wirkung von Farben spielt eine große Rolle im Webdesign, denn Farben berühren die Sinne, lösen Gefühle aus und bleiben im Gedächtnis. Durch Farben ausgelöste Emotionen sind sehr wichtig für die Bildung einer Marke und den damit verbundenen Kaufimpuls. Ohne die richtige Farbe wäre manches moderne Unternehmen nicht so groß geworden sein. Stellen Sie sich Coca-Cola mit grüner Banderole auf den Flaschen vor....

(Kostenlose) Services

Kostenlose Fotos: 43 handverlesene Dienste für völlig frei zu verwendende Bilder

17. Februar 2015
von
Kostenlose Fotos: 43 handverlesene Dienste für völlig frei zu verwendende Bilder

Kostenlose Fotos kann man immer gebrauchen. Sie zu finden, ist nicht ganz so einfach, denn häufig muss man doch zahlen, oder teils abstruse Lizenzen einhalten. Tut man das nicht, kann es schnell zur Abmahnung kommen. Deswegen haben wir das Internet nach den wirklich besten Quellen für kostenlose Fotos durchsucht, die zudem auch noch ohne Nennung von Autor und Quelle und uneingeschränkt kommerziell, auch in...

Cartoons

Cartoon: Wenn Webdesigner Pizzaboten wären… [005]

16. Februar 2015
von
Cartoon: Wenn Webdesigner Pizzaboten wären… [005]

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 habe in dieser Zeit die ulkigsten Kunden kennenlernen dürfen. Mein Rezept für den Erhalt des Verstandes ist: Lachen. Ich weigere...

Best-of HTML/CSS/PSD-Ressourcen

22 kostenlose HTML/CSS, PSD und GUI-Templates: Februar 2015

14. Februar 2015
von
22 kostenlose HTML/CSS, PSD und GUI-Templates: Februar 2015

Willkommen in der Zukunft. In unserer zweiten Sammlung des Jahres, wie immer reich gefüllt mit kostenlosen HTML-, CSS- und PSD-Templates, dominieren die großen Trends 2015. Wir haben Hero-Bereiche, wir haben Ghost-Buttons, wir haben Material Design, wir haben Card Designs, wir haben alles. Verwenden Sie die Arbeiten als Inspiration oder nehmen Sie sie als Container für die eigenen Inhalte. Machen Sie, was Sie wollen… Eins...