Web Developer

18 Creative Navigation Concepts that are Sure to get your Attention

Navigation can make or break your website. Now having said that there are those occasions when you just gotta have fun and experiment. The navigation schemes below offer a unique look into the head and eyes of creative designers. These creative sites may not play by the mainstream design rules, but you can't tell me that being a badboy or badgirl isn't fun. ;o)

If you like a sexy navigation concept that adds some visual appeal then you will enjoy these links. Let us know what you think or share your own links.

    * Jones Advertising Marketing and Design Chicago
    * Noroutine
    * Devroc Interiors
    * ConceptM
    * David Dinh Photorapher
    * Creative Storm
    * Salinas
    * Shaun Utter
    * Clara Collins
    * Craig Earl Photography
    * NickAd
    * Jeremy Cowart Photography
    * Rabotilnica
    * Howarths
    * Matt Dempsey
    * Utah Travel
    * Dragon Interactive
    * Curious Generation Group

Ten HTML5 Websites Worth Looking At

    * Fishtank
    * Gaga Debki
    * Exit9       
    * Resers Fine Foods
    * Eyestylesllc
    * The Green House
    * Inkpattern Magazine
    * Grigor Law
    * Circuito Unimed-Rio
    * Web Design Cardiff 

Reasons to Start Using HTML5 Today

There is a lot of excitement around HTML5, and well there should be because this major reworking of HTML brings functionality that is very exciting. Although the new standard is still being defined many parts of it are pretty much done. Many websites currently on the World Wide Web have already started using HTML5.

HTML5 is about using semantic markup and with it you can create elements that are more relevant to web sites thus making your markup more concise and readable. The new semantics give data meaning. It enables search engines to more accurately determine the various types of information on a page and create an outline, or table of contents if you will thus making it easier to index. Also with the new canvas tag you can generate exciting dynamic content.

Browsers are now also now more capable of understanding the new standards for HTML5, CSS3 and the JavaScript API's.  It is a fun time to be a front end web developer.

To see what HTML5 semantics your browser understands visit: http://www.findmebyip.com/

Great Examples of Web Site Usability Testing

Lisa Wehr from iMedia has done a NICE job of going through some industry specific websites and showing you how they test and evaluate websites. If you are a web designer or web developer this article is a great read that will help you understand web site usability if you don't understand it already. iMedia usability tests.

HTML5 Demo's Built Not Only for Just Chrome

The developer's over at Google have built some pretty cool HTML5 demos. While these demos were built with their Chrome browser in mind they also work in Firefox, IE9, Safari, and Opera.

While you are there make sure to check out Browser Pong! Very Cool! Not like anything we've seen before.

It's easy to spend a considerable amount of time going through this site to see all of the latest examples. Try to contain yourself from having too much fun.

Chrome Experiments - Not your mother's JavaScript.

Vital HTML5 Tutorials

HTML5 is a major reworking of the HTML standard; while it is not complete it is ready for primetime and can be used to create some vibrant exciting web sites. For example the canvas features are pretty much close to completion.

Make sure to look through our blog for additional articles on HTML5. Happy Coding!

    * HTML5 Unleashed: Tips, Tricks and Techniques
    * Coding Up a Web Design Concept into HTML & CSS
    * HTML 5 and CSS 3: The Techniques You’ll Soon Be Using
    * The Power of HTML 5 and CSS 3
    * Coding A HTML 5 Layout From Scratch
    * Touch The Future: Create An Elegant Website With HTML 5 And CSS3
    * Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3
    * Implementing HTML5 Drag and Drop: New Premium Tutorial
    * Have a Field Day with HTML5 Forms
    * Design & Code a Cool iPhone App Website in HTML5
    * How to Make an HTML5 iPhone App
    * Creating Mobile Web Applications with HTML 5
    * Creating Offline Mobile Web Applications with HTML 5
    * Hybrid Column Layout – Using HTML & CSS3 Only
    * How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6
    * My Top 5 HTML Coding Preferences
    * The HTML5 Video Element

Is it too early to use HTML5?

There is a fair amount of buzz out there regarding HTML5. After all there hasn't been a major update to HTML since HTML4. But, let’s analyze how we got here and where we are going to see if implementing HTML5 on new web sites is realistic. If nothing else the HTML5 buzz is well worth the hype, it offers many new and exciting changes.

The W3C started developing HTML5 in June of 2004 with the expectation of completing its development as a working draft by midyear 2007. HTML5 is currently slated to reach a Candidate Recommendation stage by 2012. It also has been stated that HTML5 will not reach a W3C Recommendation until 2022.

As you can see if you are developing HTML5 sites for today there is a high probability that your site may not work by the time the official working draft is released. The action we take with HTML5 is to have fun with it, implement it in a test based only mode and learn the new standard as it develops. By no means would we build a companies or individuals brand or reputation using the standard as it exists today.

Fun HTML5 Games to Play

HTML5 brings the wonders of coding right into the browser. Gone will be the day where plug-ins are needed to get your code to work in your web browser. Pretty cool when you think back to the beginning of the web and what browsers could do then.

Make sure that you have a browser that supports HTML5 and have some fun with these games. The future looks promising!

You can visit findmebyIP to see what type of HTML5 support your browser has and what it's missing.

* Canvas Invaders

 

* Welcome to Adventureland

* Asteroids


 

* Bricks



* Google Pacman


* Crystal Galaxy

* Same Game

* UFO

* Puzzle

*Platformer Tutorial

Can Html5 Boost Email Video Marketing?

 With the introduction of HTML5 email video marketing is set to take off. To date if someone wants to do video in an email client they need to provide a link to the web site in that email marketing piece since email clients strip JavaScript or Flash for security reasons. Since HTML5 will be built into email clients and web browsers it won’t require any plug-ins.

 Once HTML5 becomes the standard expect to see an increase in video emails. Research has shown a 100% increase in click through rates with video email marketing.

Twitter's Promoted Tweets is it a Hit or Bust?

Twitter's Promoted Tweets have been online now for a select few, for the past couple of months. Twitter has stated that Promoted Tweets have been "successful beyond our wildest dreams." This was stated by COO Dick Costolo. A promotional offer by Virgin America - 50% off for the first 500 travelers - sold out in three hours. Bravo TV used Promoted Tweets to invite consumers to discover their "green IQ" on Bravo’s website, and the tweet generated 300 retweets - the maximum number allowed - in one day, generating 200,000 impressions.

The company is currently adding another dozen advertisers to the program on top of the five advertisers that participated in the launch. By Q4, they expect participants to be in the hundreds. They look to start to ramp this up aggressively in Q3 and then really blow it open in Q4, Costolo said.



You will see Tweets promoted by their partner advertisers called out at the top of some Twitter.com search results pages. Twitter strongly believes that Promoted Tweets should be useful to you. They'll attempt to measure whether the Tweets resonate with users and stop showing Promoted Tweets that don't resonate.

Promoted Tweets will be clearly labeled as “promoted" when an advertiser is paying (see graphic above), but in every other respect they will first exist as regular Tweets and will be organically sent to the timelines of those who follow a brand. Promoted Tweets will also retain all the functionality of a regular Tweet including replying, Retweeting, and favoriting. Only one Promoted Tweet will be displayed on the search results page.