Archiv für August, 2011

Zusammenstellung von HTML5 Websites

August 16th, 2011

Designmodo hat eine tolle Liste mit HTML5-basierten Websites zusammengestellt. Darunter sind viele alte Bekannte aber auch ein paar schmucke neue Websites. Schaut’s euch an.

html5websites Zusammenstellung von HTML5 Websites

45 Examples of Websites Designed with HTML5 von Designmodo

 

CSS3 für Designer per Photoshop-ähnlichem Interface – Layer Styles

August 10th, 2011

Jeder Designer, der mit Photoshop arbeitet kennt sie: die Ebenenstile. Ebenenstile ermöglichen es, eine Kombination verschiedener Ebeneneffekte wie Schatten, Kontur oder Farbüberlagerung als Paket abzuspeichern, um später auf sie zurückgreifen zu können. Felix Niklas hat das User Interface dieser Photoshop-Funktion nun für ein eigenes Projekt übernommen, einen grafischer CSS3 Editor namens Layer Styles.

Photoshop-User werden damit sofort zurecht kommen, aber auch für Nutzer anderer Grafikprogramme ist die Funktionsweise im Prinzip selbsterklärend – per Schieber und Checkboxes können verschiedene Effekte ausgewählt und deren Parameter angepasst werden. Das Ergebnis des erstellten CSS-Stils kann sofort in einer kleinen Vorschau betrachtet werden und per Klick auf “CSS Code” am linken unteren Bildschirmrand bekommt man den dazu passenden CSS Code ausgespuckt. Wirklich sehr gelungen!

layerstyles w530 CSS3 für Designer per Photoshop ähnlichem Interface   Layer Styles

Grafischer CSS Editor Layer Styles

Eindrucksvolles HTML5 Showcase von Adobe: The Expressive Web

August 2nd, 2011

Unter dem Namen The Expressive Web hat Adobe eine Website gelauncht, die in eindrucksvoller Weise viele Funktionen von HTML5 und CSS3 in der Kombination mit JavaScript vorführt. Dies zeigt wieder mal Adobes Bereitschaft, bei HTML5 mitmischen zu wollen.

expressiveweb Eindrucksvolles HTML5 Showcase von Adobe: The Expressive Web

Eindrucksvolles HTML5 Showcase mad by Adobe

 

Adobe Edge: Neue HTML5 Entwicklungsumgebung für Webanimationen

August 2nd, 2011

Nach Wallaby bringt Adobe ein weiteres Tool, das die HTML5 Entwicklung weiter voran treiben könnte. Adobe Edge soll, ähnlich wie das bereits vorgestellte Hype, das Erstellen von HTML5-Animationen per Timelineanimation ermöglichen. Hierfür verwendet Edge ein auf jQuery basierendes Framework.  Das Endprodukt soll in allen modernen Browsern sowohl auf Desktops als auch auf Smartphones laufen. Eine Vorschauversion der Software kann in den Adobe Labs heruntergeladen werden.

Adobe engagiert sich mehr und mehr im HTML5-Bereich. Ist das eine Erklärung, dass die Entwicklung an Flash irgendwann eingestellt wird? Was denkt ihr?