Browsed by
Category: Web Technologies

This category covers Web Technologies such as HTML, CSS, Javascript.

CSS Variablen

CSS Variablen

Der Begriff «Variable» ruft bei vielen Designern und MMP Studierenden ein Stirnrunzeln hervor. Variablen gehören in die Welt der Programmierung und nicht zum Thema Design. Diese Zeiten sind vorbei! Auf Caniuse erkennt man, dass die modernen Browser die CSS Variablen unterstützen. Es ist nicht mehr nötig, dafür LESS oder SASS (resp. SCSS) zu verwenden: Beispiel zur Illustration Bei der Gestaltung eines Corporate Designs werden zum Beispiel immer wieder die gleichen Schrift- oder Hintergrundfarben verwendet. Statt mehrfachen Definitionen lassen sich Variablen…

Read More Read More

Interessantes Story Telling Tool

Interessantes Story Telling Tool

StoryMap ist ein Open Source Tool, mit welchem Orte mit einer Reihe von Ereignissen verknüpft werden können: Auf der Beispielseite ist eine unkonventionelle Anwendung zu sehen. Die Details eines Gemäldes von Hieronymus Bosch werden mit Detailbeschreibungen hinterlegt, eine clevere Idee! Die Kunst ist, solche Werkzeuge zielgerichtet einzusetzen.

«AR, VR und MR ante portas»

«AR, VR und MR ante portas»

Der Spruch «Hannibal ante portas» geht auf den römischen Politiker und Schriftstellers Cicero zurück. Es ging um die Angst, dass der karthagische Feldherr Hannibal im 2. Punischen Krieg (218-201 v. Chr.) Rom erobern würde. Heute stehen Augmented , Virtual und Mixed Reality vor der Tür und beschäftigen viele Entwickler (Unterschiede der Technologien). Seit einigen Wochen funktioniert auch WebAR viel einfacher. Ohne Plug-Ins lassen sich via WebCam oder Smartphone zusätzliche Inhalte auf Markern darstellen. Alexandra Etienne zeigt in einem Blogeintrag, wie…

Read More Read More

Web Developer Roadmap

Web Developer Roadmap

Für das Web schiessen fast täglich neue Frameworks und Bibliotheken wie Pilze aus dem Boden. Es wird immer schwieriger die Übersicht zu behalten oder gar die verschiedenen Werkzeuge im Detail zu kennen. Kamran Ahmed veröffentlichte kürzlich eine grafische Roadmap für Back- und Frontend-Technologien. Es wäre ein spannendes Projekt für den HTW Studiengang Multimedia Production daraus eine interaktive Lösung mit weiteren Hintergrundinformationen zu entwickeln.

CSS Grid Layout

CSS Grid Layout

In einem Blogeintrag vom August 2017 stellten wir das CSS Grid Layout vor mit der Bemerkung «weit entfernt von einer sauberen Browser-Unterstützung ist das CSS Grid Layout». Seit März hat sich das geändert wie in Caniuse zu sehen ist: Die modernen Browser unterstützen die CSS-Grids. Das Tool Griddy erlaubt, CSS Grid Layouts via Menü zu erstellen – ganz ohne Codierung! Griddy unterstützt das Spalten- und Zeilenlayout sowie die neue Einheit fr.

VR für das Web

VR für das Web

«Virtual Reality» für das Web steckt im Moment noch in den Kinderschuhen, der Blog gibt einen kurzen Stand der Dinge. VR bietet neuartige Möglichkeiten, Inhalte darzustellen. Viele Fragen in Bezug auf Usability und User Experience müssen noch erforscht werden. In einem Artikel in der NZZ über AR/VR wird hingewiesen, Intel nenne die Kombination von Augmented und Virtual Reality neu Merged Reality. Wie kann man VR für das Web erstellen? Es gibt einige Möglichkeiten, um VR für das Web zu produzieren,…

Read More Read More

Layouten im Web

Layouten im Web

Das Gestalten anspruchsvoller Web-Layouts für Magazine, Zeitschriften, Webseiten etc. mit Hilfe der Cascading Style Sheets (CSS) ist herausfordernd und dauernden technologischen Änderungen unterworfen. Bei Web-Designern gilt das Umsetzen eines Layouts mit mehreren, gleich hohen Spalten als «Holy Grail». Ein wichtiger Punkt des «Holy Grail» Layouts ist, dass sich bei einer Vergrösserung der mittleren Inhalts-Spalte sowohl die linke als auch die rechte Spalte automatisch in der Höhe anpasst (Bild Quelle: Wikipedia). Nebst dem Erstellen von gleich hohen Spalten ist das Platzieren von…

Read More Read More

News für HTW Multimedia Producer (16. September 14)

News für HTW Multimedia Producer (16. September 14)

«Von den Schweizern abgeguckt» sagt die NZZ über die neue Apple Watch. Was bedeutet diese Entwicklung für den Multimedia Producer? Swisscows — die andere Suchmaschine Swisscows versteht sich als Antwortmaschine mit einer cleveren Benutzeroberfläche. Polar—online Bildbearbeitung Mit Polarr lassen sich die Bilder direkt im Browser bearbeiten  Narrative Kompetenz: Geschichten erzählen mit dem WordPress Plugin Storyform  

News für HTW Multimedia Producer (27. Mai 2014)

News für HTW Multimedia Producer (27. Mai 2014)

Die Evolution des Internets als interaktive Slide Show Gut gemachte Slide-Animation von Cablecom Otto macht GIFs Ein kreatives Kickstarter Projekt. Die Kamera basiert auf einem Raspberry Pi Responsive Webdesign: So sieht der optimale Workflow aus Ein interessanter Artikel in T3N Das intelligente Fahrradschloss Eine Anwendung für das Internet der Dinge Strategiewechsel bei «Newsweek» Details, warum die gedruckte Ausgabe wieder lieferbar ist. In diesem Zusammenhang auch interessant: Artikel «Nur jeder Vierte ist bereit, für digitale Inhalte zu zahlen» aus Schweiz am…

Read More Read More