August 16th, 2011
Adobe Muse

There has been a couple of new releases from Adobe lately in preparation for the arrival of HTML5. And the great news is that both these web packages are free downloads. First up was Adobe Edge, which we talked about here, and now they have released Adobe Muse.

Muse is a web package which lets you create rich HTML5 websites without knowing too much code. Much like Adobe Dreamweaver I guess, but the user interface is more like InDesign. Looking at some early videos it does look promising and easy to use. Lea Hickman, vice president of Design and Web product management at Adobe says “Those who have tested Muse are thrilled that something this intuitive yet powerful is now available.”

Jason Prozora-Plein, quality engineer at Adobe, raises a good point, he says “people don’t hand edit post-script or PDF files for print. In five, ten years I don’t think very many people will be coding in order to design websites”.

You can download a copy of Muse for free from the Adobe website:
http://muse.adobe.com/

Found via the website Gizmodo

 

August 2nd, 2011
Adobe Edge

With the advent of HTML 5, which we talked about here before, there is a lot of really cool things happening in website design and development. In order to keep up with trends Adobe have created Adobe Edge.

Edge is a new web motion and interaction design tool that allows web designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.

Edge will be updated regularly to add new functionality, stay ahead of evolving web standards, and incorporate user feedback to provide the best functionality and experience possible.

Edge has great potential and it should take over Flash for simple to medium projects. However, a lot of people are saying they wouldn’t be surprised if it kills-off Flash in the long run.

 

July 13th, 2011
HTML5. The new website standard

We’ve posted about HTML5 on here before. But what exactly is it? HTML5 is to become the new web standard, it greatly reduces the amount of code web-designers have to use when creating and structuring pages. Perhaps the biggest benefit to HTML5 is the fact that it can handle Video and Audio in the browser, so there’ll be no need for extra plug-ins.

With the inclusion of video in the browser this may do away with the need for Adobe Flash. Apple have already refused to use Flash plug-ins in its iOS, they say its due to the amount of resources it takes up. HTML5 should bring us rich media content to all our devices.

So there are plenty of new and exciting possibilities with HTML5. And with animation techniques also being introduced it’s hard to think that Adobe Flash will be around much longer in its current state. I imagine they will change the output settings, from the standard SWF to something more like Swiffy.

Swiffy is a Google Labs project created by Pieter Senster, who was an intern working on a small project to convert SWF files to HTML5. From this Swiffy was born and Pieter was hired to work on the project full time. Although at this point in time it is still in its infancy it will convert most SWF files, it has however got problems with some Flash content.

You can check out some demos of Swiffy in action on the Google Labs website here: http://swiffy.googlelabs.com/gallery.html

We tried it on our musical Stripeyhorse at homepage and it does work. The music worked too in Safari and Chrome but when we tried it on an iOS devise unfortunately it didn’t, However, Google have already said it doen’t support all kinds of sound files.

With the introduction of HTML5 I imagine a lot of websites are going to start using it and pushing it to its limits. I can see a lot of websites going down the route of the early flash adopters. When in the mid 90′s it seemed every website was Flash based even when it was very unnecessary to be. But we’re looking forward to seeing the developments and the crazy websites which will be published using HTML5.

We really like this website: http://nizoapp.com/ The site is for a new app called Nizo. Every element animates onto screen smoothly as the user scrolls down. All of it done with Java script, so no Flash required. It’s a very clever site, allowing the user to then grab and move any object on screen. It’s this kind of website which gets us excited about HTML5.

website design using HTML5


Other readings and links to HTML5 websites:

http://pixelclouds.com/2011/03/16/25-brilliant-websites-designed-with-html5-css3/

http://www.stripeyhorsecreative.com/blog/2011/05/title/

http://www.stripeyhorsecreative.com/blog/2011/01/html5-branding-and-logo-design/

http://www.stripeyhorsecreative.com/blog/2011/01/html-5/

 

May 4th, 2011
Take 5 with HTML 5

You’ve probably guessed by now that we like HTML5 here at Stripeyhorse Creative. In older posts we’ve talked of its relative ease of use, given Jason Beaird a nod for his views on website design, and blogged about the new HTML5 branding and logo design.

Now we want to share the more experimental side of HTML5 and show you some really interesting projects by Hakim, a web developer and creative programmer. Hakim has worked with some big name brands including Google, BBC, Nintendo and Wacom. You really have to get onto his website to play with the experiments, but shown above is just two: Sketch and Keylight.

It would be great to see some real world application of these experiments. He even created the logo and branding for a Canadian media production company using HTML Canvas options. Some new and interesting things may start to appear in new brands and websites thanks to the introduction of HTML5.

For now, play with these experiments and more on his website.

 

February 28th, 2011
What is the internet

I can even send e-mail on the internet

Pretty cool video about the internet. It is kind of hard to believe how far we have come since then. Most of these clips are from the early 1990′s. Website design and development has come a long way since the early days. Website design is still changing a lot with the near introduction of HTML 5, web development is about to get really exciting again.

For further reading on HTML5 and how it is changing website design and development check out the links below.

HTML5. The new website standard

Take 5 with HTML 5

HTML5. Icon design

HTML 5. Website design.

Found via: http://thedailywh.at / via http://www.urlesque.com

 

January 29th, 2011
HTML5. Icon design

Along with the release of HTML 5 (which I posted about here before), the W3C (World Wide Web Consortium) have released these images of the new branding graphics.

About the main logo the say “It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It’s the standard’s standard, a pennant for progress.” As a banner and signpost for HTML 5 development it works, even if it does look a little bit like a comic book hero. But what I feel really works is the Icon graphics for the different components which make up HTML 5. These icon graphics look so futuristic, they look very solid and they make sense.

The HTML 5 logo and icons are licensed under Creative Commons, meaning the user is free to use them any way they see fit. This is just an indication how W3C want the logo design and icon graphics to penetrate the web and, as there is already t-shirts and stickers available, the real world too. It makes coders look cool and it can be a streamlined brand. Now if W3C took the lessons they learned from this branding exercise, and apply it to their own brand, the world of coding would be a better place.

 

January 18th, 2011
HTML 5. Website design.

HTML5 is…NOW! – Jason Beaird from Jason Beaird on Vimeo.

Interesting video by Jason Beaird. He talks about HTML 5 and its relative ease of use. Things should get pretty interesting once it is used in the mainstream.

For more information about HTML 5 check out some of the websites recommended by Jason:

http://diveintohtml5.org/

http://html5demos.com/

http://html5doctor.com/

http://html5boilerplate.com/

http://www.apple.com/html5/