c't Webdesign 2013

Cloud statt Webspace

Die Angebote der Hoster reichen vom Rundum-Sorglos-Paket bis zum selbstverwalteten Mietserver. Doch es geht auch anders: Spezielle Cloud-Dienste erleichtern den Einstieg, anspruchsvolle Webmaster sollten einen flexiblen Cloud-Server in Betracht ziehen.

• 22Bloggen aus der Dropbox
• 152Marktübersicht Webhosting
• 156Virtuelle Maschinen bei Amazon EC2 als Standby-Server
• 170Aktion: Gutschein für Cloud-Hosting bei ProfitBricks für 100 Euro

Crash-Kurse

Die eigene Website soll nicht über Wochen die gesamte Freizeit auffressen. Wir zeigen Ihnen daher, wie Sie schnell zum Ziel kommen: zur persönlichen Homepage, die auf Ihre Auftritte in sozialen Netzwerken verweist, zum erfolgreichen Blog oder zur komplexen Vereins-Website.

• 6Vereins-Website an einem Nachmittag
• 14Eleganter Einseiter als persönliche Homepage
• 18Die Website mit sozialen Medien kombinieren
• 36Eigene Webforen mit phpBB
• 132Typo3 installieren und betreiben

Profiwissen

Mit wenig Aufwand lassen sich tolle Webanwendungen programmieren, etwa interaktive Infografiken, animierte 3D-Modelle oder Videochats. Außerdem zeigen wir, wie Sie Ihr Webdesign responsive machen, damit es auch auf kleinen Displays gut aussieht.

• 52Mobildesign: Grundlagen und Techniken
• 70JvaScript mit MVC
• 76Infografiken mit D3.js
• 923D-Modelle flott im Browser darstellen
• 102Echtzeitanwendungen mit WebRTC

Aktion

• ProfitBricks-Cloud-Aktion; Laufzeit bis einschließlich 30.04.2014

Vollversionen

• NetObjects Fusion 12; Laufzeit bis einschließlich 21.10.2014
• Web Architect Standard 9; Laufzeit bis einschließlich 15.10.2014
• WebSite X5 Home 10; Laufzeit bis einschließlich 21.10.2014

E-Books

• Don’t Panic – Mobile Developer’s Guide to the Galaxy
• Einführung in Node.js

Video-Tutorial

• Kapitel aus HTML5 und CSS3 – Die neuen Webstandards im praktischen Einsatz

Content Management

• Contao 3.1
• Dokuwiki 2013-05-10a
• Drupal 7.23
• Joomla! 3.1.5
• Textpattern 4.5.4
• Typo3 6.1.5
• WordPress 3.6.1

Frameworks

• AngularJS 1.0.8
• Backbone.js 1.0.0
• Blueprint 1.0.1
• Bootstrap 2.3.2
• Colorbox 1.4.31
• DataTables 1.9.4
• Ember.js 1.0.0
• impress.js 0.5.3
• Jeditable 1.7.1
• jQuery
• jQuery Mobile 1.3.2
• Less.js 1.4.1
• MODX Revolution 2.2.9
• Node.js 0.10.19
• Parsley.js 1.1.18
• reveal.js 2.5.0
• SceneJS 3.1
• Three.js r61
• Unsemantic
• Video.js 4.2.1
• YAML 4.1.2

benötigt man überhaupt noch eine eigene Website? Aber sicher! Auch wer bei Diensten wie Facebook, Google+ und Wordpress.com aktiv ist, profitiert von einer zentralen Präsenz, auf der er selbst Herr über Design und Funktion ist. Ob nur als Verweis auf Inhalte in sozialen Netzwerken oder aber als mit Webanwendungen gespicktes Vorzeigeprojekt – der Webauftritt unter eigener Adresse gibt Ihnen in dieser schnellen Zeit irgendwas, das bleibt.

Dieses Heft deckt dazu die gesamte Bandbreite dessen ab, was eine Website leisten kann. Sein Fokus liegt auf der Praxis: Nahezu alle Artikel enthalten Tipps oder Anleitungen, die Sie direkt auf Ihrer Website umsetzen können. Auf der Heft-DVD finden Sie eine Fülle von Listings. Außerdem haben wir einige Vollversion professio neller Webwerkzeuge draufgepackt.

Webeinstieg

• 6 Vereins-Website an einem Nachmittag
• 14 Eleganter Einseiter als persönliche Homepage
• 18 Die Website mit sozialen Medien kombinieren
• 22 Bloggen aus der Dropbox
• 24 Hausverbot für Trolle
• 32 Blogger und das Presserecht
• 36 Eigene Webforen mit phpBB



Webdesign

• 42 Mit Online-Webfonts die eigenen Seiten verschönern
• 46 Große HTML-Tabellen übersichtlich darstellen
• 52 Mobildesign: Grundlagen und Techniken
• 58 Responsive Webdesign mit Foundation CSS
• 62 Entwickler-Pidgin Markdown



Webprogrammierung

• 64 Einstieg ins JavaScript-Framework jQuery
• 70 JavaScript mit MVC
• 76Infografiken mit D3.js
• 84 HTML-Elemente animieren – nur mit CSS
• 88 3D-Transformationen mit CSS
• 92 3D-Modelle flott im Browser darstellen
• 96 Mehrere Dateien parallel hochladen
• 102 Echtzeitanwendungen mit WebRTC