Geronimo89.dk

A blog about me, my doings and everything I think deserves attention.

HTML5 Workshop

HTML5 Logo 128 HTML5 Workshop
Monday and Tuesday we had some great lessons with our external teacher Jeremy Keith from clear left. He stripped the lessons down to the changes in elements and semantics of the web and specifically HTML5.

We did some exercises on document outlines and how <section> and <hgroup> influence them. Also the theories behind HTML5 as a living standard (as proposed by the whatWG and HTML5 as a standard as formerly shaped by the w3c were discussed. We had a complete workshop how to use HTML5 with its new semantics right now and how to provide complete backward compability.

I’ll get into that in another post, because my time-shedule is a little tight right now.

Thank you very much Jeremy for clarifying and also taking a look at our portfolios for improvement!

Only 1 comment so far

Adobe likes HTML5 and SVG

dw html5 upd Adobe likes HTML5 and SVG

Finally! Adobe is moving closer to the upcoming HTML5 standard and working on Illustrators SVG support. Adobe making an effort here is a positive sign from this multi billion company, because SVG can be considered a competitor to .ai and .eps. Going with open standards, both in mark-up and the open vector format is important for the future of webdesign, because so many cutting edge designers are using Adobes Creative Suite. (Now they just have to abandon Flash and release ther Creative Suite for Linux :> *scnr*)

In the official announcement from Adobe labs of the update further information can be found. So from me a thumbs up for open standards from me icon wink Adobe likes HTML5 and SVG

Give me the first comment

HTML5, Browsertest und Demos

html5test HTML5, Browsertest und Demos

HTML5 kommt. Wann es einsatzfähig sein wird ist unbekannt, was es können wird noch nicht ganz klar, aber dass es etwas kann, zeigt es bereits eindrucksvoll. HTML5 bringt in jedem Fall höhere Interaktivität, das <video> Element, mit dem dann endlich auf Flash als Videotransport verzichtet werden kann.

Auf html5test.com kann man seinen Browser auf Kompatibilität zu geplanten Features von HTML5 testen lassen und bekommt ausgiebiges Feedback, was unterstützt wird und was nicht. Die getesteten Features beschränken sich übrigens nicht auf das nackte HTML5, sondern beziehen unter anderem Geolocation/Geotargeting mit ein.

Wozu Browser mit HTML5-Unterstützung so in der Lage sind, kann man sich hervorragend auf chromeexperiments.com (nicht nur für Google Chrome und Chromium) ansehen. Verschiedene Demos zeigen u. a. die von mir bereits vorgestellte kleine Applikation Harmony, ein unterhaltsames Spiel in dem man möglichst große Kettenreaktionen hervorrufen muss: Chain Reaction, ein erweitertes Malwerkzeug namens Sketchpad und die Bildbearbeitung im Browser, Darkroom.

Warum es sich lohnt einen aktuellen Browser für HTML5 zu installieren:

  • Videos im Browser gucken, ohne zusätzliche Plugins (schneller, unproblematischer)
  • Webmaster kontrollieren regelmäßig, welche Funktionen von den Browsern der Nutzer unterstützt werden, je mehr HTML5-fähige darunter sind, desto wahrscheinlicher ist es, dass neue Technologien sinnvoll implementiert werden können

Chromium/Chrome und Safari streiten sich zur Zeit um den ersten Platz, der Internet Explorer bildet das Schlusslicht und Firefox befindet sich mit Opera im Mittelfeld. Die Werte schwanken auch nach installierten Codecs, sind also nicht ausschließlich browserabhängig.

Wie man oben erkennt erreicht mein Chromium (standard aus den Ubuntu repositories) 197 + 7 bonus Punkte.

Schreibt doch mal in die Kommentare wie das bei euch so aussieht, mit verwendetem Browser und Betriebssystem.

2 comments already

New NoMA website

I really appreciate, that my academy is remaking the website, anyways, there is room for improvement in following areas:

  1. design consistency
  2. semantics
  3. readability

Design Consistency:

In the menu on the left, there are rounded boxes and dropshadows, nowhere else, the background image varies for widget boxes on the right and the overall background. The style of the icons (compare top right to social media) and also the headlines to the right vary a lot. Some of them are type, some are images.

Semantics:

The whole left main navigation is one picture. It is not optimizeable for search engines and uses an image map. No HTML5 elements are used at all, which would also improve machine readability. Headlines are not in <h1> to <h6> tags.

Readabilty:

The font for the headlines is very thick and not easy to read, especially not when it gets below 30px. In the lower corner there is even some “webfont” logo, I recommend checking out fontsquirrel.com. The background image is very noisy and too intense for good readability.

Conclusion:

I’m not mad about that my portfolio is not featured, I just point out the things that really struck me. I hope my critique is perceived in the respectful way it is meant to be.

2 comments already

pretty video hosting: vimeo

Intro: vimeo, but there is youtube?

Youtube is for the masses, it’s fast, works like a charm, except on mobile devices and supports a bit of styling of your channel. Recently they’ve also started a beta for html5 video. On vimeo you don’t have instant uploads if you’re not a premium user, your HD videos are limited to 1 per week and a much smaller community. This does not sound good as a starting point? Let me explain why, in my opinion, it’s still a good service to use and a community worth diving into.

vimeo’s key features

As vimeo is more aimed at creators and not just at everyone having audio-visual data like video blogs or anime AMVs, they implemented a really nice function for crediting people who also have a vimeo account. They are listed below the viewed video. Also the player offers you more flexibility and even in the standard settings looks just better than youtubes old grey interface.

Another reason to use vimeo is the community. If you take a look at the comments on some of the videos you might find a lot more constructive criticism and interesting statements compared to youtubes communities one-liners and flames.

vimeo’s user page

vimeo user profile pretty video hosting: vimeo

This is the user page of Angeline Gragasin, I can recommend her videos. The design of the user pages is simple, withholds a lot of information, but not in simple values but in easily accessible and sexy layout. Again some of the functions are limited for non-premium members, but design and feel of the site are maintained through any type of user account.

non plus user limitations

  • low priority of converting video on upload
  • 500MB of uploads per week
  • 1 HD video per week
  • 1 group membership
  • 1 channel creation

If you’re not into extensive film making and upload a lot of content at once, the normal account should work for you. Also you need some patience when you upload a video, cause it can take hours for a video of seconds to be uploaded and available. A vimeo plus account is 59.95$ a year and you can find more information on it on vimeo.com/plus

So if you are creating audio-visual content, if you’re a director, 3D- or 2D-animator I can strongly recommend you to take a look around vimeo.

2 comments already