Kategorie-Archiv: HTML5

  • safari

    Safari == MSIE

    Zitat: „Es ist schwer herauszufinden, warum Apple so vorgeht. Sie schicken nie jemanden zu Web-Konferenzen, ihr Surfin‘-Safari-Blog ist nur noch ein Schatten seiner selbst, und bis zum nächsten WWDC weiß keiner, was die nächste Version von Safari enthalten wird. Auf eine Art ist Apple wie Santa Claus, der einmal im Jahr zu uns runterkommt, um uns ein paar sehnlichst erwartete Geschenke zu bringen, ohne Vorwarnung, welche unserer Wünsche er dieses Jahr erfüllt. Und offen gesagt sind die Geschenke in der letzten Zeit immer kleiner geworden…“ Quelle: http://t3n.de

    Zur Obstkritik

  • uidesign

    Material Design

    Was auch immer dies heißt – Google gibt hier offenbar die zukünftigen Webstandards für UI- oder GUI-Designer, Webdesigner und Entwickler mit Gestaltungshintergrund vor. Der Name beschreibt nicht zu 100% das, was dahintersteckt. Die Idee ist gut und Googles Flat-Design inklusive der grundlegenden Animationen bzw. Transitions für Aktionen oder Interaktionen trägt eine klare Sprache. Bild/Video: Google

  • sportos_relaunch_600

    WordPress!

    Dass man mit WordPress sehr passable Websites erstellen kann, ist usus. Vielen immer noch als Blogging-Engine geläufig und geschmäht für den Einsatz als CMS, kann ich nur sagen – ich liebe es. Webdesign für Kunden bedeutet oft: Es muss bedienbar sein – und nun hat es scheinbar auch der Mittelstand begriffen – auf den wichtigsten Endgeräten laufen…Mein neuestes Projekt: Der Relaunch der Website für die Sportoberschule Dresden. Funktioniert sogar im IE! Mit dabei: XML-Importe für Vertretungspläne – hier war der WP-All-Import das geeignete Tool. Nicht unerwähnt möchte ich das Basistemplate lassen. Es ist das Theme „16“ von Oliver Gast einem unermüdlichen Webworker und WordPressentwickler.

  • genericons

    Genial

    Genericons sind ja nun nicht neu – der Ansatz, fontbasierend Icons via CSS einzubinden und diese dann auch mit allen Optionen editieren zu können, begeistert mich immer wieder! Das ganze ist ja auch noch vektorisiert und damit skalierbar bis zum Himmel…

    Falls es immer noch Webentwickler gibt, die von alledem keine Ahnung haben – hier der entsprechende Link.

  • engineering

    Browserstats

    Erschreckend ist`s, wenn man mal wieder in die Statistik schaut. Man glaubt es kaum mehr – aber der Liebling aller Webdesigner ist allgegenwärtig. 54% Marktanteil hat der Internet-Explorer (MSIE) – nach wie vor – und etwas versöhnlich stimmt die Tatsache, dass dieser nun wenigstens mit den Basics des modernen Webdesigns umgehen kann. Effektvolle Websites mit den Versionen < 9,10,11 aufzurufen, löst extreme Kopfschmerzen aus! Der WinXP-Support läuft ja 2014 aus – doch sehr viele nutzen auch weiterhin die „alte“ Technik. Mac-User sind da schmerzbefreiter… Bildquelle: ferchau.engineering

  • parallaxen

    Parallaxen

    Die neuen Möglichkeiten in HTML5 & Co machen experimentierfreudiger denn je.
    Parallax-Scroller bieten auch einige reizvolle Navigationsprinzipien. Unter FirefoxOS kann man die vertikale Scrollfunktion des Browsers mal ausreizen. Bei Billy`s Diner ist es der reine Effekt. Irgendwie Trend in 2013 gewesen… Ich würde es fast mit dem Wischeffekt beim Touchscreen vergleichen – sogar mit der Chance, 3D-Umgebungen zu simulieren. Vielleicht wird man sich daran gewöhnen müssen. Ich habe es als „Underwater“-Effekt ebenfalls mal integriert und bin irgendwie fasziniert…

  • Viel Kaffee!

    Lieber mehr weniger.

    Wie und in welcher Form  – schnell und gut präsentieren? Darum geht es bei Layout-und Screendesign, insbesondere wenn man benutzerfreundlich ankommen will…

    Über responsibles Webdesign wird auch hier heftig gegrübelt – als wenn es nicht schon schwer genug wäre, es jedem und allen Recht zu machen. Barrierefrei, browserübergreifend und natürlich konsistent im Erscheinungsbild sollten gute Websites, Portfolios oder eShops schon programmiert sein, um sich als Lesezeichen einen gebührenden Platz in den persönlichen Hitlisten zu sichern!

    Das wird auch immer das Hauptthema des von L@b404 bleiben. Ob der schönen unendlichen Möglichkeiten ist eine Website ja auch nie richtig fertig. Manch Designer wird dies anders sehen. Hier wird aber dennoch öfter mal umgebaut, denn für einige (mobile) Geräte auf dem Markt sind noch keine Breakpoints gesetzt. Und die Liste wird immer länger. Die wichtigsten sind:

    • 320 Pixel (iPhone Hochformat)
    • 480 Pixel (iPhone Querformat)
    • 649 (Kleines Tablet Querformat)
    • 768 Pixel (iPad Hochformat)
    • 1024 Pixel (iPad Querformat)
    • 1200 Pixel (Laptop)
    • 1600 Pixel (Mega-Displays und TV)
  • flash-logo

    Creme Flash

    Trotz aller Hoffnungen, dass HTML5 die Flash-Anwendungen für Webvideos und vieles mehr überflüssig machen würde, bleiben einfach noch zu viele Hürden. Die Unmengen von Flash-Inhalten – wie etwa Advertising-Files – werden so bald kaum verschwinden!

    HTML5 ist ein zeitintensives Medium für Kreative und immer noch nicht in allen Browsern und Plattformen konsistent umzusetzen. Das ist sicher die größte Enttäuschung : Selbst der sauberste HTML5-Code liefert nicht die saubere Performance, die ein gut kodierter Flash-Film bietet… (frei übersetzt | Quelle: WDD)

    Zum Originalbeitrag

  • beauty

    UX meets scrolltop

    Alles gut und reizvoll – die herrlichen Möglichkeiten, die uns die HTML5-Welt so bietet. Da wird gescrollt und getraggt, gemouseovert und vieles andere mehr. Es geht fast alles – natürlich muss man den richtigen Browser verwenden – es soll ja noch Leute geben, die gar nix von der Existenz geeigneterer Web3.0-Tools wissen – sich lieber mit dem vorinstallierten Microsoft-Browser rumärgern… One-Page-Sites sind eine schöne Sache – weil sehr interaktiv und oft mit vielen Effects versehen – auch hier gilt dennoch: Less is More.

    Eine Website wie http://moto.oakley.com ist wahnsinnig gut gemacht – wenn man nicht unbedingt was Bestimmtes schnell sucht. Hier geht alles mit den Pfeiltasten – man muss es nur wissen… Bildquelle: webdesignerdepot.com

  • AdamWest

    Publishing Ideas

    Ein schnell konfigurierbarer VideoPlayer für alle Anforderungen – ist der JW-Player.
    Viele Unternehmen, Blogger, Designer und Entwickler verwenden diesen, um ihre Videos zu teilen.

    Durch die duale HTML5 & Flash-Wiedergabe ermöglicht der Player atemberaubende Videos auf mobilen Geräten genauso wie auf dem Desktop. In der aktuellen Version 6 sind zehn topaktuellen Funktionen integriert. Man kann auch die freie Version des JW-Players in beiden Varianten verwalten –  Cloud- oder self-gehosted.  Es muss also nicht immer nur der Youtube-Channel sein!

    Hier gibts den JW-Player

  • jquery

    jQuery Mary

    Alles, was der Webdesigner von heute so braucht[?] – und das unter dem Motto:

    „[Always*with_a][ Difference]; „

    Ausgehend von CSS3 Mediaqueries über Less bzw. Sass gibt es so schöne Tools – wie GridPak , die einem viel Zeit beim Layouten sparen. Die Zeitersparnis wird allerdings vom Internet Explorer   – zumindest bis Version 9/10 – wieder völlig zunichte gemacht. Viele Frontend-Spezialisten wissen, wovon die Rede ist. Um moderne Websites auch auf dem Microsoft-Browser korrekt anzeigen zu können, wurden und werden auch immer noch Browser-Weichen sowie alternative Style-Sheets integriert.

    Erstaunlich ebenso ist, wie lange sich ein so schlechtes Produkt gegen die stets W3C-konformeren und besser zu navigierenden Browser wie Firefox, Chrome oder Safari behaupten konnte.

    Ohne die Monopolstellung unter Windows hätte das nie funktioniert. O.g. aktuelle Versionen unter Win7 und 8 scheinen nun auf dem Weg der Besserung. Es wurde echt höchste Zeit…

  • Flexibel genug?

    Responsive oder Quatsch?

    Kontroverse in Boomzeiten der Responsive-Offensive. Diskussionswürdig allemal – die User Experience wird es immer zeigen…

    Warum responsive Webdesign Schrott ist…(?)


    Und deshalb habe ich gleich mal ein responsives Template installiert, um zu testen, was man damit alles so machen kann.  Der Slider im Header brauchte schon noch so kleine Anpassungen – ist aber nun schön herunterskalierbar und auch auf einem Tablet PC/ iPad, Androidhandy oder dem iPhone noch funktional.

    Sehen kann man das hier