U5 Mobiles Webdesign (AP2016 KG)

bald mehr…

 

hier verwandtes:

Geschützt: Übungsaufgaben zu Mobilem Webdesign

Geschützt: Übungsaufgaben zu Mobilem Webdesign

Es gibt keine Kurzfassung, da dies ein geschützter Beitrag ist.

Webfarben (LF5)

Webfarben (LF5)

auch als Hexcode: (ff,0,ff), entspricht Magenta…

Webfarben (Videos (LF5))

Warum Webfonts?

Webfonts sorgen für ein vielfältiges und angenehm lesbares Internet. Die Online- Schriften sind ausschließlich für den Einsatz im Internet angefertigt. Webdesigner sind endlich nicht mehr allein auf die wenigen Systemschriften angewiesen, die bei allen Website-Besuchern installiert sind. Webfonts werden so in den Code einer Website programmiert, dass HTML-Texte für alle Besucher die gleiche, individuelle Typografie aufweisen…

[Weiterlesen]

Grid – eine einfache Einführung in Responsive Webdesign

Grid – eine einfache Einführung in Responsive Webdesign

Grid – eine einfache Einführung in Responsive Webdesign Autor: Ilja ZaglovDatum: 24.05.2014, 13:42 Uhr Willst du schnell den Einstieg in Responsive Webdesign finden oder die Basics auffrischen? Mit diesem Tutorial ist beides kein Problem. Grid – eine einfache Einführung in Responsive WebdesignGrid LogoResponsive Webdesign ist keine Zauberei: Dennoch ist die richtige Herangehensweise an die Herausforderungen…

[Weiterlesen]

Responsive Webdesign Workflow

Responsive Webdesign Workflow

Responsive Webdesign verkaufen: So sieht der optimale Workflow aus Mit „Responsive Webdesign“ werden oft nur die technischen Komponenten in Verbindung gebracht – wie Breakpoints, Responsive Images und progressive Enhancement. Kein Wunder, dass RWD-Projekte zum Scheitern verurteilt sind. Denn Responsive Webdesign ist deutlich mehr. Es ist eine (im Grunde gar nicht so) neue Sicht auf den…

[Weiterlesen]

Conversion-zentriertes Design

Conversion-zentriertes Design

Die 7 Prinzipien von Conversion-zentriertem Design Wie sollte eine Seite gestaltet werden, um die maximale Conversion-Rate zu erreichen? In einer ausführlichen Präsentation versuchen die Marketing-Experten Oli Gardner und Dan McGaw diese Frage zu beantworten. Oli Gardner von Unbounce und Dan McGaw von KISSmetrics haben sich mit der Frage beschäftigt, wie eine Seite gestaltet werden sollte,…

[Weiterlesen]

blink-Tag: Google-Easteregg bringt den Usability-Fail der 90er zurück

blink-Tag: Google-Easteregg bringt den Usability-Fail der 90er zurück Ein Google-Easteregg bringt den vielleicht größten Usability-Fail der 90iger zurück. Das blink-Tag. Probiert es aus! Das blink-Tag sorgte für Aufmerksamkeit: Flackernde Texte überall Einige von euch werden es noch kennen: das blink-Tag. In den 90iger-Jahren mussten Webseiten vor allem aus der Masse herausstechen – der mit dem…

[Weiterlesen]

CeBIT Relaunch – Responsive. Flat. Fun.

CeBIT Relaunch – Responsive. Flat. Fun.

Die CeBIT erhält ein neues digitales Profil – und eine neue Website. Getreu dem Motto „Mobile First“ wurde die cebit.com im Responsive Design umgesetzt – sprich alle Inhalte sind unabhängig vom Endgerät von Desktop über Tablet bis Smartphone gleichermaßen abrufbar. Jedoch nicht nur das Design wurde überarbeitet; auch die gesamte inhaltliche Strategie wurde neu ausgerichtet….

[Weiterlesen]

Flexbox im Praxiseinsatz

Flexbox im Praxiseinsatz

 

Hover.css: 50 Hover-Effekte für deine Webseite

Hover.css: 50 Hover-Effekte für deine Webseite

Hover.css: 50 Hover-Effekte für deine Webseite Hover.css bietet dir eine Sammlung von Hover-Effekten, die du auf verschiedene Elemente deiner Website anwenden kannst. Heute stellen wir dir diese kleine, aber feine CSS-Bibliothek kurz vor.   Mit CSS3 stehen Webworkern viele Möglichkeiten zur Verfügung, um Websites noch spannender zu gestalten. Eines der interessantesten Features sind CSS-Transitions, die…

[Weiterlesen]

Mobile Nutzerzahlen und Trends – Responsive Webdesign Artikel | Webdesign Forum

Um zu klären wie wichtig das Thema Responsive Webdesign überhaupt ist, sind zunächst konkrete Werte zur aktuellen Entwicklung der mobilen Nutzerzahlen wichtig. Denn je mehr Nutzer die eigene Webseite über das Smartphone oder Tablet besuchen, desto wichtiger ist auch eine angepasste Darstellung an das entsprechende Endgerät. Immer mehr Menschen nutzen Smartphones. Zu dieser Erkenntnis kommen…

[Weiterlesen]

Responsive Webdesign

Wenn Farben im Internet nicht so aussehen wie sie sollten…

Wenn Farben im Internet nicht so aussehen wie sie sollten…

… liegt’s meistens am Farbmanagement   Drei Einflussgrössen, Monitor, Betriebssystem und Browser sind für die farbliche Darstellung verantwortlich. Untenstehende Farbkontroll-Grafik bietet die Möglichkeit einer schnellen Überprüfung der Farbfähigkeit von Monitor, Betriebssystem und Browser.   Wenn alles passt – zeigt der Gamma-Checker PC an – sehen beide Bilder identisch aus – erscheint eine einheitliche blaue Farbfläche,…

[Weiterlesen]

Facebook rennen jugendliche Nutzer davon

Facebook rennen jugendliche Nutzer davon

Schwindend ist die Beliebtheit von Facebook bei Jugendlichen, wurde jetzt im Rahmen einer Studie ermittelt, die auch von der EU mitfinanziert wird. Ein simpler Grund für das Abwandern der 16 bis 18jährigen ist wohl der, dass zunehmend Erwachsene, also auch Eltern in sozialen Netzwerken unterwegs sind. Und spätestens wenn Mutter auf Facebook die Tochter um…

[Weiterlesen]

Responsive Webdesign testen mit Duo

Responsive Webdesign testen mit Duo

Duo ist ein Browser, der dabei helfen soll, Responsive Webdesign zu testen. Dazu stellt er eine mobile Ansicht neben einer Desktop- oder Tablet-Ansicht dar.   Responsive Webdesign: Duo hilft beim Testen von Webseiten. (Bild: Apple App-Store) Responsive Webdesign: Duo hilft beim Testen von Webseiten. (Bild: Apple App-Store)   Respsonsive Webdesign: Duo soll die Arbeit vereinfachen…

[Weiterlesen]

Responsive Icons

Responsive Icons

Responsive Icons: The next big thing?   Responsive Icons beheben ein Art-Direction-Problem, über das du dir wahrscheinlich noch gar nicht im Klaren bist. Sind Responsive Icons wirklich das nächste große Ding oder eher unnötige Spielerei? Wir verraten dir unsere Einschätzung.   Icons sind das Mittel der Wahl, wenn es darum geht, eine Methode zur Visualisierung…

[Weiterlesen]

Adaptive Website vs. Responsive Website

Ein kurzer Screencast, der euch an zwei Live-Beispielen den Unterschied zwischen den Website-Typen „Adaptive“ und „Responsive“ zeigt. Das Video ist Bestandteil des Artikels „Adaptive Website vs. Responsive Website“

Das ist doch gar nicht „responsive“!

Das ist doch gar nicht „responsive“!

  Responsive, Adaptive, Fluid, Mobile First oder Elastic – wir alle haben davon gehört, aber was bedeuten diese Begriffe eigentlich genau? Ein Guide ohne eine einzige Zeile Code. Vor drei Jahren, genauer gesagt am 25. Mai 2010, hat Ethan Marcotte einen legendären Artikel auf „A List Apart“ veröffentlicht, der die Web-Entwicklung nachhaltig verändert hat. Fast…

[Weiterlesen]

Was bedeutet Media Queries / Media Query?

Was bedeutet Media Queries / Media Query?

Bei einem Media Query handelt es sich um ein CSS-Technik, mit der innerhalb eines Stylesheets gerätespezifische Eigenschaften abgefragt werden können. Zu diesen Eigenschaften gehören beispielsweise die Größe des Viewports, die Abmessungen des Bildschirms, die Auflösung des Displays oder die Ausrichtung eines mobilen Endgeräts (Hoch- oder Querformat). Media Queries sind elementarer Bestandteil des sog. „Responsive Webdesign“;…

[Weiterlesen]

Responsive Webdesign (Videos)

Mobile First, Content First – Responsive Webdesign – MyVideo

HTML & CSS (Videos)

Das Boxmodell: Die Navigation: Headerbild: Spaltenlayout: Inhalte:

CSS-Boxmodell (Videos)

Video im Internet • Videos in Webseiten einbinden

Video im Internet • Videos in Webseiten einbinden

Speicherformate für Video im Internet Video für Webseiten Generell muss jedes Video für das Abspielen auf einer Webseite im Internet vorbereitet werden: Speicherformat, Codecs, Auflösung und Bitrate sind die vier Parameter für Video im Internet. Die Frage nach dem besten Video-Format, dem besten Codec oder der optimalen Bitrate erübrigt sich im Internet: Hier wird das…

[Weiterlesen]

Weblayout berechnen

Weblayout berechnen Konzeption und Gestaltung, Fachrichtung Gestaltung und Technik (Digital) Hier dürfte es um die Aufteilung von Screens in bestimmten Verhältnissen gehen. 37  Ein 960 Pixel breites Weblayout soll horizontal im Verhältnis 2 : 10 : 4 in Navigations-, Content- und Servicespalte aufgeteilt werden. Geben Sie bitte die Breiten der drei Spalten sowohl in Pixel als auch in Prozent an….

[Weiterlesen]

Screenlayout berechnen – Screendesign optimieren

Einen interessanten Artikel zum Thema Screenlayout findet ihr hier: http://www.pahl-4u.de

CSS-Bibliotheken und Frameworks

CSS-Bibliotheken und Frameworks

7 CSS-Bibliotheken und Frameworks, von denen du gehört haben solltest CSS-Bibliotheken und Frameworks ersparen viel Zeit beim Entwickeln von Web-Projekten. Wir haben sieben Frameworks zusammen getragen, von denen man schon mal gehört haben sollte. CSS-Bibliotheken und Frameworks sind nützliche Wegbegleiter, wenn es darum geht neue Websites zu erstellen. Einige Bibliotheken beinhalten nur die wichtigsten Elemente,…

[Weiterlesen]

Intention.js im Überblick

Intention.js im Überblick

Das nächste Level im Responsive Design? Intention.js im Überblick Autor: Mario Janschitz Datum: 15.10.2013, 08:30 Uhr Responsive Design ist in aller Munde. Zurecht. Neben Media Queries, spannenden HTML-Konstrukten und diversen Scripts gibt es jetzt intention.js: HTML-Transformation für verschiedene Ausgabegeräte. In einfachen Worten und aus technischer Sicht kann gesagt werden, dass im Responsive Design Media-Queries genutzt…

[Weiterlesen]

Webdesign-Grundlagen für mobile Websites

Webdesign-Grundlagen für mobile Websites

Praxis-Guide: Webdesign-Grundlagen für mobile Websites Aus dem t3n Magazin Nr. 28 06/2012 – 08/2012 Autor: Jonas Hellwig Online gestellt: 02.11.2012 Das Web ist mobil und Trends wie Responsive Webdesign sind in aller Munde. Doch es gibt auch andere mobile Ansätze und der Weg zur perfekten mobilen Website ist steinig. Wir zeigen, welche konzeptionellen und gestalterischen…

[Weiterlesen]

Was ist Responsive Webdesign?

Was ist Responsive Webdesign? Responsive Webdesign beschreibt eine Technik des Webdesigns, die es ermöglicht, Internetseiten auf diversen Endgeräten anzuzeigen, ohne dass der Nutzer hierfür unterschiedliche Versionen aufrufen muss. Vielmehr erkennt die Website selbst, welche Version für das Gerät des Nutzers die richtige ist, und spielt jedem Besucher die für ihn optimale Ausgabe aus. So werden…

[Weiterlesen]