Blog Main Categories
- Project Management 81
- Business Skills 157
- Creative Design 94
- Business Processes 88
- IT and Web Development 81
- Digital Marketing 160
You are viewing posts from the HTML5 category. Click to view all posts
Google have just announced an incredible new Data Highlighter in Webmaster Tools which allows you to mark up events on your site with simple point-and-click actions.
This is a life saver for webmasters who want to add structured data to their sites but don't have the skills to implement microdata, microformats or RDFa on their site.
For those unfamiliar with structured data markup, it is code added to a site, page or page element that makes content more understandable to search engines and other crawlers which is then translated into Rich Snippets - extra information shown in SERPs with your result. Previously, this would involve marking up elements individually using tags like schemas but now with Google's new Data Highlighter even those with no understanding of HTML can markup certain elements.
The idea behind Structured Data is to take the internet beyond just an archive of 'pages' and instead becomes an 'internet of things' - something that search engines are racing to be the best at. It's something Facebook does - recognising people, relationships, faces and interests. Google are on the right track with authors, publishers, knowledge graph and semantic search but they need the help of webmasters to take this a step further.
Structured data is vital for SEO - something we're looking to add to our SEO courses - not only does it help search engines understand your content but also gives you more visibility in SERPs. Likewise it's a must for content marketers - not so much for blog posts but for other content that needs clear labelling.
Currently the Data Highlighter tool just for events, but we believe that if this test is successful then other elements will be supported. Google made a similar move by making authorship markup (rel=author) easier to implement using email verification rather than tags.
How to Use Google Data Highlighter
The main point of Google's new Data Highlighter tool is that it is dead simple to use. It just requires a Webmaster Tools account and (of course) events on your website.
Disclaimer: If you're thinking "I love the sound of extra real estate in SERPs, but I don't have events, I had better set some up!" then please stop right there. Tools like these only work if they're not abused. If you must, think hard about what real event you could put on - it could be a talk, a free session or a demonstration - just don't set up fake events.
Firstly, log in to your Webmaster Tools account, click on Optimization in the sidebar and select Data Highlighter. Then click the big red 'Start Highlighting' button.
Ben Savage recently wrote an article on VentureBeat called "Why HTML5 has provided more tricks than treats in 2012" criticising what he sees as its low-uptake and over-hype. He quoted Mark Zuckerberg as saying: “The biggest mistake we did as a company (this year) was bet too much on HTML5.”
In this post I'll explain why I think neither have got it quite right.
If you also think the Zuck's got it wrong and want to learn how to use HTML5, try our HTML5 Course & CSS3 Training for designing sites using the most recent standards for the web.
HTML5 in 2012
To me HTML5 is a fantastic tool that melds the dividing lines between mobile and desktop and extends the boundaries of what is possible with web development. 2012 has seen the adoption of the language in all sorts of diverse areas of the web and to great effect.
Responsive Web Design is happening right now, it has hit the mainstream and will be around for quite a while. Once you've been on our Responsive Web Design course, there are a huge number of online tools to help you switch to a responsive design workflow and develop your skills and your sites even further. In this post, we're going to run through some of the best.
Responsive Design Workflow: You’re Going to Need a lot Less Paper!
Workflows are changing with responsive design: there’s less reliance on mock-ups and more emphasis on HTML and CSS prototypes. Although these take longer initially, iterations in response to client feedback are much quicker as they can be done live. Responsive design heavily supports CSS instead of graphics wherever possible, meaning that the majority of tweaks will be made in the style sheet.
Read the case studies below to see what’s involved:
Wireframes now need to include a range of devices, as well as consider how easy it is for the user to tap on areas of the screen. These free templates enable you to sketch your design on actual size, pre-created templates for seven mobile platforms.
Native apps on mobile platforms are a great way for developers to bring web content to mobile phones.
However, due to constant upgrades and fragmentation in the mobile hardware and software industry, to reach the widest possible audience a developer creating a native app for use on different mobiles would have to create separate apps for iOS, Android, Windows Phone 7, Blackberry and Symbian. This is a costly and lengthy process and not a long term solution as the operating systems are always changing.
You can dramatically save costs on using native app developers by taking our iPhone App Training Course which teaches delegates how to build iOS5 apps from scratch. We will shortly be adding courses for native apps on other mobile operating systems so keep your eyes peeled.
Google is championing web apps, with CEO Eric Schmidt claiming an unexpectedly high increase in mobile web traffic as people demand content instantly and on the move. So why exactly are many developers switching to web-apps in favour of native apps?
What is a Web App?
A native phone app has to be downloaded on to your device from an online store (like Apple's App Store, or the Android App Market)
A web app is a website that can be accessed via your phone's standard web browser that looks and behaves like a native app - but doesn't have to be installed locally. HTML5 is making it easier for developers to make web apps that behave more like native apps.
For a long time the industry standard tool for generating animated and interactive web content has been Flash.
The vast majority of animated content on the web including banners, intro sequences, ads, cartoons and even some navigation elements have traditionally been developed in Flash.
However - things have started to change over the past couple of years.
1) Apple rained on Adobe's parade by refusing to support Flash on iPhones and iPads - rendering any Flash content invisible to users of these devices (when over half a billion people are using mobile devices to browse the web - that's a big deal!)
3) More and more browsers are now supporting HTML5 and CSS3
So if you can develop animated content that contains the same functionality as Flash, but will load faster and display properly on ALL browsers - what is the future for Flash...?
Enter Adobe Edge!