Category Archives: emerging technology

Multiple element synchronized flash like animations


One of the talking points to using HTML5 animation is that it removes animations from within the flash box. On SEO and Search Engine Marketing at San Diego Freelance HTML5 and canvas are working together to animate outside of the flash box.


if (currentframe == 900) {

cback.clearRect (0, 0 , 500, 300);

cback.fillStyle = "#ffcc99";

cback.font = "50px Arial";

cback.shadowColor = "#000000";

cback.shadowBlur = 7;

cback.shadowOffsetX = 4;

cback.shadowOffsetY = 4;

cback.fillText("Local Search", 5, 55);

$('#offpage').css('background', '');

$('#local').css('background', 'blue');

}

Specifically times the canvas display of Local Search with a jQuery call to change the background of that menu item – shifting the menu focus from Offpage to local synchronized with the materials being shown in the canvas.

The method of placing information into a canvas animation helps the SEO process itself be removing repeat quotations from the page.

Advertisements

Google’s Panda update and product descriptions


Google > Webmaster Central > Crawling, indexing & ranking >

The Panda update has negatively affected legitimate ecommerce sites that use product descriptions from manufacturers

A clear solution for eCommerce sites effected by Panda is to use progressive content, flash or even html5 canvas to render the talking points which have been duplicated across nearly all other sites that sell the same product. These design changes can also improve sales rates as it draws the visitor to view these important elements.

Related Post on progressive content

Progressive content not using AJAX is bad SEO.


Quote from SDfreelance: SEO Secrets Revealed

Progressive links and progressive content is the name given to content that is not displayed until the mouse click or hover on a certain part of the page. Researchers have determined that many of the sites who lost traffic after google’s panda update …

… HTML5 provides AJAX as a standard and AJAX allows for additional progressive content to be downloaded – using AJAX for progressive content provides the best experience for the user.

The researchers post at webmasterworld Can a Mega Drop Down Menu create problems? also it should be noted that to much or to many progressive elements may not be the best user experience … “One moment of truth came for me when I tracked which menu links were actually being used by site visitors. That analysis showed me that all those hover menu options were NOT being used by visitors. Only a small subset mattered, and there were other ways to help people find those pages.” … the only reason to use progressive content is to enhance user experience – keyword stuffing will clearly be seen by the search engine robots.

Using AJAX is the ideal method to provide progressive eye candy. Pages load faster because these hover elements are loaded after the page loads, these elements can be loaded before the hover event or streamed and load seconds before they are displayed with the buffer time being the animation of the view port opening.

jQuery being employed to make this development faster and compatible with older (pre HTML5) browsers.

Telecommunications – Sprint now offering google voice


WSJ

Sprint Nextel Corp. will offer Google Inc.’s Google Voice on all Sprint phones, and it will allow customers to use their existing Sprint wireless phone number.

I’m not sure if this means your telephone number is now a lifetime number? One of the features of google voice is that you can keep the number after you move. It can be used with any plan old telephone service provider and notifies you online when you have received a call. Using caller ID your google number can have a custom ring tone on your cell phone to keep your friends and business calls separated.

Google voice also allows people to call you for free using a widget that you can place on your website.

SVG animations with IE9 using canvg


Google’s Canvg takes an SVG file and renders it with canvas. May seem like there is no need for this; However, it supports and renders svg animations … IE9 supports SVG and canvas but not SVG animations. With Canvg SVG animations work in IE9

Improvements in Google Chrome webgl for HTML5


Chromium Blog

Over the last few months, we’ve made a lot of progress using graphics hardware (commonly referred to as the GPU) to make Chrome faster and more power-efficient. …

… so we expect most content to continue to function normally for Google Chrome users with out-of-date drivers — albeit, without the same performance you might expect from Chrome. WebGL content on out-of-date systems will currently not display, but we are working to provide a software path so that these systems can run basic 3D applications. …

… As our ability to determine whether a machine can reliably use GPU features improves, we hope to extend hardware acceleration support to more and more users. …

WebGL now live in Chrome’s stable build.


Today, we’re excited to bring several new features from Chrome’s beta channel to the stable build, including WebGL, Chrome Instant, and the Chrome Web Store. …

Google Chrome Blog

Hat Tip: learning WebGL

width: calc(100%-300px)


CSS calc appears to be supported in the plans for both firefox and IE new releases. Nothing is yet known about Webkit, Chrome and Opera support time frames.

Where this is needed is in floating design styles which have a fixed width element that must be included. So the last column needs to take all the space that is left over; as it stands now the floating element only takes up the space it needs or is given. The background of the element does not extend all the way to the side. The work around is using layers.

WebGL have and have nots


WebGl is supported in the current beta versions of Chrome and Firefox. Most people who want to get started using webgl can. learningwebgl.com has a step by step process.

Chrome’s beta version installs in a sub directory and does not change or use your current non beta version of chrome. Firefox or minefield from the nightly builds does; although it is not impossible to setup a portable installation in a sub directory or usb stick; But, doing so requires additional steps.

Webgl uses opengl 2.0 which is not the newest version – it is supported by the vast majority of systems. Almost any system which is used for video games has opengl 2.0 or better.

The computers that do not are the ones based on a Intel video driver. ATI does have updates for all of their cards but! But many older laptops use a OEM driver and ATI chipset – those people need to turn to the laptop maker for driver updates.

For firefox there is an alternative to opengl 2.0 installed. The alternative is a software rendering using OSMESA32.DLL.

Software rendering allows webgl to work. However you do not get the same performance increase that comes from a direct interface with the graphics processor unit on the video card.

HTML 5 vs Flash: The Big Argument for Flash


Hat tip to Designora for inspiration of the title. He recently attended “Web 2.0 Expo in San Francisco,” per his post. Adobe showcased Flash enabled products, which there are many.

I however do not think that is the main argument for flash. One of the features of HTML5 is it is open source. This is a strong feature but it also has cons. If the source is open anybody can look at it making digital rights management impossible using just html5. Yes other assets can be used for example server side scripts could create a one use cookie and only deliver the content to people who have logged in; this cookie could be a decryption key – that does not prevent them from downloading a copy however – and if they can view the code they can determine the encryption method.

Flash does not share this feature of openness. Hence flash will be used not html5 for you tube pay per view services.

Viva la differences is a term used in competitive marketing. If you want something that can not easily be reproduced or copied, If you have something that you want to protect — flash is the correct tool.

This of course means HTML5 will not kill flash. Flash has the market were the money is. HTML5 has the market which is price sensitive. Will web developers use HTML5 with other technologies and make forays into Flash territory? Yup, but the most effective way to protect distributed content is using flash.