tag:blogger.com,1999:blog-42704133147676971832011-02-15T12:57:03.221-08:00ewebbers studioEwebbers studio collecting the full power of multimedia services including Website Design, Branding, Multimedia and Cartoon, 2D and 3D Animation, Logos and stationery, Booth Design, Training Materials, Multimedia CD, web site design in Egypt.Ewebbers Studiohttp://www.blogger.com/profile/12719295443802510008noreply@blogger.comBlogger12125tag:blogger.com,1999:blog-4270413314767697183.post-78476467243721802292011-02-15T11:34:00.000-08:002011-02-15T11:34:15.011-08:002011-02-15T11:34:15.011-08:00What is the relationship between corporate branding and corporate identity?<div dir="ltr" style="text-align: left;" trbidi="on"><em><span style="color: #f3f3f3; font-size: x-small;">John M T Balmer(2002): Corporate Brands: Ten Years On – What’s New?</span></em><br />
<br />
“Corporate identity provides the grit around which the pearl of a corporate brand is formed.” Balmer<br />
(2001a)<br />
The author argues that there is in many, but not in all, instances, an inextricable link between corporate<br />
identity and corporate branding as evinced by the above quote. However, whilst both constructs can<br />
be important to organisations, there is a tendency to see corporate identity as analogous to corporate<br />
branding. This is wrong. As it is also erroneous to equate visual identity with corporate identity. To<br />
identity scholars this is all very curious since the centrality of identity in comprehending<br />
organisations is a hypothesis which has, for the last fifteen years been propounded by identity<br />
consultants and consultancies. The rise of interest in the corporate branding construct, invariably been<br />
accompanied by ambivalence, and, more often than not, by amnesia in relation to the identity construct.<br />
This is particularly the case with corporate branding, aka corporate identity/graphic design consultancies.<br />
The author, for his part, is clear that there are however key differences beetween the corporate<br />
identity and corporate brands constructs.<br />
One, key, difference is that corporate brands tend to encompass “ethereal” elements which are not<br />
so prominent in the identity mix. (Balmer 2001, Birkigt and Stadler 1986) Thus, whilst corporate<br />
identity is concerned with the question:<br />
“What are we?”/”What we do?” and its sister concept “organisational identity” is concerned with “Who are we?”/How we behave?”<br />
A corporate brand whilst it may be concerned with the above but may be seen to embrace<br />
issues associated with the question:<br />
“What do we profess?” <br />
As such, a corporate brand may be compared to an icon, but an icon in the sense of the Eastern<br />
Christian tradition which functions at two levels.<br />
The first level is that of representation or as a signifier. In this case an icon (visual, verbal, oral<br />
etc) helps to identify the corporate brand. Here there is a clear link with visual identity and its<br />
role as an identifier. A good deal has been written about this viz.,Van Riel et al (2001).<br />
At the second level the icons act as windows to a belief system which represent the belief systems as<br />
encapsulated in the corporate branding covenant (the latter may be implicit or explicit). Thus, we<br />
enter a world of faith. Something which is potentially powerful but also, for the scholar and<br />
researcher, problematic. This might help explain why loyalty to a corporate brands as religious<br />
overtones and explains its power. In the Orthodox tradition the creators of icons are seen to have a<br />
distinct ministry within the church. Some have implied that in the corporate world creators of<br />
corporate brands are also seen as a type of priesthood. There are certainly iconoclasts in the<br />
corporate sphere.<br />
Klein’s book “No Logo” is one example of the above. Others can be found in the letter pages of<br />
the broadsheet newspapers such as The Financial Times. Jones (2001) provides an example of this.<br />
The latter questions whether it was sound business practice to project an business as a way<br />
of life (as a corporate brand). He remarked, “Branding is, in essence, the propagation of<br />
ideology and history is littered with catastrophes stemming from practitioners being taken in by<br />
their own ideology.”<br />
The issues raised by corporate branding iconoclasts are worthy of reflection but fall<br />
outside the scope of this short article. In articulating the differences between corporate<br />
identity and corporate branding the reader is directed to Exhibit Five compares the characteristics of both constructs Exhbit Five <br />
(a) compares the corporate identity mix with the corporate branding mix whilst Exhibit Five <br />
(b) compares the corporate identity management mix with the corporate branding management mix.<br />
Consider Coca-Cola. It is both a corporate and a product brand. As McQueen (2001) observes, the company has virtually one product. A product that nobody actually needs. In its sugar laden form, it is plainly bad. The Coca-Cola corporate brand is entirely dependent on marketing. The company’s logo is the most familiar in the world.<br />
It is not so much the product but the values/system of beliefs which are attached to the brand that matter. As such, the Coca-Cola brand does not only symbolise a brown, sweet and refreshing drink but, moreover, has strong<br />
cultural overtones pertaining to the American way of life/Americanisation. In contrast, the identity of the company owes more to the company’s confederate roots rather than to the USA per se. Its headquarters are in Atlanta, Georgia, and its first advertisements featured southern belles sipping Coca-Cola.<br />
The use of corporate branding is, of course far from new. Jeremy (1998) noted the importance that UK railway companies placed on branding in the 1830s. There was widespread use of coats-ofarms<br />
which not only served to distinguish one company from another but also stood for a quality of service which staff aspired to uphold and customers to expect. Corporate brands also helped to create barriers to entry and helped preserve first-mover competitive advantage.<br />
However, in order for corporate brands to thrive the brand’s profession of faith had to be delivered<br />
- in other words underpinned by the identity.<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-VLhcRL9dxN8/TVrUzVVIYnI/AAAAAAAAAPM/9jD02BlYQoc/s1600/CORPORATE_IDENTITY_AND_CORPORATE_BRANDING.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" h5="true" height="179" src="http://1.bp.blogspot.com/-VLhcRL9dxN8/TVrUzVVIYnI/AAAAAAAAAPM/9jD02BlYQoc/s320/CORPORATE_IDENTITY_AND_CORPORATE_BRANDING.png" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">What is the relationship between corporate branding and corporate identity?</td></tr>
</tbody></table><br />
Sheffield’s cutlery manufacturers were a case in point. They failed to suppport their corporate brands from American and German imitators who not only copied the cutlery manufacturer’s goods but also, quite telling, their trade marks and, more importantly, the collective Sheffield brand name.<br />
(Sheffield was synonymous with bespoke and fine cutlery ware). At the same time they embraced<br />
mass production which, whilst led to lower quality, also resulted in lower risk. As such, there was confusion as to what the Sheffield mark stood for; confusion as to the branding covenant and, this led to a loss of faith.</div><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-7847646724372180229?l=blog.ewebbers.com' alt='' /></div>Ewebbers For Technologyhttp://www.blogger.com/profile/08923141941042569628noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-59585112185153148382010-12-30T01:12:00.000-08:002010-12-30T01:14:12.075-08:002010-12-30T01:14:12.075-08:00How to install Windows 7 on the new 27in iMac<em><span style="font-size: x-small;">From PC Pro blog : Posted on October 26th, 2009 by David Bayon</span></em><br />
<br />
<div> </div>Windows 7 isn’t officially supported in Boot Camp just yet, but that doesn’t stop it working a treat most of the time. We have it installed on one of the new MacBooks in the Labs, but the gigantic 27in iMac proved to be much more problematic (we’ll have a full review of the monster in question later this week).<br />
The problem occurs after the main Windows 7 installation has taken place. The system reboots, the Windows 7 logo circles into life and the desktop should appear – but all you get is blackness. The system is still running – press the Caps Lock key and you’ll see the light ping on – but you can’t see anything, indicating a problem with the iMac’s ATI graphics drivers.<br />
<br />
<div> </div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TRxM_FaXO3I/AAAAAAAAAOo/x7DfDa17a_0/s1600/windows7_over_mac.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" n4="true" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TRxM_FaXO3I/AAAAAAAAAOo/x7DfDa17a_0/s320/windows7_over_mac.jpg" width="320" /></a></div>Fear not, though. If you’ve just blown £1,350 on this beautiful beast and are now scratching your head as to why you can’t get it working, there is a workaround to crowbar Windows 7 onto it. Just connect a USB keyboard and mouse, then follow these steps:<br />
<br />
<div> </div><ol><li>Run the Boot Camp Assistant in OS X as normal and create a partition when asked, then insert your Windows 7 disc to reboot and begin the process proper.</li>
<li>Windows 7 requires the NTFS file system, so once in the installer just select your new partition (labelled BOOTCAMP), click on Drive options (Advanced) and choose to format it. Then select the newly formatted partition and continue.</li>
<li>Windows 7 will begin installing, and once it gets almost to the bottom of its checklist, it’ll try to reboot. Now, if you leave it here, you’ll get so far and see the black screen. Any further attempts to reboot will bring you to the same dead end.</li>
<li>Instead, restart and press a key to boot from the Windows 7 disc when prompted. Rather than running the installation again, choose the little option at the bottom to Repair your computer. Decline any suggestions that pop up until you see a list of options with Command Prompt at the bottom. Choose that option.</li>
<li>At the Command Prompt, type <strong>DEL C:\WINDOWS\SYSTEM32\DRIVERS\ATIKMDAG.SYS</strong> to delete the default ATI driver, then close the window and reboot.</li>
<li>This time, Windows should successfully initialise a more appropriate display driver, allowing you into the desktop. From here insert your OS X disc to install the relevant hardware drivers as you normally would, then run Windows update to clear up any leftovers.</li>
</ol><br />
<div> </div>This technical article is very important for graphic designers that want to use Windows 7 over iMac, and the above steps is excellent and tested by our IT specialists.<div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-5958511218515314838?l=blog.ewebbers.com' alt='' /></div>Ewebbers For Technologyhttp://www.blogger.com/profile/08923141941042569628noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-29777593913608942652010-12-08T03:23:00.001-08:002010-12-08T03:32:23.195-08:002010-12-08T03:32:23.195-08:00Flash google map API integration<a href="http://blog.ewebbers.com/p/integrate-google-maps-into-flash-cs4.html">Integrate Google Maps into Flash CS4</a><br /><br /><a href="http://blog.ewebbers.com/p/integrate-google-maps-into-flash-cs4.html"><img src="http://media.kelbymediagroup.com/layersmagazine/images/tutorials/design/flash/2009_04/feature.jpg" class="post-thumb" alt="Integrate Google Maps into Flash CS4" /></a> <p>One of the most important skills for Flash developers to learn is how to utilize the vast collections of Web APIs that are available for services such as Flickr, Twitter, Facebook, and mapping using either Google or Yahoo. In this tutorial you’ll learn how to integrate Google Maps into your Flash application using just a few lines of code. The Google API is incredibly easy to use and it’s extremely powerful.</p><p><a style="color: rgb(255, 255, 0);" href="http://blog.ewebbers.com/p/integrate-google-maps-into-flash-cs4.html">Click Here to view the complete post</a><br /></p><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-2977759391360894265?l=blog.ewebbers.com' alt='' /></div>kimoomhttp://www.blogger.com/profile/04555436926390453982noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-5040257199576498212010-11-25T17:16:00.000-08:002010-11-25T17:16:26.571-08:002010-11-25T17:16:26.571-08:00What's new in Rendering in 3ds max 2011Achieve stunning <strong>image quality</strong> in less time with powerful <strong>3D rendering</strong> software capabilities: <br />
<br />
<div class="separator" style="clear: both; text-align: center;"><br />
</div>- Create high-fidelity pre-visualizations, <strong>animatics</strong>, and <strong>marketing materials</strong> with the innovative, new Quicksilver <strong>high-performance renderer</strong>. <br />
- Quickly set up advanced <strong>photorealistic lighting</strong> and <strong>custom shaders</strong> with the <strong>mental ray® rendering</strong> engine. <br />
- Take advantage of idle processors to finish rendering faster with unlimited <strong>batch rendering in mental ray</strong>. <br />
- Visualize and manipulate a given region in both the viewport and <strong>Framebuffer with Reveal™ functionality</strong>. <br />
- <strong>Output multiple passes</strong> simultaneously from supported <strong>rendering</strong> software, including <strong>high dynamic range (HDR)</strong> data from <strong>architecture and design materials</strong>, for reassembly in <strong>3ds Max® Composite</strong>. <br />
<div style="text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TO8I_pO8Q6I/AAAAAAAAAOU/_1Y1USqexq8/s1600/3ds_max_2011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" ox="true" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TO8I_pO8Q6I/AAAAAAAAAOU/_1Y1USqexq8/s320/3ds_max_2011.jpg" width="320" /></a></div><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-504025719957649821?l=blog.ewebbers.com' alt='' /></div>Ewebbers For Technologyhttp://www.blogger.com/profile/08923141941042569628noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-17028049230090934202010-11-07T11:28:00.000-08:002010-11-07T11:28:28.584-08:002010-11-07T11:28:28.584-08:00‘Ratatouille’ Being Converted Into 3DPixar <strong>Animation Studios</strong> is re-rendering their 2007 hit Ratatouille into the <strong>3D</strong> format for a theatrical release. Will other Pixar animated films get the same treatment?<br />
<div align="left" class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TNb8brAP5UI/AAAAAAAAAOI/l7pHw9rrlOc/s1600/Ratatouille.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="155" px="true" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TNb8brAP5UI/AAAAAAAAAOI/l7pHw9rrlOc/s320/Ratatouille.jpg" width="320" /></a></div>Disney/Pixar re-released a <strong>3D version</strong> of Toy Story 1 & 2 in theaters last fall to mild success and hopes to repeat the act by converting their 2007 collaboration, Ratatouille into the third dimension for another run on the big screen.<br />
<strong>3D</strong> has been all the rage for animated films this year, especially for tentpole studio pics like How to Train Your Dragon, Shrek Forever After, Toy Story 3, and Despicable Me. Disney is hoping to cash in on the craze by re-releasing in theaters two of their traditionally animated films, Beauty & the Beast and The Lion King in <strong>3D</strong> over the next few years.<br />
Pixar began releasing their films in <strong>3D</strong> last year with Up and will likely continue doing so for their next few films as well. According to their Stereoscopic Supervisor Bob Whitehall, Pixar’s computer-animated work does not actually require the same post-production process used to convert films like The Last Airbender into<strong> 3D</strong> – instead, he and his fellow animators can simply re-render the original frames of an animated feature for the <strong>3D</strong> format.<br />
In an interview with HeyUGuys, Whitehall insisted that the <strong>3D</strong> conversion process with Ratatouille requires only that “minor modifications” be made to the film’s camera angles and character animation. Whitehall also mentioned that he was working with director Brad Bird on the project, so that no significant changes are made to the feature that Bird does not approve of.<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TNb8nBNwlNI/AAAAAAAAAOM/EHoMcrFCULE/s1600/Remy-in-Ratatouille.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="202" px="true" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TNb8nBNwlNI/AAAAAAAAAOM/EHoMcrFCULE/s320/Remy-in-Ratatouille.jpg" width="320" /></a></div><div style="text-align: left;">Ratatouille arguably seems the most natural fit for a conversion to <strong>3D</strong> than any of Pixar’s other, pre-Up releases. The film is filled with several impressive tracking shots that follow Remy (voice of comedian Patton Oswalt) throughout the Parisian plumbing and sewage system – even in <strong>2D</strong>, it does an excellent job of immersing viewers in the world of its tiny protagonist. The only downside is that the <strong>3D</strong> conversion might diminish the impeccable crispness and texture of Pixar’s original animation.</div><div style="text-align: left;">Whether older Pixar titles like Finding Nemo or A Bug’s Life will be eventually converted into <strong>3D</strong> as well remains up in the air for now. So long as moviegoers’ interest in the craft doesn’t fade too quickly, it is entirely possible that almost every Pixar movie could be re-released in <strong>3D</strong> in the future. I imagine the more action-driven films like The Incredibles and Cars would be first in line for the treatment after Ratatouille - should that be the case.</div><div style="text-align: left;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TNb9VwikwwI/AAAAAAAAAOQ/gaRd6DKgnKQ/s1600/Toy-Story-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" px="true" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TNb9VwikwwI/AAAAAAAAAOQ/gaRd6DKgnKQ/s320/Toy-Story-3.jpg" width="320" /></a></div><div style="text-align: left;">We’ll keep you posted on when Ratatouille could possibly end up reaching <strong>3D theaters</strong>. Meanwhile, you can check out Pixar’s latest <strong>3</strong>D feature, Toy Story 3 in theaters now.</div><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-1702804923009093420?l=blog.ewebbers.com' alt='' /></div>Ewebbers For Technologyhttp://www.blogger.com/profile/08923141941042569628noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-6824648388311444222010-10-02T07:35:00.000-07:002010-10-02T07:35:05.624-07:002010-10-02T07:35:05.624-07:00Corporate Brands Logos History<!--[if !mso]> <style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style> <![endif]--><!--[if gte mso 9]><xml> <w:WordDocument> <w:View>Normal</w:View> <w:Zoom>0</w:Zoom> <w:TrackMoves>false</w:TrackMoves> <w:TrackFormatting/> <w:PunctuationKerning/> <w:ValidateAgainstSchemas/> <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid> <w:IgnoreMixedContent>false</w:IgnoreMixedContent> <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText> <w:DoNotPromoteQF/> <w:LidThemeOther>EN-US</w:LidThemeOther> <w:LidThemeAsian>X-NONE</w:LidThemeAsian> <w:LidThemeComplexScript>AR-SA</w:LidThemeComplexScript> <w:Compatibility> <w:BreakWrappedTables/> <w:SnapToGridInCell/> <w:WrapTextWithPunct/> <w:UseAsianBreakRules/> <w:DontGrowAutofit/> <w:SplitPgBreakAndParaMark/> <w:DontVertAlignCellWithSp/> <w:DontBreakConstrainedForcedTables/> <w:DontVertAlignInTxbx/> <w:Word11KerningPairs/> <w:CachedColBalance/> </w:Compatibility> <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel> <m:mathPr> <m:mathFont m:val="Cambria Math"/> <m:brkBin m:val="before"/> <m:brkBinSub m:val="--"/> <m:smallFrac m:val="off"/> <m:dispDef/> <m:lMargin m:val="0"/> <m:rMargin m:val="0"/> <m:defJc m:val="centerGroup"/> <m:wrapIndent m:val="1440"/> <m:intLim m:val="subSup"/> <m:naryLim m:val="undOvr"/> </m:mathPr></w:WordDocument> </xml><![endif]--><!--[if gte mso 9]><xml> <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267"> <w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/> <w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/> <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/> <w:LsdException Locked="false" Priority="39" Name="toc 1"/> <w:LsdException Locked="false" Priority="39" Name="toc 2"/> <w:LsdException Locked="false" Priority="39" Name="toc 3"/> <w:LsdException Locked="false" Priority="39" Name="toc 4"/> <w:LsdException Locked="false" Priority="39" Name="toc 5"/> <w:LsdException Locked="false" Priority="39" Name="toc 6"/> <w:LsdException Locked="false" Priority="39" Name="toc 7"/> <w:LsdException Locked="false" Priority="39" Name="toc 8"/> <w:LsdException Locked="false" Priority="39" Name="toc 9"/> <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/> <w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/> <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/> <w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/> <w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/> <w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/> <w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/> <w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/> <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/> <w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/> <w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/> <w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/> <w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/> <w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/> <w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/> <w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/> <w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/> <w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/> <w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/> <w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/> <w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/> <w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/> <w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/> <w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/> <w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/> <w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/> <w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/> <w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/> <w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/> <w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/> <w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/> <w:LsdException Locked="false" Priority="37" Name="Bibliography"/> <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/> </w:LatentStyles> </xml><![endif]--><!--[if gte mso 10]> <style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin-top:0in;
mso-para-margin-right:0in;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0in;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;}
</style> <![endif]--> <br />
<div class="MsoNormal" style="line-height: normal;"><b><span style="font-family: "Times New Roman","serif"; font-size: 24pt;"></span></b></div><div class="separator" style="clear: both; text-align: left;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div><div class="separator" style="clear: both; text-align: left;"><b><u><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> Apple</span></u></b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKc4eHLz-LI/AAAAAAAAAKU/GOoagZNS2LA/s1600/1_web_services_in_egypt.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKc4eHLz-LI/AAAAAAAAAKU/GOoagZNS2LA/s1600/1_web_services_in_egypt.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">It is one of the biggest consumer electronics and Software Company, best known for products like Macintosh, iPod and iphone. Steve Jobs, Steve Wozniak, and Ronald Wayne had together setup Apple in 1976, to sell their hand-built computer Apple I. They had offered their product to HP first but were declined by them. I think HP would still be regretting this today. </span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The road to success wasn’t easy for Apple, and Wayne liquidated his share in the company for a mere $ 800. After the launch of Apple II in 1977, things started to look up for Apple and we all know what heights the company has reached since then.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Apple II was successful mainly because it had colored graphics. Great and simple design, has always been the USP (Unique Selling Proposition) for Apple, and their logo is no exception. When Apple was started, the logo was a complicated picture of Isaac Newton sitting under a tree. This had been designed by Jobs and Wayne, with the inscription: “Newton … A Mind Forever Voyaging Through Strange Seas of Thought … Alone.” Frankly, I don’t think it was just a coincidence that Apple had slow sales during this period.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">However, Steve Jobs hired Rob Janoff to simplify the logo, which turned out to be a great idea. Rob created the ‘Rainbow Apple’ which was the logo for company till 1998. There are many rumors as to why Rob had chosen to create such a logo. One of them says that the Apple was a tribute to Newton (discovery of gravity from an Apple), and since the USP for Apple at that time was colored graphics, it had the rainbow colors. Another explanation exists that the bitten apple pays homage to the Mathematician Alan Turing, who committed suicide by eating an apple he had laced with cyanide. Turing is regarded as the father of computers. The rainbow colors of the logo are rumored to be a reference to the rainbow flag, as homage to Turing’s homosexuality.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Janoff, however, said in an interview that though he was mindful of the “byte/bite” pun (Apple’s slogan back then: “Byte into an Apple”), he designed the logo as such to “prevent the apple from looking like a cherry tomato.”</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">When Apple launched the new iMac in 1998, they changed their logo to a monochromatic apple logo, almost identical to the rainbow logo. Now, the Apple logo comes with nice gradient chrome silver design. It is one of the most recognized brand symbols in the world today, and the shape is what identifies the company more than the color.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="separator" style="clear: both; text-align: center;"></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><u>Shell</u></span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc83tpQpkI/AAAAAAAAALM/vq9G26GpzSw/s1600/branding.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc83tpQpkI/AAAAAAAAALM/vq9G26GpzSw/s1600/branding.gif" /></a></div><br />
<div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> Back in 1900, when the company was started the logo was a realistic and simple shell which lies flat on the ground. This was a pectin or scallop shell, but today the company has a logo which is bold, colorful and much more simplistic.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The evolution of the logo began after 1915, when rendering enabled the company to reproduce its identity easily. This is visible in the 1930 logo for the company. When the company started a project in California, it added the red and yellow colors to the symbol. The colors help Shell to stand out. Additionally, these are the colors of Spain, where many Californian settlers were born, which might have helped the company to create an emotional bond with the people.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">With the advent of internet and fax machines over the later years, it became necessary for the company to simplify their logo, which would prevent it from being distorted in small images. The 1971 logo designed by Raymond Loewy is very simple as compared to the earlier logos.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">This has helped the company because this logo is more memorable and recognizable, accountable to the simplicity of the logo. The 1971 logo is still used by the company albeit with minor changes, but it has become so recognizable that it often appears without the company name now.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><u>Xerox</u></span></b></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9NahytgI/AAAAAAAAAMA/3ryuCMLd1_I/s1600/Training_material_production_services.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9NahytgI/AAAAAAAAAMA/3ryuCMLd1_I/s1600/Training_material_production_services.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span><a href="http://www.xerox.com/" target="_blank"><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span></a><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The Xerox Company used to be known as the Haloid Company almost 100 years ago. But in 1938, Chester Carlson invented a technique called xerography which we today call the photocopy technique. Unfortunately no one was willing to invest in his invention, and many big giants like IBM, GE, RCA and others decided not to finance this invention.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">But Haloid Company decided to go with Chester and made the first photocopying machine named Haloid Xerox 14. As can be seen in their logos, the original Haloid word which was prominent in the company’s logo before 1961 was completely replaced by Xerox due to the immense success of this idea.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">They retained almost the same logo from 1961 to 2004. But in 2004 there was a problem with the Xerox books and it tried to reinvent itself with a new logo. People associate the company only with photocopy machines, and that has been a major problem for Xerox.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The company changed its logo in 2008 to get away from this stereotyped image, by changing the font of the word. They also added a ball which has a stylish X instead of their ‘boring’ X in earlier times According to</span> <span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Anne M. Mulcahy, Xerox’s chief, that little piece of art represents the connection to customers, partners, industry and innovation.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><u>BMW</u></span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKc84BQK_CI/AAAAAAAAALY/gyqN90-fPiI/s1600/corprate_web_design_company_in_egypt.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKc84BQK_CI/AAAAAAAAALY/gyqN90-fPiI/s1600/corprate_web_design_company_in_egypt.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><br />
</span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">BMW or Bayerische Motoren Werke AG (Bavarian Motor Works) was originally founded as an aircraft company. The aircrafts manufactured were painted with the colors of the Bavarian flag, which is the color of BMW logo. Another explanation is that when the pilot used to sit in the plane he would see alternating segments of white and blue due to rotation the plane propeller (blue being the sky).</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The major business of BMW was to supply planes to the German army during World War I. But after the war they were forced to change their business. It made railway brakes, before making motorized bicycle, motorcycles and cars.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The logo itself hasn’t changed a lot during the years, but now has a more stylish look due to the different gradients. The unchanged logo has made it easier for people to remember and has given the company more recognition.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>Nike</u></b><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKc9FA78dFI/AAAAAAAAALs/G9_h5qB5g6k/s1600/logos_portofolio.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKc9FA78dFI/AAAAAAAAALs/G9_h5qB5g6k/s1600/logos_portofolio.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Nike probably got the best deal amongst all companies when Caroline Davidson designed its logo for just $35 in 1971. The main part of the logo hasn’t really changed with time. However, I don’t understand why they waited for 7 years before they realized that the text and the swoosh were overlapping each other.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">As the brand gained recognition, the company name was dropped from the logo, which made it more simplistic and memorable. The company has different variations of this logo for its various departments like Skate, Soccer etc.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">06. <u>IBM</u><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9FMlxRLI/AAAAAAAAALo/nq-yBD9Ooxo/s1600/logos_history.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9FMlxRLI/AAAAAAAAALo/nq-yBD9Ooxo/s1600/logos_history.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><br />
</span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">As you would observe from the logos above that IBM was earlier known as The International Time Recording Company (ITR), whose major products were mechanical time recorders, invented and patented by Willard L. Bundy in 1888. So in the earlier periods the logo of the company had ITR inscribed on it. Later in 1911, ITR was merged with the Computing-Tabulating-Recording Company, which is why you will see that both ITR and CTR are there in the 1911 logo.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1924, the Computing-Tabulating-Recording Company adapted the name International Business Machines Corporation. The ornate, rococo letters that formed the “CTR” logo were replaced by the words “Business Machines” in more contemporary sans-sarif type, and in a form intended to suggest a globe, girdled by the word “International.”<br />
In 1947, IBM decided to drop the globe from its logo, which was by then quite familiar amongst the people. The logo was not the only change in 1947; it was accompanied by a change in business from the punched-card tabulating business to computers. The typeface of this logo was called Beton Bold.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1956, before Thomas J. Watson, Sr died he appointed Tom Watson, Jr. as the CEO. Tom Watson, Jr. decided to project the beginning of a new era in the company, for that he changed the company’s logo as well as the actions. Paul Rand designed the new logo which represented that the changes in the company would be subtle and will not disrupt the continuity. Also, the new logo looked more solid, grounded and balanced.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Another change in the logo was designed by Paul Rand which had stripes instead of the solid font. It depicted ‘speed and dynamism’. Since, then the logo has more or less remained the same, and the design has been recognized and replicated all over the world.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>Canon</u></b></span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc9M7ucdnI/AAAAAAAAAL0/AdwXT_E3HmA/s1600/outsourcing_in_egypt.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc9M7ucdnI/AAAAAAAAAL0/AdwXT_E3HmA/s1600/outsourcing_in_egypt.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><br />
</span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The company had always wanted a global perspective, and the logos reflected the same as early as 1934. A specialized advertising designer had created the logo which included typeface never seen before in Europe or North America.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The first camera launched by the company in 1934, was named as Kwanon, after the Buddhist goddess of mercy. The logo included the wordings and a picture of the goddess with 1000 arms and flames. </span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">As the years went by, like all other logos we have seen above, the company strived to make the logo as simple and memorable as possible. The logo had only been trademarked in 1935, and after that a lot of designing work went into making the logo more balanced. After 1956, the logo hasn’t been changed, but the designing effort is clearly visible in their simple but classic logo.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>Google</u></b></span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKc9NKvZI8I/AAAAAAAAAL8/3m4WPMV9jiM/s1600/software_devlopment.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKc9NKvZI8I/AAAAAAAAAL8/3m4WPMV9jiM/s1600/software_devlopment.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u> </u></b></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><br />
The clarity of thought is visible in the company’s logo right from the very beginning, when in 1996 two Stanford University computer science graduate students Larry Page and Sergey Brin built the search engine.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The name of the search engine is derived from Googol (meaning one followed by 100 zeros). Google’s first logo was created by Sergey Brin, after he taught himself to use the free graphic software GIMP. Later, an exclamation mark mimicking the Yahoo! logo was added. In 1999, Stanford’s Consultant Art Professor Ruth Kedar designed the Google logo that the company uses today.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>Kodak</u></b></span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9ERtJ78I/AAAAAAAAALk/4zVcBIKQTHA/s1600/logo_design_services.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9ERtJ78I/AAAAAAAAALk/4zVcBIKQTHA/s1600/logo_design_services.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Interestingly, Kodak was the first company to integrate its name and looks into one symbol in 1907. After 1935, Kodak predominantly used yellow and red colors and the complete name of the company. First time the Kodak name was completely written in the logo in 1935, which began the use of yellow and red colors as well.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1960, they tried to show a flip page as a logo, but was changed to a box and graphic “K” element in 1971. I think the logo in 1971 was quite trendy, but it might have been a little complex. Retaining the 1971 concept, there was a slight variation in the font in 1987. The new font looked contemporary.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Again, like other companies, Kodak decided to simplify their logo in 1996, and removed the boxes. The red color gives a more brighter and structured feel of the company. In 2006, again a slight variation was made in the logo with a rounded ‘a’ and ‘d’, to give a contemporary look.</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc9Umtq-KI/AAAAAAAAAMM/S_d0n_SuZk4/s1600/web_hosting.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>Microsoft</u></b><br />
</span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc9Umtq-KI/AAAAAAAAAMM/S_d0n_SuZk4/s1600/web_hosting.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc9Umtq-KI/AAAAAAAAAMM/S_d0n_SuZk4/s1600/web_hosting.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The Microsoft story began in 1975, when Bill Gates and his friend Paul Allen coded the first computer language for a PC and named it BASIC. Soon they named their partnership as Micro-Soft which explains the first logo of the company.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">They changed the logo in that year itself and dropped the hyphen too. For the next 12 years, the logo had a distinctive O. The employees called this as “Blibbet”. It is said that at that time, the Microsoft cafeteria even had a double cheeseburger named “”Blibbet Burger”.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">When a new logo came on in 1987, there was a campaign within the company to “Save the Blibbet”. But, this couldn’t stop the company from adopting a new logo. The logo designed by Scott Baker, came to be known as “the Pacman logo” due to the distinctive cut in the O.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1994, they integrated their tagline ‘Where do you want to go today?’ within the logo. This was widely mocked and the company kept trying different taglines like People Ready, Start Something, Making it Easier etc.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The new 2008 logo has all the text in Italics (including the tagline), but the look of the logo has remained pretty much the same. Basically, the company is so well renowned already, that I don’t think the logo needs to change, since people already recognize and connect with it worldwide.</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKc83zhqYJI/AAAAAAAAALU/h9z9E0KpYHg/s1600/cartoon_and_3d_animation_services.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>Volkswagen</u></b></span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9UYk2r5I/AAAAAAAAAMI/9zQnwWqGRag/s1600/web_development_in_egypt.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9UYk2r5I/AAAAAAAAAMI/9zQnwWqGRag/s1600/web_development_in_egypt.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Volkswagen means ‘People’s car’ in German. The history of the company is tied with Adolf Hitler.<br />
Before the rise of Hitler, the German economy was in a very bad shape; as a result people couldn’t afford to buy cars. In 1933, Hitler raised the idea of an inexpensive car in the Auto show.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1934, Ferdinand Porsche met with Hitler to design the car. Hitler gave him all the specifications of the car and Porsche promised to deliver the design. In 1937, the Gesellschaft zur Vorbereitung des Deutschen Volkswagens mbH was created (it became simply Volkswagenwerk GmbH a year later). In 1938, Hitler opened a state funded Volkswagen factory in Walburg. It was suppose to produce commercial cars, but it was used to churn out military cars. It was only later found that Hitler had intended to use the Porsche car as a military vehicle only, which could carry 3 men and a machine gun.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">After the WWII, Britishers took over the company. They renamed the car as Beetle. Surprisingly all the car makers like Fiat and Ford declined to take ‘free control’ of the Volkswagen factory. So, it was returned to the German government, and went on to become one of the world’s bestselling cars ever.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The first logo was designed by Franz Xavier Reimspiess, a Porsche employee during an office logo design competition. The main part of the logo hasn’t changed much, but understandably after the WWII, they got rid of the design around the circle which seems to be inspired from the Nazi flag. I love the colors that were added in 2000, to the logo which was built after WWII, it depicts a positive change in the company and the ability to adapt to the new millennium.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>MasterCard</u></b></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><br />
</span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc9ERmfj4I/AAAAAAAAALg/XXhcfyM1X7I/s1600/internet_marketing_services.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc9ERmfj4I/AAAAAAAAALg/XXhcfyM1X7I/s1600/internet_marketing_services.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> In 1966, seventeen bankers formed a federation for the reciprocal acceptance of their credit cards. They called this federation as Interbank and hence, the first 1966 logo. The ‘i’ was used to identify the participating members of Interbank Card Association.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1969, the name was changed to Master Charge. The new logo had the two familiar intersecting circles which make sense when we think about the interbank card business. Also, the ‘i’ was retained at the bottom to show continuity and also to make it easy for people to recognize their earlier familiar logo.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Finally, in 1979, the name MasterCard was adopted and they lost the ‘i’ from the logo. In 1990, bold colors were adopted which also made it easier to recognize the 23 horizontal bars between the two circles, which I think denoted the idea of multiple simultaneous interbank relationships. The logo looks more contemporary and simple, with an italic, sans-serif typeface.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1996, a more prominent font replaces the old font, and the number of bars was also reduced, resulting in a simple and powerful logo. The Brand Mark’s visibility, recognition, and overall brand image are improved, with new features including larger lettering highlighted with a drop shadow, fewer interlocking bars within the red and yellow circles, and a new dark blue background for use on decals and signage.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>Mozilla Firefox</u></b><br />
</span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span></div><div class="MsoNormal" style="line-height: normal;"></div><div class="MsoNormal" style="line-height: normal;"></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9NMhk7EI/AAAAAAAAAL4/NpP1BKLI76Y/s1600/printing_services.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9NMhk7EI/AAAAAAAAAL4/NpP1BKLI76Y/s1600/printing_services.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">An open source web browser, created by Dave Hyatt and Blake Ross, was first of all named as Phoenix, which is visible in their first logo in 2002. Due to some trademark issues, the name had to be changed to Firebird, but the name was chosen so that they would be able to retain the same logo.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Unfortunately, this name also had trademark issues because of existing software. Then, they finally got lucky and chose the name Firefox, which has become one of the favorite and most used browser worldwide. In 2003, the now famous logo was designed by professional interface designer John Hicks.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The logo depicted a Firefox engulfing the whole world, which also signifies the global reach that the company strived for. There has been a minor change in the logo since then, with the colors of the continents using a lighter blue color, just to differentiate them better from the oceans.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><u><b>Pepsi</b></u><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKc9Ufv6wtI/AAAAAAAAAME/kSxC0Cps0n8/s1600/web_design_in_egypt.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKc9Ufv6wtI/AAAAAAAAAME/kSxC0Cps0n8/s1600/web_design_in_egypt.gif" /></a></div><br />
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Today, one of the biggest soft drinks company, was first started by Caleb Bradham in 1890’s. Initially named as Brad’s drink the name was quickly changed to Pepsi-Cola, which is visible in the first 1898 logo. Finally in 1903, the name was trademarked and hasn’t been changed till date.</span> <br />
<div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In the early years, Brad made custom logos for the brand as it became more famous. In 1933, the company was bought by Loft, Inc. The company changed the bottle size from 6 to 12 oz. and came up with the ‘Refreshing and Healthful’ logo.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">However, the major breakthrough in the Pepsi logo design came in 1940’s. Walter Mack, the CEO of Pepsi came up with the idea of a new bottle design, with a crown having the Pepsi logo. The ‘Pepsi Globe’ emerged when USA was in WWII, and to support the country’s war efforts, Pepsi had a blue, red and white logo.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">This logo became hugely popular, and went on to be the identifier for the company. As a result, in 1950 and 1962, this bottle cap with the swirling blue and red became prominent in the company logo. During the 1960’s when it became even more popular, the script was changed from the curly red, and the main attraction was on the bottle cap in the logo.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">We see the first appearance of the Pepsi Globe instead of the bottle cap in 1973. The typeface was made smaller so as to fit in the globe. The Pepsi Globe was “boxed in”, with a red bar coming in from the left and a light-blue bar coming in from the right.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1991, the typeface was moved from inside the globe. The red bar was lengthened and the typeface came on the top of the globe. In 1998, the white background in the logo was replaced by the blue color, which also resulted in dropping the red horizontal band. The globe now had 3D graphic and larger than earlier versions. It might be that since, Pepsi and the globe touch each other for the first time in the logo, the name ‘the Pepsi Globe’ was given to the logo.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">After 1998, it seems that Pepsi had decided to give the globe more prominence than the script itself. So, the globe came on top of the script in 2003, and in their current logo they have done away with the script altogether.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><br />
<b><u><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">LG</span></u></b><br />
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9M1b8iOI/AAAAAAAAALw/jfNNoW6s2Fg/s1600/multimedia_cd_for_company_profile.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKc9M1b8iOI/AAAAAAAAALw/jfNNoW6s2Fg/s1600/multimedia_cd_for_company_profile.gif" /></a></div><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> </span><br />
<span style="font-family: "Times New Roman","serif"; font-size: 12pt;">LG was formed from two different companies named Lucky (chemical cosmetic company, 1947) and Goldstar (radio manufacturing plant, 1958). Though, these were different companies they were essentially owned by one person. In 1995, Lucky Goldstar was renamed to LG Electronics.</span><br />
<br />
<div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Actually, LG is a chaebol (a South Korean conglomerate), so there’s a whole range of LG companies that also changed their names, such as LG Chemicals, LT Telecom, and even a baseball team called the LG Twins. These companies all adopted the “Life is Good” tagline you often see alongside its logo. LG denies that their name now stands for Lucky Goldstar. They’re just “LG.”</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>Mercedes-Benz</u></b></span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKc9EA0swZI/AAAAAAAAALc/DY9TFJUXVU4/s1600/Graphic_design_services.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKc9EA0swZI/AAAAAAAAALc/DY9TFJUXVU4/s1600/Graphic_design_services.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><br />
<br />
</span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"> The Mercedes-Benz was formed by the merger of two car companies – DMG (Daimler-Motored-Gesellschaft, founded by Gottlieb Daimler) and Benz & Cie, founded by Karl Benz. Both the companies were similar in their work and were situated in close proximity. </span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">It was after the World War I, when the German economy was shattered, that both these companies decided to from a syndicate in 1924, and then finally merge in 1926, called Diamler-Benz.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1902, the logo for Mercedes was nothing more than the simple company name. However, it was changed to a 3 pointed star in 1909. The origin of this star came from a postcard by Diamler, where he had drawn a 3 pointed star which represented ‘making vehicles in land water and sky’.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">After 1926, a new symbol for Mercedes-Benz came into picture, where the original logo of both the companies was merged into one. It combined the 3 pointed star of Mercedes and the laurel wreath of Benz.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Over the years, the symbol has been improved vastly in design and simplicity. It has been recognized as a symbol representing luxury and top tier cars.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>General Electric</u></b></span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKc83zhqYJI/AAAAAAAAALU/h9z9E0KpYHg/s1600/cartoon_and_3d_animation_services.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKc83zhqYJI/AAAAAAAAALU/h9z9E0KpYHg/s1600/cartoon_and_3d_animation_services.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u> </u></b><br />
</span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The company has a great history. It was formed in 1892 by the merger of Edison Electric Light Company (founded by Thomas Edison to sell his invention, the light bulb) and Thomson-Houston Electric Company.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The basic logo font face is still quite similar to what it was in 1892. Over time, a circle engulfing the company name has been added to the logo, which might be due to the increasing global presence and vision of the company. The current logo, which was designed by Wolff Olins, adds blue color to the logo instead of the black color which had been used in all the previous logos. Accompanied with the logo change was also a change in the tagline of the company from “We bring good things to life” to “Imagination at work”.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><b><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><u>Nokia</u></span></b></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc83_IRudI/AAAAAAAAALQ/e_GrTqyJzI8/s1600/Build_Brand_logo_design_services.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKc83_IRudI/AAAAAAAAALQ/e_GrTqyJzI8/s1600/Build_Brand_logo_design_services.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><u> </u><br />
</span><span style="color: blue; font-family: "Times New Roman","serif"; font-size: 12pt; text-decoration: none;"><span></span></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">‘Nokia’ in Finnish means means a dark, furry animal we now call the Pine Marten weasel. However, this has little to do with the current business and brand image. The origin of the company name, can rather be attributed to the setting up of the wood pulp mill (set up by Knut Fredrik Idestam), on the banks of Nokianvirta river in the town of Nokia.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The Nokia Corporation was formed as a merger of Finnish Rubber Works (which also used a Nokia brand), the Nokia Wood Mill, and the Finnish Cable Works in 1967. The company has sold a variety of products in the past including television, shoes, car tires and others. The evolution and the meaning of the logo is unclear due to the changing business over the years.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><u>Ford</u></span></div><div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKdCkUBce3I/AAAAAAAAAMU/6TfJm65qLLs/s1600/Corporate_Logo_design_services.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKdCkUBce3I/AAAAAAAAAMU/6TfJm65qLLs/s1600/Corporate_Logo_design_services.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Henry Ford used to work for Thomas Edison. He founded two companies before settling on Ford. His first company went bankrupt after just two years, and he left the second company after just one year. However, the second company became Cadillac later on. His third company, founded in 1902, was called Ford & Malcomson, Ltd.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">He was unable to pay the bills for parts in his third company, but some investors agreed to put money in the company, and it was renamed as Ford Motor Co. This is the company name in the first logo of 1903. The 1909 logo, which has a similar font as today’s logo was borrowed from Childe Harold Wills, who had made this font for his business card.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">In 1912, the Ford logo was given a complete makeover, as compared to the earlier simplistic design. When a car was launched in 1927, called Model A, the famous blue oval was introduced in the logo. This was the shape and color, on which all future Ford logos have been made.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The company has experimented with different shape going from ellipse to circle, and even a diamond like shape in 1957. The 1976 logo was essentially, the last major change in the symbol, and is very similar to their current logo. Finally, in 2003, the company released a new logo, which came to be known as “Centennial Blue Oval”.</span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u>Wal-Mart</u></b></span></div><div class="MsoNormal" style="line-height: normal;"><br />
</div><div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKc83jhzn_I/AAAAAAAAALI/d_XMmF8XhVk/s1600/2_website_design_company_in_egypt.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKc83jhzn_I/AAAAAAAAALI/d_XMmF8XhVk/s1600/2_website_design_company_in_egypt.gif" /></a></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><b><u> </u></b></span><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"><br />
The company has tried out various colors and variation of the word Walmart over the years. In 1962, when Sam Walton started, the company, the logo had simply the word spelled in a very basic design.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">The logo was changed in 1964, when a hyphen was added and the color was also changed from blue to black. This came to be known as the “Frontier Font Logo”. The 1968 logo shown here is the discount city logo, which was mainly used for uniforms, in-store signing etc, but it was never used to advertise or even in annual reports.<br />
The 1981 logo changed the curly font to a more solid font, giving the company a more stable, established and balanced look. The hyphen in this logo was replaced by the star in 1992, and the familiar blue color of the logo returned for the first time after the company’s inception.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;">Walmart is probably one of the few companies, who have tried so many logos, but their current logo is more like the original logo, other than any other intermediate logo. The font differs a little from the original and is indeed more stylish, but the ‘Walmart’ word without a break appears for the first time after 1962. They have kept the star from 1992, but moved it to the end.</span></div><div class="MsoNormal" style="line-height: normal;"><span style="font-family: "Times New Roman","serif"; font-size: 12pt;"></span></div><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-682464838831144422?l=blog.ewebbers.com' alt='' /></div>Ewebbers For Technologyhttp://www.blogger.com/profile/08923141941042569628noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-40380494225642041972010-10-02T05:06:00.000-07:002010-11-17T17:17:49.978-08:002010-11-17T17:17:49.978-08:00Logo Design Topic: Company Logos and their Meanings<i><span style="font-size: large;">Ever wondered what company logos mean and whats the significance behind them? Wonder no more!</span></i><br />
<b>Amazon</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcSqxsNdvI/AAAAAAAAAH0/NOT-nFa7n18/s1600/image011ri9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="118" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcSqxsNdvI/AAAAAAAAAH0/NOT-nFa7n18/s320/image011ri9.jpg" width="320" /></a></div><br />
You might think the arrow does nothing here. But it says that amazon.com has everything from a to z and it also represents the smile brought to the customer's face. Wow, that is quite deep.<br />
<br />
<b>FedEx </b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcS6XqMdEI/AAAAAAAAAH4/YtVvD3ZH-UE/s1600/fedex.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcS6XqMdEI/AAAAAAAAAH4/YtVvD3ZH-UE/s320/fedex.png" width="320" /></a></div>Am not sure how many of you have noticed a hidden symbol in the Federal Express logo.<br />
Yeah, I am talking about the 'arrow' that you can see between the E and the x in this logo. The arrow was introduced to underscore speed and precision, which are part of the positioning of the company.<br />
<br />
<b>Baskin Robins</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcTS88243I/AAAAAAAAAH8/EKVSMi_Simk/s1600/baskin-robbins.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcTS88243I/AAAAAAAAAH8/EKVSMi_Simk/s320/baskin-robbins.png" width="320" /></a></div><b> </b>The old logo of Baskin Robbins had the number 31 with an arc above it. The new logo took this idea to the next level. The pink parts of the BR still form the number 31, a reference to the 31 flavors.<br />
<br />
<b>Carrefour</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcTjuOtyFI/AAAAAAAAAIA/PvQhJZ9XEYU/s1600/carrefour.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcTjuOtyFI/AAAAAAAAAIA/PvQhJZ9XEYU/s320/carrefour.png" width="320" /></a></div>Carrefour is one of the biggest European retailers, and its also French for crossroads. The logo symbolizes this word via two opposite arrows. They also added the first letter of the name, because if you look closely youll see the letter C in the negative space between the two arrows.<br />
<br />
<b>Formula 1</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcUADUp-nI/AAAAAAAAAIE/S_jbwLbXhbs/s1600/formula-1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcUADUp-nI/AAAAAAAAAIE/S_jbwLbXhbs/s320/formula-1.png" width="320" /></a></div><br />
At first, this logo might not make much sense. But if you look closely, you'll see the number 1 in the negative space between the F and the red stripes. I also love how this logo communicates a feeling of speed.<br />
<br />
<b>NBC</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcUaIXDS6I/AAAAAAAAAII/Zf1BoceRa-o/s1600/nbc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcUaIXDS6I/AAAAAAAAAII/Zf1BoceRa-o/s320/nbc.png" width="320" /></a></div>The NBC (National Broadcasting Company) is one of the biggest American television networks. I think most of you have already seen the peacock in this logo. The peacock has 6 different tail feathers, referring to the six divisions at the time that this logo was created. The peacocks head is flipped to the right to suggest it was looking forward, not back.<br />
<br />
<b>Sony Vaio</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcUz-vssqI/AAAAAAAAAIM/rfzkJGyqwnI/s1600/sony-vaio.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcUz-vssqI/AAAAAAAAAIM/rfzkJGyqwnI/s320/sony-vaio.png" width="320" /></a></div>Sony Vaio is a well known brand of laptops. But did you know that the name Vaio logo also had a hidden meaning? Well, the first two letters represent the basic analogue signal. The last two letters look like a 1 and 0, representing the digital signal.<br />
<br />
<b>Toblerone</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcVHoR0YxI/AAAAAAAAAIQ/9TWtLGY2GjI/s1600/toblerone.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcVHoR0YxI/AAAAAAAAAIQ/9TWtLGY2GjI/s320/toblerone.png" width="320" /></a></div>Toblerone is a chocolate-company from Bern , Switzerland . Bern is sometimes called The City Of Bears. They have incorporated this idea in the Toblerone logo, because if you look closely, you'll see the silhouette of a bear.<br />
<br />
<b>Unilever</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcVd-8wk_I/AAAAAAAAAIU/X9oIMXVNeBw/s1600/unilever.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="160" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcVd-8wk_I/AAAAAAAAAIU/X9oIMXVNeBw/s320/unilever.png" width="320" /></a></div>Unilever is one of the biggest producers of food, beverages, cleaning agents and personal care products. They produce a huge amount of different products and they wanted to reflect this in their logo. Each part of the logo has a meaning. For example: the heart represents love, care and health - feeling good, a bird is a symbol of freedom. Relief from daily chores “ getting more out of life.<br />
<br />
<b>IBM</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcVu-Cd4_I/AAAAAAAAAIY/46GSFzFx65Y/s1600/logoibmdf4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="192" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcVu-Cd4_I/AAAAAAAAAIY/46GSFzFx65Y/s320/logoibmdf4.jpg" width="320" /></a></div>Paul Rand (who designed the iconic IBM logo in 1972) designed this 'eye bee M' logo in 1981. I like that they are quite relaxed about the logo, unlike certain other companies who do not like the logo to be tampered with in any way even for internal promotions<br />
<br />
<b>SUN Microsystems</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcV7-Vx9lI/AAAAAAAAAIc/e5TBS3LDN20/s1600/logosummicrosoftyg4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcV7-Vx9lI/AAAAAAAAAIc/e5TBS3LDN20/s1600/logosummicrosoftyg4.jpg" /></a></div><br />
The SUN Microsystems logo is a wonderful example of symmetry and order. It was a brilliant observation that the letters u and n while arranged adjacent to each other look a lot like the letter S in a perpendicular direction. Spectacular.<br />
<br />
<b>Families Marriage</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcWOKslIMI/AAAAAAAAAIg/ltKA8L2nyls/s1600/logomarriageoy3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcWOKslIMI/AAAAAAAAAIg/ltKA8L2nyls/s320/logomarriageoy3.jpg" width="320" /></a></div>The above are two magazines from the Readers Digest stable. Again, the attempt to communicate what it is about quite figuratively through the logo catches my attention.<br />
<br />
<b>Cluenatic</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcW2O4CdqI/AAAAAAAAAIo/RSy3qXsAnkI/s1600/logocluenaticzz0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="197" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcW2O4CdqI/AAAAAAAAAIo/RSy3qXsAnkI/s320/logocluenaticzz0.jpg" width="320" /></a></div><div class="separator" style="clear: both; text-align: center;"></div>This was a logo created for a puzzle game called Cluenatic. This game involves unravelling four clues. The logo has the letters C, L, U and E arranged as a maze. and from a distance, the logo looks like a key.<br />
<br />
<b>Eighty20</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcXJFUdBrI/AAAAAAAAAIs/eZJdHSIPL3U/s1600/logoeighty20pp6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="177" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcXJFUdBrI/AAAAAAAAAIs/eZJdHSIPL3U/s320/logoeighty20pp6.jpg" width="320" /></a></div>Eighty-20 is a small consulting company which does sophisticated financial modeling, as well as some solid database work. All their work is highly quantitative and relies on some serious computational power, and the logo is meant to convey it. People first guess that 20% of the squares are darkened, but that turns out to be false after counting them. The trick is to view the dark squares as 1's and the light squares as 0's. Then the top line reads 1010000 and the bottom line reads 0010100, which represent 80 and 20 in binary.<br />
<br />
<b>Eight</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcXzGU46rI/AAAAAAAAAIw/qcAT6By1bG4/s1600/8_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcXzGU46rI/AAAAAAAAAIw/qcAT6By1bG4/s320/8_1.jpg" width="320" /></a></div><br />
This logo is too good. For the name Eight, they have used a font in which each letter is a minor adaptation of the number 8. <br />
<br />
<b>Apple Curry Editing Studio</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcYNWabt2I/AAAAAAAAAI0/LLBwt9qSgbM/s1600/applecurry.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="130" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcYNWabt2I/AAAAAAAAAI0/LLBwt9qSgbM/s320/applecurry.jpg" width="320" /></a></div>The above logo is for an editing studio. I like the way the logo attempts to convey what they do.<br />
<br />
<b>Rachel Hair Stylist</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcYsSerkJI/AAAAAAAAAI4/lYLFp2igdrQ/s1600/hair.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="126" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcYsSerkJI/AAAAAAAAAI4/lYLFp2igdrQ/s320/hair.jpg" width="320" /></a></div><br />
I liked this logo of a hair stylist for the cheeky humour it brings to the (dressing) table.<br />
<br />
Forkwire Logo<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcay76wr5I/AAAAAAAAAI8/yH97eOoIyP8/s1600/forkwire.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><span id="goog_818271224"></span><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcay76wr5I/AAAAAAAAAI8/yH97eOoIyP8/s1600/forkwire.jpg" /><span id="goog_818271225"></span></a></div>Being an Online Food Delivery service, its logo shows a fork formed into an @ symbol! Such a easy logo to remember.<br />
<br />
<br />
<b>Body Wisdom</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcbFaxBO9I/AAAAAAAAAJE/EHCH-rjAQrk/s1600/3BodyWisdom.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcbFaxBO9I/AAAAAAAAAJE/EHCH-rjAQrk/s1600/3BodyWisdom.jpg" /></a></div>It is a logo design for a high end day spa… the hands effectively convey relaxing massage integrated with the proximity of the “owl eyes” to clearly say “wisdom”.<br />
<br />
<b>Big Ten</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcbXT8WV5I/AAAAAAAAAJI/rsG-BSV5JAk/s1600/big10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcbXT8WV5I/AAAAAAAAAJI/rsG-BSV5JAk/s1600/big10.jpg" /></a></div>The Big Ten collegiate conference has eleven schools but they didn’t want to change their name. However, they used their logo to hide the numerical “11” in the name.<br />
<br />
<b>ED Logo: Gianni Bortolotti</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcbnYWfs5I/AAAAAAAAAJM/BwCSC5i2YHc/s1600/ed.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcbnYWfs5I/AAAAAAAAAJM/BwCSC5i2YHc/s1600/ed.jpg" /></a></div>The designer of ED Logo – “Elettro Domestici -Home Appliances” in English, changed the concept of traditional logo designing through this logo. The designer has amazingly used the negative space to demonstrate the letter “E” and “D” making the logo look like an electric plug.<br />
<br />
<b>Elle Hive</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcb8y9hBjI/AAAAAAAAAJQ/2Yn6kdzpMU8/s1600/Elle-Hive.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcb8y9hBjI/AAAAAAAAAJQ/2Yn6kdzpMU8/s1600/Elle-Hive.jpg" /></a></div><b> </b>It is a company which designs compact tractors. The letters “E” and “H” make up the image of a tractor.<br />
<br />
<b>Hartford Whalers</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcdBdE0CmI/AAAAAAAAAJU/fbgIMdzzdlM/s1600/whalers.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcdBdE0CmI/AAAAAAAAAJU/fbgIMdzzdlM/s1600/whalers.jpg" /></a></div><br />
The logo shows 3 concepts at the same time. A whale’s tail, letter “W” in green and the white space forming an “H” for Hartford.<br />
<br />
<b>Pakuy Logo</b><br />
<div style="text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcdJwhZSsI/AAAAAAAAAJY/HtwklpPWOCQ/s1600/pauky.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcdJwhZSsI/AAAAAAAAAJY/HtwklpPWOCQ/s1600/pauky.jpg" /></a> </div>As “Pakuay” is a packaging company, so the logo shows a broken down box in the shape of the letter “P”<br />
<br />
<b>ZIP Logo</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcdZBwuEJI/AAAAAAAAAJc/WJYTetxOvME/s1600/zip.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TKcdZBwuEJI/AAAAAAAAAJc/WJYTetxOvME/s1600/zip.jpg" /></a></div>Zip – The “I” has been replaced with a zipper to connect the Z & P<br />
<br />
<b>VIA Rail Canada Logo</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcdeTzfvlI/AAAAAAAAAJg/uOcWe3voE3c/s1600/via_rail_canada_logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcdeTzfvlI/AAAAAAAAAJg/uOcWe3voE3c/s1600/via_rail_canada_logo.jpg" /></a></div>Notice carefully…the VIA rail Canada logo makes two train tracks with the letters” V” and the “A”. The alphabet “I” is the division between the two. A simply brilliant logo.<br />
<br />
<b>Mosleep Logo</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcdkQ3yvpI/AAAAAAAAAJk/QymYvEFK8pc/s1600/Mosleep.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcdkQ3yvpI/AAAAAAAAAJk/QymYvEFK8pc/s1600/Mosleep.jpg" /></a></div>You will notice here how cleverly designer have integrated a bed with the letter “M” to come up with a logo for an organization of doctor’s dealing with sleep issues.<br />
<br />
<b>Fuga</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKceW89C7CI/AAAAAAAAAJo/lISCerDeVN4/s1600/fuga.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKceW89C7CI/AAAAAAAAAJo/lISCerDeVN4/s1600/fuga.jpg" /></a></div>It is a logo for Architecture Center Of Budapest and looks more like a maze but if you follow the white space, the four lettered company name will become evident.<br />
<br />
<b>Piano Forest Logo</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcehY6g_bI/AAAAAAAAAJs/yyB1lxrcDS0/s1600/piano-forest.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcehY6g_bI/AAAAAAAAAJs/yyB1lxrcDS0/s1600/piano-forest.jpg" /></a></div>The designer gives the message in a subtle but evident manner by shaping piano keys like trees to resemble a keyboard/piano<br />
<br />
<b>NorthWest Old Logo</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcfI_gqTDI/AAAAAAAAAJw/kn4AQA9CNQE/s1600/north_west_logo2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcfI_gqTDI/AAAAAAAAAJw/kn4AQA9CNQE/s1600/north_west_logo2.jpg" /></a></div>The logo reflected a clever way of splitting the alphabets, N and W (north west) along with a location pointed to by the red triangle in the upper left corner. The redesign lost the charm of the original.<br />
<br />
<b>Review Logo</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcfZfdmaGI/AAAAAAAAAJ0/A1pWp5hGIaA/s1600/logo-review.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/_H-N2qeyYfQs/TKcfZfdmaGI/AAAAAAAAAJ0/A1pWp5hGIaA/s1600/logo-review.png" /></a></div>When you take off a piece of the “v” in the word “review” it forms a check mark (for review). Simply amazing!!<br />
<br />
<b>Lafeyette Logo:Even</b><br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcfhF53rbI/AAAAAAAAAJ4/1yiZmDc3JYk/s1600/lafeyette-logo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcfhF53rbI/AAAAAAAAAJ4/1yiZmDc3JYk/s1600/lafeyette-logo.jpg" /></a></div>If you’ve ever visited one of the famous stores in Paris – Galeries Lafayette, you will notice that it’s logo represents Paris with its joined letters “t” to form Eiffel Tower. C’est magnificique!<br />
<br />
<b>Logo !N3K8</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcfrKS1PaI/AAAAAAAAAJ8/76dU-casA2Q/s1600/intricate.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_H-N2qeyYfQs/TKcfrKS1PaI/AAAAAAAAAJ8/76dU-casA2Q/s1600/intricate.jpg" /></a></div><br />
The complexity of this logo is its beauty. It is a business and IT consulting company based in the UK and the logo is a combination of numeric and alphabets to explain the word “intricate”.<br />
<br />
Heart Beats<br />
<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcf5HAQt7I/AAAAAAAAAKA/DRPTmzVDfhQ/s1600/heartbeats.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TKcf5HAQt7I/AAAAAAAAAKA/DRPTmzVDfhQ/s1600/heartbeats.jpg" /></a></div>Although it is quiet evident but still I liked the concept a lot. Two musical notes are bent in a way to make a heart and and headphns. The softness of this logo expresses “Love for Music“<div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-4038049422564204197?l=blog.ewebbers.com' alt='' /></div>Ewebbers For Technologyhttp://www.blogger.com/profile/08923141941042569628noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-68651973521654349852010-09-13T16:59:00.000-07:002010-09-13T16:59:25.289-07:002010-09-13T16:59:25.289-07:00HTML 5 Complete Reference<h1>HTML 5 <span class="color_h1">Tag Reference</span></h1><hr /><h2>HTML 5</h2>HTML 5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors.<br />
Some of the new features in HTML 5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents.<br />
HTML 5 also contains new elements like <nav>, <header>, <footer>, and <figure>.<br />
The HTML 5 working group includes AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera, and many hundreds <br />
of other vendors.<br />
<b>Note:</b> HTML 5 is not a W3C recommendation yet! <br />
To read about the HTML 5 activities at W3C, visit <br />
<a href="http://www.w3.org/TR/html5/">W3C tutorial</a>.<br />
<hr /><h2>Ordered Alphabetically</h2><span class="new" style="float: left;"> <b>New</b></span> : New tags in HTML 5.<br />
<table border="“1”" cellpadding="0" cellspacing="0" class="reference" width="“50%”"><tbody>
<tr><th align="left" valign="top" width="150">Tag</th><th align="left" valign="top">Description</th></tr>
<tr><td valign="top"><!--...--></td><td valign="top">Defines a comment</td></tr>
<tr><td valign="top"><!DOCTYPE> </td><td valign="top">Defines the document type</td></tr>
<tr><td valign="top"><a></td><td valign="top">Defines a hyperlink</td></tr>
<tr><td valign="top"><abbr></td><td valign="top">Defines an abbreviation</td></tr>
<tr><td valign="top"><acronym></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><address></td><td valign="top">Defines an address element</td></tr>
<tr><td valign="top"><applet></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><area></td><td valign="top">Defines an area inside an image map</td></tr>
<tr><td valign="top"><article><span class="new"> <b>New</b></span></td><td valign="top">Defines an article</td></tr>
<tr><td valign="top"><aside><span class="new"> <b>New</b></span></td><td valign="top">Defines content aside from the page content</td></tr>
<tr><td valign="top"><audio><span class="new"> <b>New</b></span></td><td valign="top">Defines sound content</td></tr>
<tr><td valign="top"><b></td><td valign="top">Defines bold text</td></tr>
<tr><td valign="top"><base></td><td valign="top">Defines a base URL for all the links in a page</td></tr>
<tr><td valign="top"><basefont></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><bdo></td><td valign="top">Defines the direction of text display</td></tr>
<tr><td valign="top"><big></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><blockquote></td><td valign="top">Defines a long quotation</td></tr>
<tr><td valign="top"><body></td><td valign="top">Defines the body element</td></tr>
<tr><td valign="top"><br></td><td valign="top">Inserts a single line break</td></tr>
<tr><td valign="top"><button></td><td valign="top">Defines a push button</td></tr>
<tr><td valign="top"><canvas><span class="new"> <b>New</b></span></td><td valign="top">Defines graphics</td></tr>
<tr><td valign="top"><caption></td><td valign="top">Defines a table caption</td></tr>
<tr><td valign="top"><center></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><cite></td><td valign="top">Defines a citation</td></tr>
<tr><td valign="top"><code></td><td valign="top">Defines computer code text</td></tr>
<tr><td valign="top"><col></td><td valign="top">Defines attributes for table columns </td></tr>
<tr><td valign="top"><colgroup></td><td valign="top">Defines groups of table columns</td></tr>
<tr><td valign="top"><command><span class="new"> <b>New</b></span></td><td valign="top">Defines a command button</td></tr>
<tr><td valign="top"><datalist><span class="new"> <b>New</b></span></td><td valign="top">Defines a dropdown list</td></tr>
<tr><td valign="top"><dd></td><td valign="top">Defines a definition description</td></tr>
<tr><td valign="top"><del></td><td valign="top">Defines deleted text</td></tr>
<tr><td valign="top"><details><span class="new"> <b>New</b></span></td><td valign="top">Defines details of an element</td></tr>
<tr><td valign="top"><dfn></td><td valign="top">Defines a definition term</td></tr>
<tr><td valign="top"><dir></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><div></td><td valign="top">Defines a section in a document</td></tr>
<tr><td valign="top"><dl></td><td valign="top">Defines a definition list</td></tr>
<tr><td valign="top"><dt></td><td valign="top">Defines a definition term</td></tr>
<tr><td valign="top"><em></td><td valign="top">Defines emphasized text </td></tr>
<tr><td valign="top"><embed><span class="new"> <b>New</b></span></td><td valign="top">Defines external interactive content or plugin</td></tr>
<tr><td valign="top"><fieldset></td><td valign="top">Defines a fieldset</td></tr>
<tr><td valign="top"><figcaption><span class="new"> <b>New</b></span></td><td valign="top">Defines the caption of a figure element</td></tr>
<tr><td valign="top"><figure><span class="new"> <b>New</b></span></td><td valign="top">Defines a group of media content, and their caption</td></tr>
<tr><td valign="top"><font></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><footer><span class="new"> <b>New</b></span></td><td valign="top">Defines a footer for a section or page</td></tr>
<tr><td valign="top"><form></td><td valign="top">Defines a form </td></tr>
<tr><td valign="top"><frame></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><frameset></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><h1> to <h6></td><td valign="top">Defines header 1 to header 6</td></tr>
<tr><td valign="top"><head></td><td valign="top">Defines information about the document</td></tr>
<tr><td valign="top"><header><span class="new"> <b>New</b></span></td><td valign="top">Defines a header for a section or page</td></tr>
<tr><td valign="top"><hgroup><span class="new"> <b>New</b></span></td><td valign="top">Defines information about a section in a document</td></tr>
<tr><td valign="top"><hr></td><td valign="top">Defines a horizontal rule</td></tr>
<tr><td valign="top"><html></td><td valign="top">Defines an html document</td></tr>
<tr><td valign="top"><i></td><td valign="top">Defines italic text</td></tr>
<tr><td valign="top"><iframe></td><td valign="top">Defines an inline sub window (frame)</td></tr>
<tr><td valign="top"><img></td><td valign="top">Defines an image</td></tr>
<tr><td valign="top"><input></td><td valign="top">Defines an input field</td></tr>
<tr><td valign="top"><ins></td><td valign="top">Defines inserted text</td></tr>
<tr><td valign="top"><keygen><span class="new"> <b>New</b></span></td><td valign="top">Defines a generated key in a form</td></tr>
<tr><td valign="top"><kbd></td><td valign="top">Defines keyboard text</td></tr>
<tr><td valign="top"><label></td><td valign="top">Defines a label for a form control</td></tr>
<tr><td valign="top"><legend></td><td valign="top">Defines a title in a fieldset</td></tr>
<tr><td valign="top"><li></td><td valign="top">Defines a list item</td></tr>
<tr><td valign="top"><link></td><td valign="top">Defines a resource reference </td></tr>
<tr><td valign="top"><map></td><td valign="top">Defines an image map </td></tr>
<tr><td valign="top"><mark><span class="new"> <b>New</b></span></td><td valign="top">Defines marked text</td></tr>
<tr><td valign="top"><menu></td><td valign="top">Defines a menu list</td></tr>
<tr><td valign="top"><meta></td><td valign="top">Defines meta information</td></tr>
<tr><td valign="top"><meter><span class="new"> <b>New</b></span></td><td valign="top">Defines measurement within a predefined range</td></tr>
<tr><td valign="top"><nav><span class="new"> <b>New</b></span></td><td valign="top">Defines navigation links</td></tr>
<tr><td valign="top"><noframes></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><noscript></td><td valign="top">Defines a noscript section</td></tr>
<tr><td valign="top"><object></td><td valign="top">Defines an embedded object</td></tr>
<tr><td valign="top"><ol></td><td valign="top">Defines an ordered list</td></tr>
<tr><td valign="top"><optgroup></td><td valign="top">Defines an option group</td></tr>
<tr><td valign="top"><option></td><td valign="top">Defines an option in a drop-down list</td></tr>
<tr><td valign="top"><output><span class="new"> <b>New</b></span></td><td valign="top">Defines some types of output</td></tr>
<tr><td valign="top"><p></td><td valign="top">Defines a paragraph</td></tr>
<tr><td valign="top"><param></td><td valign="top">Defines a parameter for an object</td></tr>
<tr><td valign="top"><pre></td><td valign="top">Defines preformatted text</td></tr>
<tr><td valign="top"><progress><span class="new"> <b>New</b></span></td><td valign="top">Defines progress of a task of any kind</td></tr>
<tr><td valign="top"><q></td><td valign="top">Defines a short quotation</td></tr>
<tr><td valign="top"><rp><span class="new"> <b>New</b></span></td><td valign="top">Used in ruby annotations to define what to show browsers that to not support the ruby element.</td></tr>
<tr><td valign="top"><rt><span class="new"> <b>New</b></span></td><td valign="top">Defines explanation to ruby annotations.</td></tr>
<tr><td valign="top"><ruby><span class="new"> <b>New</b></span></td><td valign="top">Defines ruby annotations.</td></tr>
<tr><td valign="top"><s></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><samp></td><td valign="top">Defines sample computer code</td></tr>
<tr><td valign="top"><script></td><td valign="top">Defines a script</td></tr>
<tr><td valign="top"><section><span class="new"> <b>New</b></span></td><td valign="top">Defines a section</td></tr>
<tr><td valign="top"><select></td><td valign="top">Defines a selectable list</td></tr>
<tr><td valign="top"><small></td><td valign="top">Defines small text</td></tr>
<tr><td valign="top"><source><span class="new"> <b>New</b></span></td><td valign="top">Defines media resources</td></tr>
<tr><td valign="top"><span></td><td valign="top">Defines a section in a document</td></tr>
<tr><td valign="top"><strike></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><strong></td><td valign="top">Defines strong text</td></tr>
<tr><td valign="top"><style></td><td valign="top">Defines a style definition</td></tr>
<tr><td valign="top"><sub></td><td valign="top">Defines subscripted text</td></tr>
<tr><td valign="top"><summary><span class="new"> <b>New</b></span></td><td valign="top">Defines the header of a "detail" element</td></tr>
<tr><td valign="top"><sup></td><td valign="top">Defines superscripted text</td></tr>
<tr><td valign="top"><table></td><td valign="top">Defines a table</td></tr>
<tr><td valign="top"><tbody></td><td valign="top">Defines a table body</td></tr>
<tr><td valign="top"><td></td><td valign="top">Defines a table cell</td></tr>
<tr><td valign="top"><textarea></td><td valign="top">Defines a text area</td></tr>
<tr><td valign="top"><tfoot></td><td valign="top">Defines a table footer</td></tr>
<tr><td valign="top"><th></td><td valign="top">Defines a table header</td></tr>
<tr><td valign="top"><thead></td><td valign="top">Defines a table header</td></tr>
<tr><td valign="top"><time><span class="new"> <b>New</b></span></td><td valign="top">Defines a date/time</td></tr>
<tr><td valign="top"><title></td><td valign="top">Defines the document title</td></tr>
<tr><td valign="top"><tr></td><td valign="top">Defines a table row</td></tr>
<tr><td valign="top"><tt></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><u></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
<tr><td valign="top"><ul></td><td valign="top">Defines an unordered list</td></tr>
<tr><td valign="top"><var></td><td valign="top">Defines a variable</td></tr>
<tr><td valign="top"><video><span class="new"> <b>New</b></span></td><td valign="top">Defines a video</td></tr>
<tr><td valign="top"><xmp></td><td valign="top"><span class="deprecated">Not supported in HTML 5.</span></td></tr>
</tbody></table><h1>HTML 5 <span class="color_h1">Standard Attributes</span></h1><div class="intro">The attributes listed below are supported by all HTML <br />
5 tags, with a few exceptions.</div><hr /><h2>HTML 5 Standard Attributes</h2><span class="new" style="float: left;"> <b>New</b></span> : New standard attributes in HTML 5.<br />
<table border="“1”" cellpadding="0" cellspacing="0" class="reference" width="“50%”"><tbody>
<tr><th align="left" valign="top" width="150">Attribute</th><th align="left" valign="top">Value</th><th align="left" valign="top">Description</th></tr>
<tr><td valign="top">accesskey</td><td valign="top"><i>character</i></td><td valign="top">Specifies a keyboard shortcut to access an element.</td></tr>
<tr><td valign="top">class</td><td valign="top"><i>classname</i></td><td valign="top">Specifies a classname for an element (used to specify a class in <br />
a style sheet).</td></tr>
<tr><td valign="top">contenteditable<span class="new"> <b>New</b></span></td><td valign="top">true<br />
<br />
false</td><td valign="top">Specifies if the user is allowed to edit the content or not.</td></tr>
<tr><td valign="top">contextmenu<span class="new"> <b>New</b></span></td><td valign="top"><i>menu_id</i></td><td valign="top">Specifies the context menu for an element.</td></tr>
<tr><td valign="top">data-<i>yourvalue</i><span class="new"> <b>New</b></span></td><td valign="top"><i>value</i></td><td valign="top">Author defined attributes. Authors of a HTML document can <br />
define their own attributes. Must start with "data-".</td></tr>
<tr><td valign="top">dir</td><td valign="top">ltr<br />
rtl</td><td valign="top">Specifies the text direction<br />
for the content in an element.</td></tr>
<tr><td valign="top">draggable<span class="new"> <b>New</b></span></td><td valign="top">true<br />
false<br />
auto</td><td valign="top">Specifies whether or not a user is allowed to drag an element.</td></tr>
<tr><td valign="top">hidden<span class="new"> <b>New</b></span></td><td valign="top">hidden</td><td valign="top">Specifies that the element is not relevant. Hidden elements are <br />
not displayed.</td></tr>
<tr><td valign="top">id</td><td valign="top"><i>id</i></td><td valign="top">Specifies a unique id for an element.</td></tr>
<tr><td valign="top">item<span class="new"> <b>New</b></span></td><td valign="top"><i>empty<br />
<br />
url</i></td><td valign="top">Used to group elements.</td></tr>
<tr><td valign="top">itemprop<span class="new"> <b>New</b></span></td><td valign="top"><i>url<br />
<br />
group value</i></td><td valign="top">Used to group items.</td></tr>
<tr><td valign="top">lang</td><td valign="top"><i>language_code</i></td><td valign="top">Specifies a language code for the content in an element.<br />
Language code reference</td></tr>
<tr><td valign="top">spellcheck<span class="new"> <b>New</b></span></td><td valign="top">true<br />
<br />
false</td><td valign="top">Specifies if the element must have it's spelling or grammar <br />
checked.</td></tr>
<tr><td valign="top">style</td><td valign="top"><i>style_definition</i></td><td valign="top">Specifies an inline style for an element.</td></tr>
<tr><td valign="top">subject<span class="new"> <b>New</b></span></td><td valign="top"><i>id</i></td><td valign="top">Specifies the element's corresponding item.</td></tr>
<tr><td valign="top">tabindex</td><td valign="top"><i>number</i></td><td valign="top">Specifies the tab order of an element.</td></tr>
<tr><td valign="top">title</td><td valign="top"><i>text</i></td><td valign="top">Specifies extra information about an element.</td></tr>
</tbody></table><h2>Standard Event Attributes</h2>HTML 4 added the ability to let events trigger actions in a browser, like starting a JavaScript when a user clicks on an element.<br />
Below are the standard event attributes that can be inserted into HTML 5 elements to define event actions.<br />
<span class="new" style="float: left;"> <b>New</b></span> : New event attributes in HTML 5.<br />
<hr /><h2>Window Event Attributes</h2>Events triggered for the window object.<br />
Applies to the <body> tag:<br />
<table border="“1”" cellpadding="0" cellspacing="0" class="reference" width="“50%”"><tbody>
<tr><th align="left" valign="top" width="160">Attribute</th><th align="left" valign="top" width="40">Value</th><th align="left" valign="top">Description</th></tr>
<tr><td valign="top">onafterprint<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run after the document is printed</td></tr>
<tr><td valign="top">onbeforeprint<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run before the document is printed</td></tr>
<tr><td valign="top">onbeforeonload<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run before the document loads</td></tr>
<tr><td valign="top">onblur</td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the window loses focus</td></tr>
<tr><td valign="top">onerror<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when an error occur</td></tr>
<tr><td valign="top">onfocus</td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the window gets focus</td></tr>
<tr><td valign="top">onhaschange<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the document has change</td></tr>
<tr><td valign="top">onload</td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the document loads</td></tr>
<tr><td valign="top">onmessage<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the message is triggered</td></tr>
<tr><td valign="top">onoffline<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the document goes offline</td></tr>
<tr><td valign="top">ononline<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the document comes online</td></tr>
<tr><td valign="top">onpagehide<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the window is hidden</td></tr>
<tr><td valign="top">onpageshow<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the window becomes visible </td></tr>
<tr><td valign="top">onpopstate<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the window's history changes</td></tr>
<tr><td valign="top">onredo<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the document performs a redo</td></tr>
<tr><td valign="top">onresize<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the window is resized</td></tr>
<tr><td valign="top">onstorage<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when a document loads</td></tr>
<tr><td valign="top">onundo<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when a document performs an undo</td></tr>
<tr><td valign="top">onunload<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the user leaves the document</td></tr>
</tbody></table><br />
<br />
<hr /><h2>Form Events</h2>Events triggered by actions inside a HTML form.<br />
Applies to all HTML 5 elements, but is most common in form elements:<br />
<table border="“1”" cellpadding="0" cellspacing="0" class="reference" width="“50%”"><tbody>
<tr><th align="left" valign="top" width="160">Attribute</th><th align="left" valign="top" width="40">Value</th><th align="left" valign="top">Description</th></tr>
<tr><td valign="top">onblur</td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element loses focus</td></tr>
<tr><td valign="top">onchange</td><td valign="top"><i>script</i></td><td valign="top">Script to be run when an element changes</td></tr>
<tr><td valign="top">oncontextmenu<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when a context menu is triggered</td></tr>
<tr><td valign="top">onfocus</td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element gets focus</td></tr>
<tr><td valign="top">onformchange<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when a form changes</td></tr>
<tr><td valign="top">onforminput<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when a form gets user input</td></tr>
<tr><td valign="top">oninput<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element gets user input</td></tr>
<tr><td valign="top">oninvalid<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element is invalid</td></tr>
<tr class="notsupported"><td valign="top">onreset</td><td valign="top"><i>script </i></td><td valign="top">Script to be run when a form is reset<br />
<span class="deprecated">Not supported in HTML 5</span></td></tr>
<tr><td valign="top">onselect</td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element is selected</td></tr>
<tr><td valign="top">onsubmit</td><td valign="top"><i>script</i></td><td valign="top">Script to be run when a form is submitted</td></tr>
</tbody></table><br />
<br />
<hr /><h2>Keybord Events</h2>Events triggered by a keyboard.<br />
Applies to all HTML 5 elements.<br />
<table border="“1”" cellpadding="0" cellspacing="0" class="reference" width="“50%”"><tbody>
<tr><th align="left" valign="top" width="160">Attribute</th><th align="left" valign="top" width="40">Value</th><th align="left" valign="top">Description</th></tr>
<tr><td valign="top">onkeydown</td><td valign="top"><i>script</i> </td><td valign="top">Script to be run when a key is pressed</td></tr>
<tr><td valign="top">onkeypress</td><td valign="top"><i>script</i> </td><td valign="top">Script to be run when a key is pressed and released</td></tr>
<tr><td valign="top">onkeyup</td><td valign="top"><i>script</i> </td><td valign="top">Script to be run when a key is released</td></tr>
</tbody></table><br />
<br />
<hr /><h2>Mouse Events</h2>Events triggered by a mouse, or similar user actions:<br />
Applies to all HTML 5 elements.<br />
<table border="“1”" cellpadding="0" cellspacing="0" class="reference" width="“50%”"><tbody>
<tr><th align="left" valign="top" width="160">Attribute</th><th align="left" valign="top" width="40">Value</th><th align="left" valign="top">Description</th></tr>
<tr><td valign="top">onclick</td><td valign="top"><i>script</i> </td><td valign="top">Script to be run on a mouse click</td></tr>
<tr><td valign="top">ondblclick</td><td valign="top"><i>script</i> </td><td valign="top">Script to be run on a mouse double-click</td></tr>
<tr><td valign="top">ondrag<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element is dragged</td></tr>
<tr><td valign="top">ondragend<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run at the end of a drag operation</td></tr>
<tr><td valign="top">ondragenter<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element has been dragged to a valid <br />
drop target</td></tr>
<tr><td valign="top">ondragleave<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element leaves a valid drop target</td></tr>
<tr><td valign="top">ondragover<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element is being dragged over a <br />
valid drop target</td></tr>
<tr><td valign="top">ondragstart<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run at the start of a drag operation</td></tr>
<tr><td valign="top">ondrop<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when dragged element is being dropped</td></tr>
<tr><td valign="top">onmousedown</td><td valign="top"><i>script</i> </td><td valign="top">Script to be run when a mouse button is pressed</td></tr>
<tr><td valign="top">onmousemove</td><td valign="top"><i>script</i> </td><td valign="top">Script to be run when the mouse pointer moves</td></tr>
<tr><td valign="top">onmouseout</td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the mouse pointer moves out of an<br />
element</td></tr>
<tr><td valign="top">onmouseover</td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the mouse pointer moves over an<br />
element</td></tr>
<tr><td valign="top">onmouseup</td><td valign="top"><i>script</i> </td><td valign="top">Script to be run when a mouse button is released</td></tr>
<tr><td valign="top">onmousewheel<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when the mouse wheel is being rotated</td></tr>
<tr><td valign="top">onscroll<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an element's scrollbar is being scrolled</td></tr>
</tbody></table><br />
<br />
<hr /><h2>Media Events</h2>Events triggered by medias like videos, images and audio.<br />
Applies to all HTML 5 elements, but is most common in media elements, such as audio, embed, img, object, and video:<br />
<table border="“1”" cellpadding="0" cellspacing="0" class="reference" width="“50%”"><tbody>
<tr><th align="left" valign="top" width="160">Attribute</th><th align="left" valign="top" width="40">Value</th><th align="left" valign="top">Description</th></tr>
<tr><td valign="top">onabort</td><td valign="top"><i>script </i></td><td valign="top">Script to be run on an abort event</td></tr>
<tr><td valign="top">oncanplay<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when media can start play, but might has to <br />
stop for buffering</td></tr>
<tr><td valign="top">oncanplaythrough<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when media can be played to the end, without <br />
stopping for buffering</td></tr>
<tr><td valign="top">ondurationchange<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when the length of the media is changed</td></tr>
<tr><td valign="top">onemptied<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when a media resource element suddenly becomes <br />
empty (network errors, errors on load etc.)</td></tr>
<tr><td valign="top">onended<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when media has reach the end</td></tr>
<tr><td valign="top">onerror<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when an error occurs during the loading of an <br />
element</td></tr>
<tr><td valign="top">onloadeddata<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when media data is loaded</td></tr>
<tr><td valign="top">onloadedmetadata<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the duration and other media data of a <br />
media element is loaded</td></tr>
<tr><td valign="top">onloadstart<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the browser starts to load the media data</td></tr>
<tr><td valign="top">onpause<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when media data is paused</td></tr>
<tr><td valign="top">onplay<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when media data is going to start playing</td></tr>
<tr><td valign="top">onplaying<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when media data has start playing</td></tr>
<tr><td valign="top">onprogress<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when the browser is fetching the media data</td></tr>
<tr><td valign="top">onratechange<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when the media data's playing rate has changed</td></tr>
<tr><td valign="top">onreadystatechange<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when the ready-state changes</td></tr>
<tr><td valign="top">onseeked<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when a media element's seeking attribute is no <br />
longer true, and the seeking has ended</td></tr>
<tr><td valign="top">onseeking<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when a media element's seeking attribute is <br />
true, and the seeking has begun</td></tr>
<tr><td valign="top">onstalled<span class="new"> <b>New</b></span></td><td valign="top"><i>script </i></td><td valign="top">Script to be run when there is an error in fetching media data <br />
(stalled)</td></tr>
<tr><td valign="top">onsuspend<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when the browser has been fetching media data, <br />
but stopped before the entire media file was fetched</td></tr>
<tr><td valign="top">ontimeupdate<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when media changes its playing position</td></tr>
<tr><td valign="top">onvolumechange<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when media changes the volume, also when <br />
volume is set to "mute"</td></tr>
<tr><td valign="top">onwaiting<span class="new"> <b>New</b></span></td><td valign="top"><i>script</i></td><td valign="top">Script to be run when media has stopped playing, but is <br />
expected to resume</td></tr>
</tbody></table><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-6865197352165434985?l=blog.ewebbers.com' alt='' /></div>Ewebbers For Technologyhttp://www.blogger.com/profile/08923141941042569628noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-14659038491011711502010-09-09T04:04:00.000-07:002010-09-09T04:04:34.650-07:002010-09-09T04:04:34.650-07:00WOW! Cool HTML 5 Canvas Applications<a href="http://mugtug.com/sketchpad/">Sketchpad</a><br />
<br />
Sketchpad’s drawing tools allow for the usual brush, pencil, fill and text items but it also provides tools for spirographs, unusual shapes and stamps. Applying a pattern to these items is simple, meaning it’s easy to create something artistic even if you’re not particularly artistic yourself.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" ox="true" src="http://2.bp.blogspot.com/_H-N2qeyYfQs/TIi86V0a0KI/AAAAAAAAAGg/iRPNZGlHxug/s320/Sketchpad.jpg" style="margin-left: auto; margin-right: auto;" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sketchpad’s drawing tools allow for the usual brush, pencil, fill and text items</td></tr>
</tbody></table><br />
<a href="http://www.zynaps.com/jslab.xml?id=envmap">Reflections</a><br />
<br />
Jean d’Arc has created this <strong>3D texture</strong> mapping demo using the <strong>HTML5 canvas</strong> element. The demo features rotating <strong>3D objects</strong> with spherical texture mapping and pixel shading.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TIi9XlQTvII/AAAAAAAAAGo/4LUxK0XBe6E/s1600/Reflections.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" ox="true" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TIi9XlQTvII/AAAAAAAAAGo/4LUxK0XBe6E/s320/Reflections.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">3D texture mapping demo using the HTML5 canvas element</td></tr>
</tbody></table><a href="http://www.themaninblue.com/experiment/Cubescape/new.php">Cubescape</a><br />
<br />
Cubescape allows you to <strong>draw 3D</strong> isometric pictures by dropping little blocks. It was open to user submissions for a while and some people had amazing patience!<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/_H-N2qeyYfQs/TIi-TZg4MFI/AAAAAAAAAGw/vIpvasYKPKE/s1600/Cubescape.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" ox="true" src="http://4.bp.blogspot.com/_H-N2qeyYfQs/TIi-TZg4MFI/AAAAAAAAAGw/vIpvasYKPKE/s320/Cubescape.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Draw 3D isometric pictures by dropping little blocks</td></tr>
</tbody></table><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-1465903849101171150?l=blog.ewebbers.com' alt='' /></div>Ewebbers For Technologyhttp://www.blogger.com/profile/08923141941042569628noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-39576556408205513372010-09-05T08:56:00.000-07:002010-09-05T09:02:55.891-07:002010-09-05T09:02:55.891-07:00Flash solution for RTL languagesDownload Flash actionscript solution for RTL arabic language <a style="color: rgb(255, 255, 51);" href="http://www.ewebbersstudio.com/uploads/ArabicFlashRTL.zip">here</a>.<br />Requirements:<br /><br />1. dynamic TextField<br />2. HTML enabled TextField<br />3. pre-defined TextFormat<br />4. arabic fonts must include a complete Arabic Presentation Forms-B (glyphs from FE70 to FEFE according to the Unicode Standard 5.2)<br />reference: http://www.unicode.org/charts/PDF/UFE70.pdf<br /><br /><br />features supported:<br /><br />1. embedding fonts (just put a dynamic textfield on-stage and select at least Basic Latin (95 glyphs) and Arabic (1088 glyphs) from the Character Embedding menu).<br />2. arabic ligatures.<br />3. word wrapping.<br />4. bi-directional text.<br />5. HTML Text.<br />6. loading external text.<br /><br /><br />features not supported:<br /><br />1. arabic diacritics.<br /><br />example:<br /><br />import com.xvisage.utils.StringUtils;<br />var format:TextFormat = new TextFormat();<br />format.font = "Arial";<br />format.size = 24;<br />format.color = 0x0066CC;<br />var output:TextField = this.createTextField("output", 1, 10, 10, Stage.width-20, format.size);<br />output.autoSize = true;<br />output.embedFonts = true;<br />output.wordWrap =true;<br />output.multiline = true;<br />output.html = true;<br />var xml:XML = new XML();<br />xml.ignoreWhite = true;<br />xml.onLoad = function(done:Boolean) {<br />if (done) {<br />output.htmlText = StringUtils.parseArabic(this.firstChild.firstChild.nodeValue, output, format);<br />output.setTextFormat(format);<br />}<br />}<br />xml.load("arabic.xml");<br /><br /><br /><arabic><br /><!--[CDATA[الهدف من لعبة الكلمات المتقاطعة هو ملء المربعات البيضاء، وتشكيل الكلمات أو العبارات، عن طريق حل القرائن التي تؤدي إلى إجابات. والمربعات السوداء تستخدم لفصل الكلمات أو العبارات. ويوضع لكل صف أو عمود رقم، ثم يكتب أمام الرقم ما يشابه الكلمة المطلوب كتابتها في المربعات، وتحوي المجلات أنواعا من هذه اللعبة؛ فمنها سهل وآخر صعب، والكلمات المتقاطعة في مجلة معينة تتبع أسلوب يختلف عن الأخرى، تبعا لأسلوب اللغة المستعملة والبلد، وتقوم المجلات والصحف بوضع هذه اللعبة لتسلية القراء. ظهرت أول لعبة للكلمات المتقاطعة في صحيفة newyork world وذلك في 21 ديسمبر عام 1913، وأصبحت من الألعاب الرائجة في الولايات المتحدة، ومنها انتقلت إلى بقية دول العالم، وبمختلف اللغات، وكان أول من أدخلها إلى الصحافة هو آرثر وين.]]--><br /></arabic><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-3957655640820551337?l=blog.ewebbers.com' alt='' /></div>Ewebbers For Technologyhttp://www.blogger.com/profile/08923141941042569628noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-83638263715520913082010-08-03T16:44:00.000-07:002010-09-05T08:50:13.743-07:002010-09-05T08:50:13.743-07:00Cool Text Effect with the Puppet Warp Tool in Photoshop CS5<div class="main-img-post"><a href="http://blog.ewebbers.com/p/cool-text-effect-with-puppet-warp-tool.html"><img src="http://abduzeedo.com/files/imagecache/img690x320/originals/4829014612_456676e253_b.jpg" width="450" /></a></div><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-8363826371552091308?l=blog.ewebbers.com' alt='' /></div>Ewebbers Studiohttp://www.blogger.com/profile/12719295443802510008noreply@blogger.com0tag:blogger.com,1999:blog-4270413314767697183.post-76941491172007835822010-08-03T16:33:00.001-07:002010-09-05T08:51:16.796-07:002010-09-05T08:51:16.796-07:00How To Create The Expendables Winged Skull Poster Art<a href="http://blog.ewebbers.com/p/when-i-saw-bad.html"><img src="http://www.blog.spoongraphics.co.uk/wp-content/uploads/2010/winged-skull/header.jpg" alt="Read the article" /></a><div class="blogger-post-footer">Ewebbers studio collecting the full power of multimedia
services including Website Design, Branding, Multimedia
and Cartoon, 2D and 3D Animation, Logos and stationery,
Booth Design, Training Materials, Multimedia CD, web site
design in Egypt<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4270413314767697183-7694149117200783582?l=blog.ewebbers.com' alt='' /></div>Ewebbers Studiohttp://www.blogger.com/profile/12719295443802510008noreply@blogger.com0