Categories
HTML/CSS Webdesign

Gut ankommen: Responsives CSS-Dropdown-Menü ohne JavaScript

Wohin mit der Navigation? Diese Frage muss bei eigentlich jedem Webprojekt beantwortet werden. Gerade bei umfangreichen Websites ist es nicht immer einfach, die richtige Antwort darauf zu finden. Besteht eine Webpräsenz aus vielen Seiten und Unterseiten, bietet sich häufig ein Dropdown-Menü an. Dank CSS lassen sich Dropdown-Menüs ganz ohne Einsatz von JavaScript anlegen und mit Hilfe von Media […]

Categories
Design HTML/CSS Programmierung Webdesign

„Animsition“: Benutzerfreundliches jQuery-Plugin für animierte Seitenübergänge

Dank JavaScript in Kombination mit CSS3 stellen Animationen auf Websites keine große Herausforderung mehr da. Auch Seitenübergänge innerhalb einer Website werden gerne per CSS3-Animationen ein wenig in Schwung gebracht. Mit der aktuellen Fassung der Cascading Stylesheets sind einfache Fade-in- und Slide-in-Effekte ebenso möglich wie 3D-Drehungen, um von einer Seite auf eine andere überzuleiten. Das recht frische jQuery-Plugin „Animsition“ hilft, […]

Categories
Apps HTML/CSS Programmierung Webdesign

WebApp-Manifest: So starten Sie Websites auf Mobilgeräten wie native Apps

Native Apps für Smartphones und Tablets sind nach wie vor beliebt, aber nicht immer notwendig. Vieles lässt sich als Webapplikation mit HTML5, CSS3 und JavaScript realisieren. Dank entsprechender JavaScript-APIs hat man beispielsweise Zugriff auf den Orientierungssensor und kann auch Gesten erkennen und entsprechend darauf reagieren. Mit dem WebApp-Manifest ist es zudem möglich, weitere klassische App-Eigenschaften für […]

Categories
HTML/CSS Webdesign

HTML5-Canvas: Mit „Path2D()“ Zeichenobjekte zusammenfassen und zwischenspeichern

Will man per Canvas eine Form mehrmals einsetzen, blieb einem bisher nichts anderes übrig, als diese immer wieder neu zu zeichnen. Das neue „Path2D()“-Objekt ermöglicht es, komplexe Formen zusammenzufassen und zwischenzuspeichern. So ist es möglich, immer wieder auf diese Formen zuzugreifen. Das spart Arbeit und schont die Ressourcen – vor allem auf mobilen Geräten. HTML5-Canvas: Objekt […]

Categories
Bilder bearbeiten Design Photoshop Webdesign

Photoshop-Tutorial: Perfektes Freistellen mit Pfaden

Vermeintlich schwieriger in der Handhabung, bietet das Freistellen mit dem Zeichenstift-Werkzeug doch zahlreiche Vorteile. Sehr exakte und feine Auswahlen sind damit möglich, doch gibt es Techniken im Einsatz, die wir verstehen sollten, bevor es so richtig los geht. Wir zeigen Übungen und führen zum freigestellten Bildobjekt. Photoshop: Zeichenstift-Übung #1: Gerade Linien Aktivieren Sie das Zeichenstift-Werkzeug […]

Categories
Webdesign

Designers Basisausstattung: 10 nützliche Freebies

Sicherlich, jedes Projekt ist anders, aber dann doch wieder ähnlich. Die Ähnlichkeit nimmt zu, je länger man im Designer-Geschäft tätig ist. Dadurch wird es bisweilen schwierig, sich stets auf’s neue hochkreativ zu zeigen, wenn der Kunde es erwartet. Die Problematik intensiviert sich im Laufe der Karriere. Das ist auch normal, denn man ist Mensch und […]

Categories
Webdesign

Setz dich und sei still: So schützen Sie Ihre Kunden vor deren eigenem schlechten Geschmack!

Kommt Ihnen das bekannt vor? Ein Kunde engagiert Sie für einen Design-Job. Es geht – sagen wir – um eine Website. Das ist gut, oder? Arbeit ist immer gut. Es dauert nicht lang, bis Sie merken, dass etwas schief läuft. Kommt es Ihnen nur so vor, oder drückt der Kunde Sie in Richtungen, die Sie […]

Categories
Webdesign

CDN von kostenlos bis teuer – Passende Lösungen für jede Website

Alle Dateien einer Webseite von einem einzigen Webserver auszuliefern scheint längst überholt, ein Konzept vergangener Zeiten. Für parallele Downloads und den damit verbundenen schnelleren Seitenaufbau werden JavaScript, CSS und Bilder oft über externe Server für statische Inhalte ausgeliefert. Wer nicht selbst Server mieten und administrieren will, kauft die Dienstleistung bei einem CDN-Provider ein. Unüberschaubar viele […]

Categories
Webdesign

4 komfortable Webservices zur Bearbeitung von PDF-Dateien

PDF, das Portable Document Format aus dem Hause Adobe, ist aus dem Internet nicht mehr wegzudenken. Insbesondere die Tatsache, dass PDF-Dateien ihr Layout über alle Plattformen konsistent, inklusive etwaiger Schriftarten, behalten und recht gut gegen unberechtigte Manipulationen geschützt werden können, hat PDF zu einem der wichtigsten Dokument-Formate des Web werden lassen. Trifft man irgendwo auf […]

Categories
Webdesign

.htaccess-Tester prüft Rewrite-Regeln auf ihre Richtigkeit

Das Werkeln an der .htaccess ist nicht jedermanns Sache. Besonders das Umschreiben von URLs mit mod_rewrite bringt oft nicht auf Anhieb das gewünschte Ergebnis. Um die Rewrite-Rules nicht direkt am eigenen Server ausprobieren zu müssen, gibt es den .htaccess-Tester. Über einige wenige Eingabefelder lassen sich Regeln schnell und unkompliziert überprüfen. Umleitung: Eine der Aufgaben der […]

Categories
Webdesign

Placehold.it – Passgenaue Bildplatzhalter für Weblayouts

Nach meiner Erfahrung sind Platzhalterbilder eine zweischneidige Sache. Einerseits helfen sie, einen Eindruck vom geplanten Layout zu verschaffen. Andererseits bergen sie die Gefahr, dass sich der Kunde zu stark auf den Inhalt der Platzhalter fokussiert und ein Layout möglicherweise ablehnt, weil ihm die Bilder nicht gefallen. Abstraktes Denken ist der Mehrheit leider nicht in die […]

Categories
Webdesign

Adaptive Images: PHP-Script skaliert Bilder passend in responsiven Layouts

Seit es mit Media-Queries möglich ist, Websites an unterschiedliche Displaygrößen anzupassen, sind spezielle mobile Versionen für Websites nicht mehr zwingend notwendig. Allerdings gibt es ein Problem: Während Schriftgrößen, Positionen und Breiten per Media-Queries angepasst werden können, lassen sich Bilder nicht ohne weiteres in unterschiedlichen Auflösungen bereitstellen. Das serverseitig arbeitende Tool „Adaptive Images“ ändert das. Adaptive […]

Categories
Webdesign

Rapid Web-Development mit Django, Teil 1

Frameworks für die Webentwicklung sind zahlreicher als Bäume im Wald. Dabei gibt es große Unterschiede in Qualität und Leistungsumfang. Django, das Framework, um das heute gehen soll, ist vor allem für Entwickler mit engen Zeitplänen gedacht, die sich trotzdem auf die Stabilität und Sicherheit der Anwendungen verlassen müssen, um sich auf die Funktionalität konzentrieren zu […]

Categories
Bilder bearbeiten Design Photoshop Webdesign

Slices: Bilder fürs Web mit Photoshop aufbereiten

Photoshop bietet mit dem Dialog Für “Web und Geräte speichern …” zahlreiche Exportmöglichkeiten von Grafiken und Fotos fürs Internet. In diesem abschließenden Beitrag der Artikelserie geht es um das Erstellen und Exportieren von Slices.

Categories
Webdesign

10 einfache aber vermeidbare PHP-Programmierfehler

Jeder Programmierer hatte schon einmal mit peinlichen Programmierfehlern zu tun, die leicht zu Sicherheits- oder Stabilitätsproblemen bei Scripten und Anwendungen führen können. Solche Fehler sind sehr verbreitet und dennoch komplett vermeidbar.

Categories
Webdesign

Bannerwerbung – Formate, Fakten und Kosten

Internetwerbung rangiert heute vor Anzeigen in Fach- und Publikumszeitschriften. Auch die Werbung auf Plakaten und im Rundfunk hat sie überholt. Trotz ihrer weiten Verbreitung herrscht über Formate und Abrechnungsmethoden Unklarheit. Finden Sie hier die gängigen Formate für Bannergestaltung sowie Fakten und Kosten für die Anzeigenplanung.

Categories
HTML/CSS Webdesign

Responsive Webdesign: Mit Media-Queries mobile Versionen von Websites erstellen

CSS 3 ist ein Thema, das Webdesigner und -entwickler nach wie vor begeistert und frustriert. Ein Anwendungsbereich, bei dem Sie nicht auf Browser-Unterstützung der IE-Familie warten müssen, sind mobile Geräte. Nutzen Sie Media Queries, um Ihre Websites fit fürs iPhone, iPad und Android-Geräte zu machen.

Categories
Webdesign

Haste mal 'nen Euro? Spenden sammeln im Netz

Wer die Idee für ein kreatives Werk hat, nicht aber über die finanziellen Mittel zu dessen Realisierung verfügt, der kann sich über Spendenportale das notwendige monetäre Polster schaffen. Soweit der Plan. Der Erlös entspricht jedoch selten den Erwartungen.

Categories
Webdesign

Betriebsausgaben und andere Aufwendungen nachträglich steuerlich geltend machen

Gerade für Selbstständige ist das Anfertigen einer Steuererklärung eine zeitraubende und mühsame Angelegenheit. Da kommt es schnell vor, dass steuerlich abzugsetzbare Kosten – wie etwa bestimmte Betriebsausgaben – vergessen werden. Häufig fällt das erst dann auf, nachdem der Steuerbescheid im Briefkasten liegt. Wir zeigen Ihnen auf, inwieweit das Finanzamt Ihre Ausgaben trotzdem berücksichtigen muss – und was Sie dafür tun müssen.

Categories
Webdesign

Die richtige Ausbildung für Webdesigner

Automechaniker machen eine Berufsausbildung als Mechatroniker, Schauspieler besuchen eine Schauspielschule und Ärzte absolvieren ein Medizinstudium. In den meisten Berufen ist der Ausbildungsweg ziemlich genau vorgegeben. Nicht so im Webdesign. Weil keine staatlich geprüfte Qualifikation benötigt wird, darf sich praktisch jeder als Webdesigner bezeichnen. Doch welche Ausbildung sollte ein werdender Webdesigner absolvieren? Wir sind dieser Frage auf den Grund gegangen.