<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress.com" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>dhtml &amp;laquo; WordPress.com Tag Feed</title>
	<link>http://en.wordpress.com/tag/dhtml/</link>
	<description>Feed of posts on WordPress.com tagged "dhtml"</description>
	<pubDate>Fri, 27 Nov 2009 23:58:12 +0000</pubDate>

	<generator>http://en.wordpress.com/tags/</generator>
	<language>en</language>

<item>
<title><![CDATA[Which browser to use?]]></title>
<link>http://waltermoorecanada.wordpress.com/2009/11/26/which-browser-to-use/</link>
<pubDate>Thu, 26 Nov 2009 01:17:35 +0000</pubDate>
<dc:creator>waltermoorecanada</dc:creator>
<guid>http://waltermoorecanada.wordpress.com/2009/11/26/which-browser-to-use/</guid>
<description><![CDATA[Updated 2009-11-25 Well things have really changed but then again it has been 7 years since my last ]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 2009-11-25<br />
</strong>Well things have really changed but then again it has been 7 years since my last update <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> . The desktop has a smaller market share. With 3G/4G finally getting rolled out smart phones are quickly becoming the surfing method of choice. Everyone uses the custom browser that their smart phone comes with. On the desktop Firefox(previously Netscape sort of) is a robust speedy browser that is supported in .NET and other development platforms extensively. Internet Explorer(IE) is slower than Firefox to load web pages. Firefox takes longer to startup. At this time both browsers own 40%+ of desktop market. That is a huge difference from previous update <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> . What&#8217;s next? Google solutions(conceptully) are really starting to look interesting.</p>
<p><strong>Updated 2002-12-17</strong><br />
Most Netscape(NN) supporters have not backed version 6 thus NN is stuck at version 4 and has fallen out of favor. Meanwhile IE has now gobbled up 80%++ browser share. Wireless devices are rapidly taking market share from both browsers but these devices aren&#8217;t ready to be smart clients yet. They are advancing quickly however and are great where screen space is not important.  There is no doubt the &#8220;browser&#8221; issue has now become even more complex with many new devices supporting only XHTML, WML or proprietary languages.  NN is now relegated to the &#8220;Other browser&#8221; category for most sites that attempt to support multiple browsers&#8230; You know, basic web site with no advanced features&#8230; Like this site. Future updates will probably deal more with wireless devices like phones and PDA&#8217;s than NN. At less than 10%(for all versions) NN is no longer worth supporting a customized site. </p>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 2000-09-02</strong><br />
A new Netscape is in town. It is going to shake things up a bit. It might even take some market share away from IE(not much). Anyone that hates Microsoft will for sure use the new version. But much more important is that developers embrace Netscape&#8217;s guts to really attempt to support W3C/ECMA standards. I have updated this site and now both IE and NN6 enjoy the same experience. Let&#8217;s not kid ourselves. IE is still a better browser but Netscape V6 is a real step forward. I want to ensure that IE isn&#8217;t the only browser in town. I just don&#8217;t want to write 2 sites to support each browser.</p>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 2000-03-26</strong><br />
Well IE 5.0 has been released(with patches) but where is Netscape(NN)? Since AOL took over the browser it has gone to never-never land. Comparisons between the two browsers shows NN is starting to fall behind Opera(browser) in standards support. When looking at DHTML or CSS Netscape falls way short of meeting the standards. The object model is much more difficult and limited. The browser crashes repeatedly and I even found a JavaScript bug that corrupts Netscape. That&#8217;s right, you would have to re-install to get it to work again. It looks like AOL purchased the browser to ensure it gets buried&#8230;..But I could be wrong. Around 75% of traffic seems to be using IE4.0 or better at this time&#8230;..My how things change&#8230;..Just not as fast as I would like.</p>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 1999-02-25</strong><br />
Both Netscape and Microsoft say they will support the W3C DHTML spec. Ya, right&#8230; Anyway, IE 5.0 Beta has been exceptionally stable. Matter of fact it has been more stable than IE 4.01. I really like the auto-fill capabilities but from a user perspective that is about all you notice. It does load certain pages faster if they are built for IE 5.0. For some quirky reason I have to start it twice before the browser will display on one of my systems. Once it goes to a full release I would get a copy, but wait till then.<br />
As for Netscape&#8230;.I have not tried the 5.0 version so I can&#8217;t comment.</p>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 1998-08-23<br />
</strong>Microsoft has all but closed the doors on Netscape. It is no longer a question of which is better. IE4.0 comes with Windows 98 and is integrated into the system. Businesses will use IE because it will require less administration and integrates into IIS servers easily. Critical mass has built up on the client base for IE. Soon Microsoft may have to support Netscape like Apple just to ensure they don&#8217;t get those nasty law suites. It would be strategically sound for Microsoft to throw away a few mil. As for the active desktop you can install it but make sure you do not select the option to show window contents while dragging. This option only creates a lot of overhead for your system and no real gain.</p>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 1997-11-01 originally published 1997-09-25</strong><br />
With IE4.0 released and NN4.03 you can upgrade both but <strong>do not</strong> install the Active Desktop(IE4). Both are as stable as previous versions(yes, they still crash). The advances made with DHTML take browsing to a new level and are definitely worth the upgrade. Even if you surf strictly for content you get advantages. The ability to hide and display content dynamically in itself gives great advantages. <br />
Both browsers support Cascading Style Sheets(finally) and DHTML expands CSS capabilities. The differences between browsers referencing CSS will probably be resolved with a little from both sides(not exclusively one side). JavaScript has become the standard scripting language and with DHTML extensions is going to create havoc on Java&#8217;s future. Many things you just can&#8217;t do with JAVA can be done easily with DHTML. Securing scripts from the client is still a major stumbling block for scripting languages(You can&#8217;t stop clients from stealing code). Layer technology will not likely survive standards committees. VBscript will not survive as a client scripting language unless Netscape<sup>®</sup> adopts it or Microsoft<sup>®</sup> create a free plug-in(to bad). Netscape<sup>®</sup> has new life(for now). NN4.03 is not as good as IE4.0 but is very close. It has a prettier interface than IE4.0. This has become more a personal choice than ever.</p>
<p>Actually, the browser war is over, Netscape<sup>®</sup> just doesn&#8217;t know it yet;)<br />
There are really only two browsers, Netscape<sup>®</sup> Navigator(NN) and Microsoft<sup>®</sup> Internet Explorer(IE). I know about Lycos, Mosaic, etc. but they are so limited in usage that it is hard to count them. At this moment use BOTH(Netscape<sup>®</sup> and Microsoft<sup>®</sup>)! But use V3.*, neither has a stable V4 yet. I suspect that IE4 will be stable but let&#8217;s wait till October 1st and see.<br />
If you have to choose I would recommend Microsoft<sup>®</sup>&#8217;s Internet Explorer(particularly on Windows95/NT). Microsoft<sup>®</sup> has the standards, the money, and a free browser. Not to mention I personally think the capabilities are far superior to Netscape<sup>®</sup>. By no means is Microsoft<sup>®</sup> perfect. I have several issues with things they do(you might see a few on different pages), but they have the best browser.<br />
Netscape<sup>®</sup> makes a very good browser. They used to be first by a long shot. Now they are a close second. IE Version 4 will shut the door but it will take years to take effect. Remember&#8230;.this is today, tomorrow an even better browser could pop-up(but would it be good enough to buy it?). IBM<sup>®</sup> will probably buy Netscape<sup>®</sup>&#8217;s browser before Netscape<sup>®</sup> gives up(they need A browser for junk OS/2).<br />
As a technician I cheer for Netscape<sup>®</sup>&#8217;s cause but as a business owner I buy Microsoft<sup>®</sup>.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Which coding language to use?]]></title>
<link>http://waltermoorecanada.wordpress.com/2009/11/25/which-coding-language-to-use/</link>
<pubDate>Wed, 25 Nov 2009 09:32:29 +0000</pubDate>
<dc:creator>waltermoorecanada</dc:creator>
<guid>http://waltermoorecanada.wordpress.com/2009/11/25/which-coding-language-to-use/</guid>
<description><![CDATA[Updated 2009-11-25 My how things have changed. Java appears to be going the way of OS/2, Microsoft i]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 2009-11-25<br />
</strong>My how things have changed. Java appears to be going the way of OS/2, Microsoft is now .NET instead of ASP, and many unix servers are using PHP(even some Windows servers). XHTML and XML are both extensively used. Netscape is gone and replaced with Firefox. Smart phones have finally replaced WAP. DIV and SPAN tags are the predominate tags now. Many more servers are now Windows based instead of Unix. .NET is dominant in large business sites. Browsers are all over the place and then there are smart phones. I expect everything to change to video/3D over next 10 years so don&#8217;t spend too much time on this stuff <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  At this time I prefer the following:</p>
<ul>
<li>.NET for server. Can be C#, VB, PHP, Python or other language but .NET handles various browser issues(mostly).</li>
<li>CSS &#8211; now the standard. Actually standards are recommending all layout should be in CSS format and not included in HTML tags. </li>
<li>JavaScript &#8211; The standard for years.</li>
<li>Ajax or similar &#8211; dynamic communication as well as saving bandwidth.User gets virtually instant responses.</li>
<li>MySQL &#8211; for databases. Open source.</li>
<li>Flash &#8211; for dynamic graphics sections.</li>
<li>Look into video and 3D tools &#8211; I see most sites going to interactive video/3D instead of text.</li>
</ul>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 2001-02-15<br />
</strong>Well, if you consider that AOL is a version of Internet Explorer(IE) then IE version 4+ now controls 85%+ of the browser market. Microsoft owns 98% of the operating systems. With this combination it should make your decisions easier. Now the potential to use VBScript, ActiveX etc. is feasible on the Internet. Is XHTML or XML going to win? Not sure, probably neither. Each is the &#8220;new&#8221; language that will allow everyone to communicate together&#8230; heard that before??? CSS is here to stay. It will be improved but it is a base for layouts to come. WAP is not going away for awhile&#8230; bandwidth may change that so I would not invest too heavily but it is necessary for several sites(like stock brokers, banks&#8230;) right now. You can trash all the tables and start using DIV and Span tags. Java is actually gaining ground since more powerful computers and faster bandwidth are available. Microsoft owning everything defeats the one real benefit of Java though. There is always going to be the next language that will solve everything for us&#8230; we buy it then figure out it can&#8217;t do ???? that the other product could. These of course will be solved in the next version&#8230;;-).<br />
A big step is Netscape&#8217;s support of standards. Now if we could get Microsoft to do the same and drop that *&#38;*%$# document.all method we could really get grooving. It might surprise many of you to know that Netscape6 is a better standards based browser than Explorer5.5. Explorer is much more forgiving for developers where Netscape is strict.</p>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /> Published 1997-09-25</strong><br />
For <span style="text-decoration:underline;">Intranet</span>(because of it&#8217;s controlled concept) I would use Microsoft<sup>®</sup> supported languages exclusively. These would include DHTML, CSS, Jscript with server code mostly in ASP files. Limited use of VBscript, ActiveX and JAVA. This of course won&#8217;t work if you are an OS/2 shop but will work for MAC and some Unix operating systems.</p>
<p>For <span style="text-decoration:underline;">Internet</span> I prefer to recommend more platform independent languages at this time. Unfortunately many languages are needed to truly develop a site. Unless you use at least some of the capabilities specific to the browser you limit your potential gains.<br />
DHTML is now a must.<br />
JavaScript(Jscript) is best for scripting simply because both browsers support it(sort of).<br />
Pure JAVA is best for advanced requirements but is limiting and slow(this is improving very quickly).<br />
CGI is still my choice for server side code but only because most servers are still Unix. If you can, I recommend using other languages(VB,C++,REXX, whatever).<br />
Cascading Style Sheets(CSS) for those with requirements for specific positioning of elements. Or at least extensive use of small tables(large ones are slow to load).<br />
All above can support both Netscape<sup>®</sup> and Microsoft<sup>®</sup> browsers if designed correctly.<br />
After all that is said, I have found you need ALL languages above to provide the client with the best solution. More importantly, how(or if) they work on different browsers.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Title Parameter]]></title>
<link>http://waltermoorecanada.wordpress.com/2009/11/25/title-parameter/</link>
<pubDate>Wed, 25 Nov 2009 07:54:29 +0000</pubDate>
<dc:creator>waltermoorecanada</dc:creator>
<guid>http://waltermoorecanada.wordpress.com/2009/11/25/title-parameter/</guid>
<description><![CDATA[Updated 209-11-24 Notice no one uses the status bar for help anymore. It used to be used on almost e]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 209-11-24<br />
</strong>Notice no one uses the status bar for help anymore. It used to be used on almost every site. Everyone now uses the Title parameer or new custom modules that perform these yellow popups allowing very complex displays rather than the simplistic text display available with the Title parameter&#8230;some even look like the classic &#8220;balloon help&#8221;.  I suspect that these more advanced help module concepts will eventally make it into HTML standards(maybe reference a section of the page like a DIV or snippet of code as the title parm). I have been noticing that sometimes the help flashes on/off when movong over plain text that is in a SPAN with a title parameter. Quite frustrating.</p>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Published 2000-09-02</strong><br />
The title parm is now available in both IE3+ and NN6+. What is it for? It provides those little pop-up help tips when you move the mouse over something. In previous NN browsers this was only available for pictures(Alt parm). This help is now available on ANY tag. For example, move your mouse over this text. Notice the pop-up help appears. Move the mouse over IE3+ or NN6+ to get a better idea of a more common usage. Another reason I supported NN6.</p>
<p>Title is what help should be. None of this writing to statusbar. Clients do not have to look anywhere, help hits them over the head. I had created a Form 7 process for IE3(only) that did the exact same thing before this was built in. This site is changing to exclusively Title help.</p>
<p>How do you do it? Simple, just put TITLE=&#8221;What you want to say&#8221; on virtually any tag.</p>
<p>I have more stuff on this in How To demos at my website.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[IFrames... What Frames Should Have Been]]></title>
<link>http://waltermoorecanada.wordpress.com/2009/11/25/iframes-what-frames-should-have-been/</link>
<pubDate>Wed, 25 Nov 2009 07:49:13 +0000</pubDate>
<dc:creator>waltermoorecanada</dc:creator>
<guid>http://waltermoorecanada.wordpress.com/2009/11/25/iframes-what-frames-should-have-been/</guid>
<description><![CDATA[Updated 2009-11-25 Iframes are everywhere now. Unfortunately they are being abused by advertisers. T]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 2009-11-25<br />
</strong>Iframes are everywhere now. Unfortunately they are being abused by advertisers. They are still a great solution and have provided me with numerous benefits. Still no autosizing capabilities ;(</p>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 2002-01-07</strong><br />
My demonstration site uses IFrames exclusively. Without them there would be no &#8220;FloatAway&#8221; toolbar. Now if they only had an automatic resizing and true transparency&#8230; Never satisfied <img src='http://s.wordpress.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Published 2000-09-02</strong><br />
Ever use a frames design? Restrictive aren&#8217;t they? You can&#8217;t have a frame anywhere you want. A frameset document is a particular type of document. Wouldn&#8217;t it be nice to have a frame anywhere you wanted in a window. Wouldn&#8217;t it be nice to have frames that can be moved around the window at will? That is what IFrames improves on the old frames(among other things).</p>
<p>The biggest drawback with using IFrames was that they were only supported on IE3+. Not anymore. Netscape V6 now supports them. It is not quite as complete as IE&#8217;s version but still it is a major step forward.</p>
<p>Their biggest advantage is they allow a developer to create a site with multiple small windows interacting&#8230;just like many Windows applications. This is really cool and opens up the potential for a true client server model on the web.</p>
<p>Don&#8217;t get me wrong, frames are great. This demo site still uses frames because when making a simple 3 frame page the Frameset means you do not have to code for resizing and other weird things. I could have used IFrames, but they are not best for this particular site. I do use them on sites that need more complex interaction between many frames. </p>
<p>If you have a choice and you only need to support IE and NN6 think about IFrames. There are a lot more possibilities once you use them.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[About DHTML]]></title>
<link>http://waltermoorecanada.wordpress.com/2009/11/25/about-dhtml/</link>
<pubDate>Wed, 25 Nov 2009 04:14:01 +0000</pubDate>
<dc:creator>waltermoorecanada</dc:creator>
<guid>http://waltermoorecanada.wordpress.com/2009/11/25/about-dhtml/</guid>
<description><![CDATA[Updated 2009-11-24 The new standard is XHTML. This new standard just enforces strict rules on DHTML.]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><strong><img src="http://wmoore.ca/demo/images/speech_think.gif" border="0" alt="" width="100%" height="23" /><br />
Updated 2009-11-24<br />
</strong>The new standard is XHTML. This new standard just enforces strict rules on DHTML. Forces every DHTML tag to have an end tag. DHTML has been great and has been a valuable tool. It has been a great technology investment.<br />
<strong>Published 1997-09-25</strong><br />
Dynamic HyperText Markup Language(DHTML) adds zest to your pages. Finally, they have opened the object model. Now you can code for just about anything. It really isn&#8217;t anything new. You could dynamically change things before but you were extremely limited in the objects you could manipulate. All that has changed. DHTML allows you to change anything, you can have layers, redraw a section of screen at will, make animation without gif89a, and lots more. In addition the pages can work with older browsers easier than before. As a technician I think this is excellent. I am having fun learning all the new options.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Super Techie Coder Challenge - IFrame Shim ]]></title>
<link>http://safaribooksonline.wordpress.com/2009/11/24/super-techie-coder-challenge-iframe-shim/</link>
<pubDate>Tue, 24 Nov 2009 15:24:03 +0000</pubDate>
<dc:creator>Safari Books Online</dc:creator>
<guid>http://safaribooksonline.wordpress.com/2009/11/24/super-techie-coder-challenge-iframe-shim/</guid>
<description><![CDATA[Screen name: jking Title/Functional role: Programmer Project title: IFrame Shim Time to complete : Y]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><strong>Screen name:</strong> jking<br />
<strong>Title/Functional role:</strong> Programmer<br />
<strong>Project title:</strong> IFrame Shim<br />
<strong>Time to complete :</strong> Years to discover &#8211; a few hours to complete.</p>
<p><strong>Project details:</strong> This isn&#8217;t a submission about some huge unsung project, but rather a small technical contribution to the web developer community that took off and became the standard way to solve a nagging DHTML problem. The &#8220;IFrame Shim&#8221; discovery was my way of solving a problem that exists in many browsers where the use of DIVs layered over anything that is a &#8220;windowed control&#8221; caused the DIV to to be obscured. (Select Boxes in IE, Flash objects, Java Applets, etc.) The IFrame Shim (as it quickly came to be known) was an easy to implement solution that allowed DIVs to be placed at the top of the Z order, above the windowed controls, without the need for hide/show scripting and the compromises brought by that earlier solution. Before this discovery everybody used script to hide windowed controls when they needed a transient intersecting DIV layer (such as a popup menu). At the time of the discovery, I owned a small web control firmed by the name of Coalesys, Inc. and I was hard at work on the second major release of WebMenu for ASP.NET. In the cut-throat marketing world of ASP.NET Web Controls, with this problem plaguing every control available, it was tempting to try and obfuscate this discovery and capitalize on having the only product to solve it. But outweighing this was the fact that the problem also plagued every DHTML coder out there, with whom I identified the most. I felt the discovery should be shared, so I posted about it on my (at the time) &#8220;Dotnetjunkies&#8221; blog. The direct link to that blog has since vaporized for reasons I cannot comprehend, as that page alone generated an enormous amount of referrers for the owners of Dotnetjunkies, however a copy of the blog entry comes up as the top Google hit when typing &#8220;IFrame Shim&#8221;: <a href="http://www.macridesweb.com/oltest/IframeShim.html">http://www.macridesweb.com/oltest/IframeShim.html</a> It went from discover to blog post and from blog post to popping up in every corner of the internet programming community within only a few weeks. The IFrame Shim technique became the common way to solve the windowed-control issue after many years of developers living with the earlier compromise. And if Googling &#8220;IFrame Shim Joe King&#8221;, you will find that developers perpetuating the early buzz of this solution were good enough to credit me and my blog post. I now read about this solution in print, how-to websites and forums everywhere, and I examine the code behind feature rich sites like Google, Gmail, Yahoo and GoDaddy to discover it in use. A take a bit of pride in knowing what sharing this discovery meant to fellow DHTML coders.</p>
<p><strong>What do you read?: </strong>Dynamic HTML: The Definitive Reference (O&#8217;Reilly, Danny Goodman). JavaScript: The Definitive Guide (O&#8217;Reilly, David Flanagan). jQuery In Action (Manning, Bear Bibeault and Yehuda Katz). Flexible Web Design: Creating Liquid and Elastic Layouts with CSS (New Riders, Zoe Mickley Gillenwater). Professional ASP.NET (wrox, Alex Homer, et al.). ASP.NET in a Nutshell (O&#8217;Reilly, G. Andrew Duthie, Matthew MacDonald) Programming Windows (Microsoft Press. Charles Petzold). Professional ASP.NET 2.0 (wrox, Scott Hanselman, et al.). Programming .NET Components (O&#8217;Reilly, Juval Lowy). Professional ADO.NET 2: Programming with SQL Server 2005, Oracle, and MySQL (wrox, Wallace B. McClure, et al.)</p>
<p><em>Please use the star rating system available in &#8220;leave a comment&#8221; to vote for this submission.<br />
</em><em>Deadline is December 11, 2009.</em></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Client Side Developer - London - Upto £45k]]></title>
<link>http://calvinjnr.wordpress.com/2009/11/20/client-side-developer-london-upto-45k/</link>
<pubDate>Fri, 20 Nov 2009 12:07:14 +0000</pubDate>
<dc:creator>calvinjnr</dc:creator>
<guid>http://calvinjnr.wordpress.com/2009/11/20/client-side-developer-london-upto-45k/</guid>
<description><![CDATA[Digital agency in Farringdon is looking for an experienced client-side developer. This is a key role]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>Digital agency in Farringdon is looking for an experienced client-side developer.</p>
<p>This is a key role within the Technical team specialising in the specification, costing, and production of interactive, functional website projects.  Experienced within your discipline, you may also be looking to broaden your career, exploring new technologies, or managing a team of developers.<br />
You need to have a wealth of experience with a range of Internet-related technologies, ideally with multi-platform experience; a passion for best practice, quality assurance, rigour and evangelising how technology can improve a creative idea; and the desire to share your expertise with others within the agency, our clients and across the wider industry.</p>
<p>Required Knowledge and skills:<br />
• Senior client-side developer with up to date and excellent skills HTML, CSS (Minimum 6 years), JavaScript (Minimum 6 years) and other related interface technologies.<br />
• Expert in cross-browser CSS (especially IE6 issues)<br />
• Experience in AJAX &#38; DHTML (3 years)<br />
• JQuery (1 year)<br />
• JavaScript mapping frameworks such as Google Maps, MS Virtual Earth (1 year)<br />
• Experience with working with templating languages such as ASP, JSP, Freemarker, Velocity<br />
• Understanding of the AJAX paradigm.<br />
• Excellent understanding of Accessibility and Usability issues relating to site development, as well as semantic mark up and SEO considerations<br />
• Good XML, and related technologies (e.g. XSL &#38; XML Schema)<br />
• Understanding of test driven development and continuous integration an advantage.<br />
• Version control systems such as Subversion or CVS. (Including understanding Branching, Tagging, Merging, Reverting etc).</p>
<p>Key responsibilities:<br />
• Owning the technical relationship with specific clients, this is a client-facing role where the successful candidate will be required to take part in a number of client meeting throughout project scope.<br />
• Take responsibility for technical delivery of the project.  Take part in creative discussions and steer those discussions in the most technically appropriate direction, recommending best technical approach.<br />
• Ensure that knowledge gained is always shared outwards to the teams and the company as a whole.<br />
• Ensure that the project is delivered to high standards of quality in all aspects including, but not limited to code, documentation, configuration management, source code control and best practice.</p>
<p>If your interested send me your CV as interviewing now. Send to: neil@majorplayers.co.uk</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Дизайн сайтов. Визуальные эффекты в DHTML]]></title>
<link>http://webstudio2u.wordpress.com/2009/11/17/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d1%81%d0%b0%d0%b9%d1%82%d0%be%d0%b2-%d0%b2%d0%b8%d0%b7%d1%83%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b5-%d1%8d%d1%84%d1%84%d0%b5%d0%ba%d1%82%d1%8b-%d0%b2-dhtml/</link>
<pubDate>Tue, 17 Nov 2009 08:16:52 +0000</pubDate>
<dc:creator>webstudio2u</dc:creator>
<guid>http://webstudio2u.wordpress.com/2009/11/17/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d1%81%d0%b0%d0%b9%d1%82%d0%be%d0%b2-%d0%b2%d0%b8%d0%b7%d1%83%d0%b0%d0%bb%d1%8c%d0%bd%d1%8b%d0%b5-%d1%8d%d1%84%d1%84%d0%b5%d0%ba%d1%82%d1%8b-%d0%b2-dhtml/</guid>
<description><![CDATA[Скорость загрузки страниц с сервера – важный фактор юзабилити сайта. Чтобы обеспечить хорошую скорос]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><strong>Скорость загрузки</strong> страниц с сервера – важный фактор <a href="http://webstudio2u.net/ru/design-web/93-useability.html" title="юзабилити сайта">юзабилити сайта</a>. Чтобы обеспечить хорошую скорость загрузки, веб-дизайнеры стараются максимально уменьшить использование «тяжелой» графики в дизайне сайтов. Для этого графические файлы заменяют применением специальных эффектов в DHTML. <strong>DHTML (Dynamic HTML)</strong> – доработанная динамическая версия HTML, позволяющая создавать визуальные эффекты. </p>
<h2>Какие же визуальные эффекты для дизайна сайтов доступны в DHTML?</h2>
<p>К основным эффектам в DHTML относят следующие: </p>
<ul>
<li><strong>перемещение элемента</strong> относительно страницы сайта
<ul>
<li>влет</li>
<li>вылет</li>
<li>спускать по словам</li>
<li>пластик</li>
<li>скачок</li>
<li>спирали</li>
<li>волна </li>
<li>стирание</li>
<li>масштаб</li>
</ul>
</li>
<li><strong>форматирование элементов</strong> страницы
<ul>
<li>изменение цвета строки или абзаца</li>
<li>изменение фона </li>
<li>изменение шрифта</li>
<li>изменение размера шрифта</li>
</ul>
</li>
</ul>
<p>Приведем небольшой пример. Для того чтобы создать кнопки с эффектами анимации (например, смена цвета при наведении курсора мыши), обычно приходится создать до трех различных изображений: </p>
<ul>
<li>изображение исходной кнопки</li>
<li>изображение кнопки при наведении на нее курсора мыши</li>
<li>изображение кнопки в нажатом состоянии</li>
</ul>
<p>Если размер каждого такого изображения будет достаточно мал, всего 3-4 кб, то их совокупный «вес» уже будет составлять 9-12 кб. Если количество анимированных таким образом кнопок велико, то общий «вес» страницы тоже существенно увеличивается и это замедляет загрузку всей страницы. </p>
<p>Если же для создания <a href="http://webstudio2u.net/ru/design-site/259-visual-effects.html" title="Визуальные эффекты в дизайне сайтов. Анимированные кнопки">анимированной кнопки</a> использовать возможности DHTML, то эффект анимации будет достигнут не за счет смены изображений, а за счет выполнения на стороне клиента программной функции. А значит и время загрузки страницы не будет сильно увеличено. </p>
<p>Использование DHTML для создания визуальных эффектов на сайте не влияет значительно на загрузку сайта, оживляет внешний вид дизайна сайта, легко реализуется. Однако не все браузеры поддерживают DHTML, поэтому в некоторых из них визуальные эффекты DHTML отображаться не будут. </p>
<p>&#8230;</p>
<p>Если Вас заинтересовал данный материал &#8211; ознакомьтесь с материалом источника по теме <a href="http://webstudio2u.net/ru/design-site/260-dhtml-effects.html">Дизайн сайтов. Визуальные эффекты в DHTML</a> более  детально</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[RoboHelp 8 feature requests. What's your favourite?]]></title>
<link>http://notcolin.wordpress.com/2009/11/11/robohelp-8-feature-requests-whats-your-favourite/</link>
<pubDate>Wed, 11 Nov 2009 17:38:27 +0000</pubDate>
<dc:creator>Colum McAndrew</dc:creator>
<guid>http://notcolin.wordpress.com/2009/11/11/robohelp-8-feature-requests-whats-your-favourite/</guid>
<description><![CDATA[I’ve been keeping a track of the RoboHelp feature requests I have been asking for. They total 21 so ]]></description>
<content:encoded><![CDATA[I’ve been keeping a track of the RoboHelp feature requests I have been asking for. They total 21 so ]]></content:encoded>
</item>
<item>
<title><![CDATA[Shadowed text with CSS]]></title>
<link>http://waltermilner.wordpress.com/2009/11/03/shadowed-text-with-css/</link>
<pubDate>Tue, 03 Nov 2009 15:37:31 +0000</pubDate>
<dc:creator>waltermilner</dc:creator>
<guid>http://waltermilner.wordpress.com/2009/11/03/shadowed-text-with-css/</guid>
<description><![CDATA[The target was to make a navigation bar like that at www.apple.com, which looks like this: Apple nav]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>The target was to make a navigation bar like that at www.apple.com, which looks like this:</p>
<div id="attachment_209" class="wp-caption alignleft" style="width: 518px"><img class="size-full wp-image-209" title="apple" src="http://waltermilner.wordpress.com/files/2009/11/apple.jpg" alt="apple navbar" width="508" height="96" /><p class="wp-caption-text">Apple navbar</p></div>
<p>They did this by having all the links share a single background image, with the x and y offsets for each set so they show the correct part of that single image. In turn the text shadowing has been done in the graphics package that made the image.</p>
<p>I wanted something like this that could be done using CSS, without having to handcraft a background image for each link. That&#8217;s what we&#8217;re trying to do.</p>
<p>Thanks to Krijn Hoetmer I had a JavaScript function which would shadow some text. But the first problem would be that I would need to put both a JavaScript link and a style sheet link in the HTML &#8211; I wanted just one link. After some Googling and experimenting I had some JS which would dynamically load a style sheet:</p>
<address>var cssNode = document.createElement(&#8216;link&#8217;);</address>
<address>cssNode.type = &#8216;text/css&#8217;;</address>
<address>cssNode.rel = &#8217;stylesheet&#8217;;</address>
<address>cssNode.href = &#8216;menuBar1.css&#8217;;</address>
<address>cssNode.media = &#8217;screen&#8217;;</address>
<address>cssNode.title = &#8216;dynamicLoadedSheet&#8217;;</address>
<address>document.getElementsByTagName(&#8220;head&#8221;)[0].appendChild(cssNode);</address>
<p>So menuBar1.css would style the menu bar, and this JS would load it.</p>
<p>Next task is to shadow the text on eack link. This works by getting the div which encloses the menu, getting each of the child nodes, and calling the shadow function for each one:</p>
<address>var menu=document.getElementById(&#8220;menu&#8221;);</address>
<address>var children=menu.childNodes;</address>
<address>for (i=0; i&#60;children.length; i++)</address>
<address> {</address>
<address> applyShadow(children[i], &#8216;white&#8217;, 3,10, 7);</address>
<address> }</address>
<p>The applyShadow function is originally by Krijn Hoetmer is modified here slightly, to handle text which has some padding (third and fourth parameters are teh left and top padding:</p>
<address>function applyShadow(targetElement, shadowColor, shadowOffset,pside, ptop) {</address>
<address> if (typeof(targetElement) != &#8216;object&#8217;) {</address>
<address> targetElement = document.getElementById(targetElement);</address>
<address> }</address>
<address> var value = targetElement.firstChild.nodeValue;</address>
<address> targetElement.style.position = &#8216;relative&#8217;;</address>
<address> targetElement.style.zIndex = 1;</address>
<address> var newEl = document.createElement(&#8217;span&#8217;);</address>
<address> newEl.appendChild(document.createTextNode(value));</address>
<address> newEl.className = &#8217;shadowed&#8217;;</address>
<address> newEl.style.color = shadowColor;</address>
<address> newEl.style.position = &#8216;absolute&#8217;;</address>
<address> newEl.style.left = &#8216;0px&#8217;;</address>
<address> newEl.style.top = shadowOffset + &#8216;px&#8217;;</address>
<address> newEl.style.zIndex = -1;</address>
<address> newEl.style.paddingLeft=pside+1+&#8221;px&#8221;;</address>
<address> newEl.style.paddingTop=ptop+1+&#8221;px&#8221;;</address>
<address> targetElement.appendChild(newEl);</address>
<p>}</p>
<p>The HTML this is applying to is:</p>
<p>&#60;div id=&#8221;menu&#8221;&#62;&#60;a href=&#8221;nowhere&#8221; &#62;Link One&#60;/a&#62;&#60;a href=&#8221;nowhere&#8221;&#62;Link Two&#60;/a&#62;&#60;a href=&#8221;nowhere&#8221;&#62;Link Three&#60;/a&#62;&#60;a href=&#8221;nowhere&#8221;&#62;Link Four&#60;/a&#62;&#60;/div&#62;</p>
<p>This is all done in one line &#8211; any spaces or CRs produce spurious white space text nodes in the DOM tree.</p>
<p>This shadows the text &#8211; but we need to insert graphics for the link separators.  This is a rather bizarre loop:</p>
<address>var count = children.length;</address>
<address>for (i=0; i&#60;count*2; i++)</address>
<address>{ </address>
<address> var image = document.createElement(&#8216;img&#8217;);</address>
<address> image.setAttribute(&#8217;src&#8217;,'images/gap.gif&#8217;);</address>
<address> menu.insertBefore(image,children[i]);</address>
<address> i++;</address>
<address>}</address>
<p>we go for twice the number of child nodes that are there &#8211; because when we&#8217;ve finished, we&#8217;ll have twice that number. And we go i++ every time we add one. children is dynamically updated as we add nodes.</p>
<p>The style sheet is</p>
<address>#menu</address>
<address>{</address>
<address> position: absolute;</address>
<address> left: 20%;</address>
<address> right: 20%;</address>
<address> min-width: 32%;</address>
<address> background-image: url(images/linkbg.gif);</address>
<address> -moz-border-radius: 5px;</address>
<address> text-align: center;</address>
<address> height: 37px; </address>
<address>}</address>
<address>
#menu a</address>
<address>{</address>
<address> position:relative;</address>
<address> color: black;</address>
<address> font-family: arial, helvetica, sans-serif;</address>
<address> font-size:11px;</address>
<address> padding-left: 10px;</address>
<address> padding-top: 10px;</address>
<address> padding-bottom:10px;</address>
<address> top:-15px; </address>
<address>}</address>
<p>The background image is 37 pixels high. We&#8217;ll only get round corners in FF &#8211; that&#8217;s IE&#8217;s problem. The result is:</p>
<div id="attachment_210" class="wp-caption alignleft" style="width: 477px"><img class="size-full wp-image-210" title="menu" src="http://waltermilner.wordpress.com/files/2009/11/menu.jpg" alt="menu bar" width="467" height="86" /><p class="wp-caption-text">My version</p></div>
<p>Works in FF and IE</p>
<p>&#160;</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Senior Web Developer]]></title>
<link>http://mindsourceinc.wordpress.com/2009/10/27/senior-web-developer/</link>
<pubDate>Wed, 28 Oct 2009 03:00:32 +0000</pubDate>
<dc:creator>Michelle</dc:creator>
<guid>http://mindsourceinc.wordpress.com/2009/10/27/senior-web-developer/</guid>
<description><![CDATA[Our client in SAN MATEO, CA,  is looking for a SENIOR WEB DEVELOPER for front-end development of nex]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>Our client in <strong>SAN MATEO, CA</strong>,  is looking for a <strong>SENIOR WEB DEVELOPER</strong> for front-end development of next generation data modeling and visualization tools.  The ideal candidate would have expertise in front end development of complex Rich Internet Applications (RIA) and have demonstrated the ability to develop high quality enterprise software in a dynamic environment.</p>
<p><strong>Responsibilities</strong></p>
<ul>
<li>Develop front end of Rich Internet Applications for Java-based server products</li>
<li>Analyze functional requirements and specifications through close interaction with Product Management and other team members</li>
<li>Participate in product design and architectural discussions</li>
<li>Write unit tests to ensure developed user interfaces meet product requirements</li>
<li>Provide support to the QA and support organizations</li>
<li>Provide feedback and guidance to technical writers</li>
<li>Develop appropriate documentation for architectural, design, implementation and test activities.</li>
</ul>
<p><strong>Required Skills</strong></p>
<ul>
<li>Bachelor&#8217;s degree in Computer Science (or related field of study)</li>
<li>Minimum of 6 years experience with front end development of Web-based user interfaces</li>
<li>Minimum of 2 years experience with front end development of rich internet applications (RIA)</li>
<li>Expertise in building applications using the following technologies:  Flex 3/4, Flash Action Script, HTML, DHTML, JavaScript, JSON, CSS</li>
<li>Experience with the following tools: Maven, ANT, Subversion, CVS</li>
<li>Familiar with cross browser support issues and solutions as well as i18n issues and solutions</li>
<li>Experience doing software development in a structured, automated, and distributed development environment including design, development, QA, and documentation.</li>
<li>Strong communication skills with the ability to present technical concepts concisely to non-technical members of the team.</li>
</ul>
<p><strong>Nice to Have:</strong></p>
<ul>
<li>Familiarity with existing data modeling tools is a plus: ER/Studio ERWin, TOAD</li>
<li>Experience in building applications using any of the following technologies is a plus: JSP, Struts, JavaScript, JQuery, SEAM, GWT, Rich Faces, extjs, XML/XSLT, AIR</li>
</ul>
<p>If you are interested, please send us your resume to <a href="mailto:raj@mindsource.com?subject=Senior Web Developer">raj@mindsource.com</a>.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Senior Flex Developer]]></title>
<link>http://mindsourceinc.wordpress.com/2009/10/26/senior-flex-developer/</link>
<pubDate>Mon, 26 Oct 2009 23:16:43 +0000</pubDate>
<dc:creator>Michelle</dc:creator>
<guid>http://mindsourceinc.wordpress.com/2009/10/26/senior-flex-developer/</guid>
<description><![CDATA[Our client in SAN MATEO, CA is looking for a SENIOR WEB DEVELOPER for front-end development of next ]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>Our client in SAN MATEO, CA is looking for a SENIOR WEB DEVELOPER for front-end development of next generation data modeling and visualization tools. The ideal candidate would have expertise in front end development of complex Rich Internet Applications (RIA) and have demonstrated the ability to develop high quality enterprise software in a dynamic environment.</p>
<p><strong>RESPONSIBILITIES</strong></p>
<ul>
<li>Develop front end of Rich Internet Applications</li>
<li>Analyze functional requirements and specifications through close interaction with Product Management and other team members</li>
<li>Participate in product design and architectural discussions</li>
<li>Provide feedback and guidance to technical writers</li>
</ul>
<p><strong>REQUIRED SKILLS</strong></p>
<ul>
<li>Bachelor&#8217;s degree in Computer Science (or related field of study)</li>
<li>Minimum of 6 years experience with front end development of Web-based user interfaces</li>
<li>Minimum of 2 years experience with front end development of rich internet applications</li>
<li>Expertise in building applications using the following technologies: Flex 3/4, Flash Action Script, HTML, DHTML, JavaScript, CSS</li>
<li>Some experience with Animation is highly desired</li>
<li>Experience with BlazeDS is a huge plus</li>
<li>Strong communication skills with the ability to present technical concepts concisely to non-technical members of the team.</li>
</ul>
<p>Please let us know if you are interested in this position by sending your updated resume and availability for a phone interview to <a href="mailto:raj@mindsource.com?subject=Senior Flex Developer">raj@mindsource.com</a>.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[MAMRAM, BAHAD 7, BASMAH’ et MICROSOFT ]]></title>
<link>http://nanojv.wordpress.com/2009/10/25/mamram-microsoft-computer/</link>
<pubDate>Sat, 24 Oct 2009 23:21:24 +0000</pubDate>
<dc:creator>NANOJV JOINT VENTURES CONSTRUCTOR</dc:creator>
<guid>http://nanojv.wordpress.com/2009/10/25/mamram-microsoft-computer/</guid>
<description><![CDATA[Coopération Microsoft – Tsahal Par Dominique Bourra, CEO NanoJV. &nbsp; L’armée israélienne dispose ]]></description>
<content:encoded><![CDATA[Coopération Microsoft – Tsahal Par Dominique Bourra, CEO NanoJV. &nbsp; L’armée israélienne dispose ]]></content:encoded>
</item>
<item>
<title><![CDATA[Hospedagem de Sites Grátis !!! ]]></title>
<link>http://kranildu.wordpress.com/2009/10/14/hospedagem-de-sites-gratis/</link>
<pubDate>Wed, 14 Oct 2009 09:17:22 +0000</pubDate>
<dc:creator>Kranildu</dc:creator>
<guid>http://kranildu.wordpress.com/2009/10/14/hospedagem-de-sites-gratis/</guid>
<description><![CDATA[Esse artigo Mostra as 10 melhores empresas de Hospedagem Grátis. Provedores de hospedagem grátis com]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p align="center">Esse artigo Mostra as 10 melhores empresas de Hospedagem Grátis.</p>
<p>Provedores de hospedagem grátis com PHP &#38; MySQL</p>
<ol>
<li><a href="http://www.tharsysinformatica.com.br/">Tharsys Informática</a> –<strong> Hospedagem grátis servidor Brasil</strong>, com 500MB de espaço, 100GB de banda, PHP, MySQL, domínio .com .com.br e <strong>Plesk PT-BR</strong> .</li>
<li><a href="http://moourl.com/HostGratis">000WebHost</a> &#8211; Hospedagem grátis com 250MB de espaço, 100GB de banda, PHP, MySQL, Perl e <strong>Cpanel</strong>.</li>
<li><a href="http://www.110mb.com/">110MB</a> &#8211; Hospedagem grátis com 5GB de espaço, 300 GB de transferência, SSL, PHP 5, MySQL e <strong>Python</strong>.</li>
<li><a href="http://www.gigacities.net/">Gigacities</a> &#8211; Hospedagem grátis com 20GB de espaço, 300GB de banda, PHP 5 e MySQL.</li>
<li><a href="http://www.ifastnet.com/signup.php">iFastNet</a> &#8211; Hospedagem grátis com 300MB de espaço, 30GB de transferência mensal, <strong>PHP</strong> e <strong>MySQL</strong>.</li>
<li><a href="http://www.leadhoster.com/">Lead Hoster</a> &#8211; Hospedagem grátis com 250MB de espaço, 6GB de tráfego, PHP e MySQL.</li>
<li><a href="http://www.8tt.org/">8TT</a> &#8211; Hospedagem grátis com 10GB de espaço e 10GB de banda, PHP e MySQL.</li>
<li><a href="http://orgfree.com/">Orgfree</a> &#8211; Hospedagem grátis com 200MB de espaço, 3.5GB de banda/dia, PHP e MySQL.</li>
<li><a href="http://www.zendurl.com/">Zend Url</a> &#8211; Hospedagem grátis com 500MB de espaço, 15GB de banda, PHP e MySQL.</li>
</ol>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Fresher Software Devloper Trainee]]></title>
<link>http://thewalkin.wordpress.com/2009/10/12/fresher-software-devloper-trainee/</link>
<pubDate>Mon, 12 Oct 2009 01:48:10 +0000</pubDate>
<dc:creator>The Editor</dc:creator>
<guid>http://thewalkin.wordpress.com/2009/10/12/fresher-software-devloper-trainee/</guid>
<description><![CDATA[Eligibility Criteria: Freshers from  MCA ,  B.Tech (CS/IT/EC), BE (CS/IT/EC), MSc (CS/IT)   backgrou]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>Eligibility Criteria:<br />
Freshers from  MCA ,  B.Tech (CS/IT/EC), BE (CS/IT/EC), MSc (CS/IT)   background</p>
<p>Selection Process:<br />
Candidate should appear for an interview.</p>
<p>Details of the Employment Programme:<br />
The company will give the job offer  to the candidate as &#8221; Software Engineer Trainee &#8220;<br />
The candidate will get inhouse  training on the Live projects in different domains.<br />
After Completion of training candidate will work on Running projects and salary will be upto 1.2lac/annum.<br />
Training period will be 3-6 month<br />
Training will be on self support basis.</p>
<p>No. of Vacancy: 05</p>
<p><strong>Those who are looking an opportunity can come for a walk-in interview on 13th and 14th of Oct 2009 between 11:00 am to 4:00pm.</strong></p>
<p><strong><a href="http://www.freshershome.com/jobs/index.php?post_id=16868" target="_blank">Click Here for more details.</a><br />
</strong></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Hospedagem de Sites Grátis !!! ]]></title>
<link>http://alienhacked.wordpress.com/2009/10/11/hospedagem-de-sites-gratis/</link>
<pubDate>Sun, 11 Oct 2009 21:15:57 +0000</pubDate>
<dc:creator>Kranildu</dc:creator>
<guid>http://alienhacked.wordpress.com/2009/10/11/hospedagem-de-sites-gratis/</guid>
<description><![CDATA[Esse artigo Mostra as 10 melhores empresas de Hospedagem Grátis. Provedores de hospedagem grátis com]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p align="center">Esse artigo Mostra as 10 melhores empresas de Hospedagem Grátis.</p>
<p>Provedores de hospedagem grátis com PHP &#38; MySQL</p>
<ol>
<li><a href="http://www.tharsysinformatica.com.br/">Tharsys Informática</a> –<strong> Hospedagem grátis servidor Brasil</strong>, com 500MB de espaço, 100GB de banda, PHP, MySQL, domínio .com .com.br e <strong>Plesk PT-BR</strong> .</li>
<li><a href="http://moourl.com/HostGratis">000WebHost</a> &#8211; Hospedagem grátis com 250MB de espaço, 100GB de banda, PHP, MySQL, Perl e <strong>Cpanel</strong>.</li>
<li><a href="http://www.110mb.com/">110MB</a> &#8211; Hospedagem grátis com 5GB de espaço, 300 GB de transferência, SSL, PHP 5, MySQL e <strong>Python</strong>.</li>
<li><a href="http://www.gigacities.net/">Gigacities</a> &#8211; Hospedagem grátis com 20GB de espaço, 300GB de banda, PHP 5 e MySQL.</li>
<li><a href="http://www.ifastnet.com/signup.php">iFastNet</a> &#8211; Hospedagem grátis com 300MB de espaço, 30GB de transferência mensal, <strong>PHP</strong> e <strong>MySQL</strong>.</li>
<li><a href="http://www.leadhoster.com/">Lead Hoster</a> &#8211; Hospedagem grátis com 250MB de espaço, 6GB de tráfego, PHP e MySQL.</li>
<li><a href="http://www.8tt.org/">8TT</a> &#8211; Hospedagem grátis com 10GB de espaço e 10GB de banda, PHP e MySQL.</li>
<li><a href="http://orgfree.com/">Orgfree</a> &#8211; Hospedagem grátis com 200MB de espaço, 3.5GB de banda/dia, PHP e MySQL.</li>
<li><a href="http://www.zendurl.com/">Zend Url</a> &#8211; Hospedagem grátis com 500MB de espaço, 15GB de banda, PHP e MySQL.</li>
</ol>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Hospedagem de sites !!!]]></title>
<link>http://alienhacked.wordpress.com/2009/10/11/hospedagem-de-sites/</link>
<pubDate>Sun, 11 Oct 2009 21:05:23 +0000</pubDate>
<dc:creator>Kranildu</dc:creator>
<guid>http://alienhacked.wordpress.com/2009/10/11/hospedagem-de-sites/</guid>
<description><![CDATA[Hospedagem de sites Origem: Wikipédia, a enciclopédia livre. Ir para: navegação, pesquisa Hospedagem]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><h1 id="firstHeading">Hospedagem de sites</h1>
<h3 id="siteSub">Origem: Wikipédia, a enciclopédia livre.</h3>
<div id="jump-to-nav">Ir para: <a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#column-one">navegação</a>, <a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#searchInput">pesquisa</a></div>
<p><!-- start content --><strong>Hospedagem de Sites</strong> (<strong>Alojamento</strong> em <a title="Português europeu" href="http://pt.wikipedia.org/wiki/Portugu%C3%AAs_europeu">Português europeu</a>) é um serviço que possibilita a pessoas ou empresas com sistemas online a guardar informações, imagens, vídeo, ou qualquer conteúdo acessível por <a title="WWW" href="http://pt.wikipedia.org/wiki/WWW">Web</a>. <a title="Provedores de hospedagem de sites" href="http://pt.wikipedia.org/wiki/Provedores_de_hospedagem_de_sites">Provedores de hospedagem de sites</a> tipicamente são empresas que fornecem um espaço em seus servidores e conexão à internet a estes dados aos seus clientes.</p>
<table id="toc" border="0">
<tbody>
<tr>
<td>
<div id="toctitle">
<h2>Índice</h2>
<p>[<a id="togglelink" href="toggleToc()">esconder</a>]</p>
</div>
<ul>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Como_funciona">1 Como funciona</a>
<ul>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Pr.C3.A9-requisitos">1.1 Pré-requisitos</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Limites">1.2 Limites</a>
<ul>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Transfer.C3.AAncia_mensal">1.2.1 Transferência mensal</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Armazenamento_em_disco">1.2.2 Armazenamento em disco</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Quantidade_de_dom.C3.ADnios">1.2.3 Quantidade de domínios</a></li>
</ul>
</li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Servi.C3.A7os_essenciais">1.3 Serviços essenciais</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Publica.C3.A7.C3.A3o">1.4 Publicação</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Linguagem_de_programa.C3.A7.C3.A3o">1.5 Linguagem de programação</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Bancos_de_dados">1.6 Bancos de dados</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Servi.C3.A7o_de_email">1.7 Serviço de email</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Gerenciamento_da_.C3.A1rea_de_hospedagem">1.8 Gerenciamento da área de hospedagem</a></li>
</ul>
</li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Tipos_de_Hospedagem">2 Tipos de Hospedagem</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Comparando_Hospedagem_no_Brasil_e_no_Exterior">3 Comparando Hospedagem no Brasil e no Exterior</a>
<ul>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Desvantagem_de_provedores_no_Exterior">3.1 Desvantagem de provedores no Exterior</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Desvantagem_de_provedores_nacionais">3.2 Desvantagem de provedores nacionais</a></li>
<li><a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites#Identificando_um_provedor_no_Exterior">3.3 Identificando um provedor no Exterior</a></li>
</ul>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>// &#60;![CDATA[//</p>
<h2>[<a title="Editar seção: Como funciona" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=1">editar</a>] <span id="Como_funciona">Como funciona</span></h2>
<h3>[<a title="Editar seção: Pré-requisitos" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=2">editar</a>] <span id="Pr.C3.A9-requisitos">Pré-requisitos</span></h3>
<p>Para acessar um site geralmente é necessário um <a title="Domínio" href="http://pt.wikipedia.org/wiki/Dom%C3%ADnio">domínio</a>, alguns provedores disponibilizam um subdomínio gratuitamente, mas o ideal é registrar um domínio, o que pode ser feito no <a rel="nofollow" href="http://registro.br/">http://registro.br</a> para domínios com final .br ou em empresas específicas que registram domínios internacionais. Alguns provedores oferecem também o serviço de registro de domínios.</p>
<h3>[<a title="Editar seção: Limites" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=3">editar</a>] <span id="Limites">Limites</span></h3>
<p>Os provedores de hospedagem delimitam três recursos principais para cada conta de hospedagem disponibilizada.</p>
<p>Um detalhe importante é que o limite de transferência e armazenamento é medido em <a title="Megabyte" href="http://pt.wikipedia.org/wiki/Megabyte">Megabyte</a> (MB) ou em <a title="Gigabyte" href="http://pt.wikipedia.org/wiki/Gigabyte">Gigabyte</a> (GB), sendo que em alguns provedores a quantia em GB é igual a 1000 MB (<a title="Gigabyte" href="http://pt.wikipedia.org/wiki/Gigabyte">gigabyte</a>) e não a 1024 (<a title="Gibibyte" href="http://pt.wikipedia.org/wiki/Gibibyte">gibibyte</a>), deve-se, portanto, verificar o contrato para saber qual a taxa correta.</p>
<h4>[<a title="Editar seção: Transferência mensal" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=4">editar</a>] <span id="Transfer.C3.AAncia_mensal">Transferência mensal</span></h4>
<p>A transferência mensal é medida em MB ou em GB. A transferência mede tanto a quantidade de dados transferido do <a title="Servidor" href="http://pt.wikipedia.org/wiki/Servidor">servidor</a> para os visitantes do site quanto dos visitantes para o servidor de hospedagem. Muitos provedores de hospedagem também contam na taxa de transferência o tráfego de email (<a title="SMTP" href="http://pt.wikipedia.org/wiki/SMTP">SMTP</a>, <a title="POP3" href="http://pt.wikipedia.org/wiki/POP3">POP3</a>), <a title="FTP" href="http://pt.wikipedia.org/wiki/FTP">FTP</a>, entre outros protocolos. Deve-se observar o contrato para verificar o que é contado em cada caso.</p>
<p>Essa taxa é reiniciada no primeiro segundo de cada mês e geralmente os painéis de controle permitem obter um extrato de quanto está sendo utilizado para o mês corrente.</p>
<h4>[<a title="Editar seção: Armazenamento em disco" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=5">editar</a>] <span id="Armazenamento_em_disco">Armazenamento em disco</span></h4>
<p>O armazenamento em disco é a quantidade de dados medida em MB que se pode armazenar no disco rígido do servidor. Alguns provedores contam todos os dados armazenados na área de <a title="FTP" href="http://pt.wikipedia.org/wiki/FTP">FTP</a> apenas, outros também contam o limite de <a title="Banco de dados" href="http://pt.wikipedia.org/wiki/Banco_de_dados">banco de dados</a>, <a title="Email" href="http://pt.wikipedia.org/wiki/Email">emails</a> e até <a title="Logs" href="http://pt.wikipedia.org/wiki/Logs">logs</a> de acesso. A resposta geralmente está no contrato do serviço.</p>
<h4>[<a title="Editar seção: Quantidade de domínios" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=6">editar</a>] <span id="Quantidade_de_dom.C3.ADnios">Quantidade de domínios</span></h4>
<p>O padrão de mercado é um <a title="Domínio" href="http://pt.wikipedia.org/wiki/Dom%C3%ADnio">domínio</a> por conta de hospedagem, no entanto, alguns provedores disponibilizam mais de um domínio por conta. A disponibilização de mais de um domínio não significa que poderá ter dois ou mais sites em uma só conta, mas que dois ou mais domínios poderão responder para um mesmo site, um mesmo conteúdo.</p>
<h3>[<a title="Editar seção: Serviços essenciais" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=7">editar</a>] <span id="Servi.C3.A7os_essenciais">Serviços essenciais</span></h3>
<p>Um site tipicamente precisa:</p>
<ul>
<li><strong>um servidor para o protocolo <a title="HTTP" href="http://pt.wikipedia.org/wiki/HTTP">HTTP</a></strong>, como o <a title="Servidor Apache" href="http://pt.wikipedia.org/wiki/Servidor_Apache">Apache</a> ou o <a title="IIS" href="http://pt.wikipedia.org/wiki/IIS">IIS</a></li>
<li><strong>serviço de <a title="Email" href="http://pt.wikipedia.org/wiki/Email">email</a></strong>, com <a title="SMTP" href="http://pt.wikipedia.org/wiki/SMTP">SMTP</a>, <a title="POP3" href="http://pt.wikipedia.org/wiki/POP3">POP3</a> e talvez <a title="IMAP" href="http://pt.wikipedia.org/wiki/IMAP">IMAP</a></li>
<li><strong>serviço de <a title="DNS" href="http://pt.wikipedia.org/wiki/DNS">DNS</a></strong> para resolução de <em>hostnames</em> em <a title="IP" href="http://pt.wikipedia.org/wiki/IP">IPs</a></li>
<li><strong>serviço de publicação</strong>, provavelmente pelo protocolo <a title="FTP" href="http://pt.wikipedia.org/wiki/FTP">FTP</a></li>
<li><strong>estatísticas gráficas</strong>, que são softwares que processam os logs do servidor HTTP. Os mais comuns são o <a title="AWStats (página não existe)" href="http://pt.wikipedia.org/w/index.php?title=AWStats&#38;action=edit&#38;redlink=1">AWStats</a> e o <a title="Webalizer (página não existe)" href="http://pt.wikipedia.org/w/index.php?title=Webalizer&#38;action=edit&#38;redlink=1">Webalizer</a></li>
</ul>
<h3>[<a title="Editar seção: Publicação" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=8">editar</a>] <span id="Publica.C3.A7.C3.A3o">Publicação</span></h3>
<p>Quem contrata a hospedagem de sites deve enviar seu site ao servidor. O envio do site se dá tipicamente através de <a title="File Transfer Protocol" href="http://pt.wikipedia.org/wiki/File_Transfer_Protocol">FTP</a> ou por uma interface web através da qual pode-se efetuar o upload de arquivos tal qual inserir anexos num webmail.</p>
<p>Outras formas de publicação: <a title="SSH" href="http://pt.wikipedia.org/wiki/SSH">SSH</a> e <a title="Front Page" href="http://pt.wikipedia.org/wiki/Front_Page">Front Page</a>.</p>
<h3>[<a title="Editar seção: Linguagem de programação" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=9">editar</a>] <span id="Linguagem_de_programa.C3.A7.C3.A3o">Linguagem de programação</span></h3>
<p>Apesar de o padrão de um site na <a title="Web" href="http://pt.wikipedia.org/wiki/Web">web</a> ser a linguagem <a title="HTML" href="http://pt.wikipedia.org/wiki/HTML">HTML</a>, existem outras linguagens que podem pré-processar o HTML e modificá-lo de forma dinâmica.</p>
<p>As linguagens de programação mais comuns para web são <a title="PHP" href="http://pt.wikipedia.org/wiki/PHP">PHP</a>, <a title="ASP" href="http://pt.wikipedia.org/wiki/ASP">ASP</a>, plataforma <a title="ASP.NET" href="http://pt.wikipedia.org/wiki/ASP.NET">ASP.NET</a>, <a title="Perl" href="http://pt.wikipedia.org/wiki/Perl">Perl</a>, <a title="JSP" href="http://pt.wikipedia.org/wiki/JSP">JSP</a>, <a title="Ruby" href="http://pt.wikipedia.org/wiki/Ruby">Ruby</a>/<a title="Ruby on Rails" href="http://pt.wikipedia.org/wiki/Ruby_on_Rails">Ruby on Rails</a>, <a title="Python" href="http://pt.wikipedia.org/wiki/Python">Python</a>. Através destas linguagens o conteúdo do site pode ser armazenado em um <a title="Banco de dados" href="http://pt.wikipedia.org/wiki/Banco_de_dados">banco de dados</a>.</p>
<h3>[<a title="Editar seção: Bancos de dados" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=10">editar</a>] <span id="Bancos_de_dados">Bancos de dados</span></h3>
<p>Os <a title="Banco de dados" href="http://pt.wikipedia.org/wiki/Banco_de_dados">banco de dados</a> mais comuns para web são <a title="MySQL" href="http://pt.wikipedia.org/wiki/MySQL">MySQL</a>, <a title="Access" href="http://pt.wikipedia.org/wiki/Access">Access</a>, <a title="PostgreSQL" href="http://pt.wikipedia.org/wiki/PostgreSQL">PostgreSQL</a>, <a title="SQL Server" href="http://pt.wikipedia.org/wiki/SQL_Server">SQL Server</a> e <a title="Firebird" href="http://pt.wikipedia.org/wiki/Firebird">Firebird</a>. Os bancos de dados devem ser acessados através de uma linguagem de programação.</p>
<h3>[<a title="Editar seção: Serviço de email" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=11">editar</a>] <span id="Servi.C3.A7o_de_email">Serviço de email</span></h3>
<p>O serviço de email é composto por um protocolo de recebimento e envio de emails entre servidores de email, o protocolo <a title="SMTP" href="http://pt.wikipedia.org/wiki/SMTP">SMTP</a> e um protocolo de download de emails para os usuários, tal qual o <a title="POP3" href="http://pt.wikipedia.org/wiki/POP3">POP3</a> e <a title="IMAP" href="http://pt.wikipedia.org/wiki/IMAP">IMAP</a>. A maioria dos provedores de hospedagem oferecem também uma página para leitura de emails através do <a title="Navegador" href="http://pt.wikipedia.org/wiki/Navegador">navegador</a>, ou seja, um <a title="Webmail" href="http://pt.wikipedia.org/wiki/Webmail">Webmail</a>.</p>
<p>As caixas postais utilizam o formato <code>email@seudominio.com.br</code>, sendo que cada provedor de hospedagem oferece planos com uma quantia de caixas postais, alguns com um número ilimitado de emails. Alguns provedores delimitam um espaço em disco para cada caixa postal, outros não limitam esse espaço, mas esse espaço conta na quantia global que se pode utilizar de espaço em disco.</p>
<p>Um recurso muito interessante de email é o chamado <em>apelido de email</em> ou <em>alias de email</em>, que é um outro endereço pelo qual cada caixa postal também recebe emails. Exemplo: você possui a caixa postal <code>email@seudominio.com.br</code> e deseja que os emails enviados para <code>outro_email@seudominio.com.br</code> cheguem na caixa postal <code>email@seudominio.com.br</code>. Assim, a caixa postal <code>outro_email@seudominio.com.br</code> é um <em>apelido de email</em> para <code>email@seudominio.com.br</code>.</p>
<h3>[<a title="Editar seção: Gerenciamento da área de hospedagem" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=12">editar</a>] <span id="Gerenciamento_da_.C3.A1rea_de_hospedagem">Gerenciamento da área de hospedagem</span></h3>
<p>O gerenciamento do serviço tipicamente ocorre através de um painel de controle, onde podem ser criados emails, alterar senhas e todas as tarefas administrativas necessárias. Existem vários tipos de painéis de controle, sendo os mais comuns o <a title="CPanel" href="http://pt.wikipedia.org/wiki/CPanel">cPanel</a>, o <a title="Plesk" href="http://pt.wikipedia.org/wiki/Plesk">Plesk</a> e o <a title="HELM (página não existe)" href="http://pt.wikipedia.org/w/index.php?title=HELM&#38;action=edit&#38;redlink=1">HELM</a>. Alguns provedores de hospedagem, no entanto, possuem um painel de controle próprio.</p>
<h2>[<a title="Editar seção: Tipos de Hospedagem" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=13">editar</a>] <span id="Tipos_de_Hospedagem">Tipos de Hospedagem</span></h2>
<p>Hospedagem pode ser divida em seis tipos genéricos: gratuita, partilhada, revenda, servidor virtual (VPS), dedicado e co-location.</p>
<ul>
<li><a title="Hospedagem Grátis" href="http://pt.wikipedia.org/wiki/Hospedagem_Gr%C3%A1tis">Hospedagem Grátis</a>: a maioria dos serviços gratuitos de hospedagem são extremamente limitados quando comparados à hospedagem paga. Geralmente estes serviços incluem banners e outros tipos de propaganda nos sites. Além disso, a maioria oferece somente envio de sites por uma interface web, o que não é tão eficiente quando o envio por <a title="File Transfer Protocol" href="http://pt.wikipedia.org/wiki/File_Transfer_Protocol">FTP</a>. Também, geralmente, o espaço em disco e o tráfego de dados é limitado. De qualquer forma, muitas pessoas iniciam seu site através da hospedagem gratis.</li>
<li><a title="Hospedagem Compartilhada" href="http://pt.wikipedia.org/wiki/Hospedagem_Compartilhada">Hospedagem Compartilhada</a>: dezenas a centenas de sites são hospedados num mesmo servidor o que garante o melhor custo-benefício. Hoje os sistemas são estáveis o suficiente para permitir um serviço de qualidade mesmo nessas condições. O uptime (tempo de serviço no ar) deve ser cerca de 99,5% do tempo, pois a administração de múltiplos sites num mesmo servidor requer manutenções mais constantes que um único site por servidor.</li>
<li><a title="Revenda de Hospedagem" href="http://pt.wikipedia.org/wiki/Revenda_de_Hospedagem">Revenda de Hospedagem</a>: serviço oferecido para quem quer oferecer hospedagem de sites. O espaço em disco e tráfego nestes planos é superior a <em>Hospedagem Compartilhada</em> e pode-se colocar diversos sites.</li>
<li><a title="VPS" href="http://pt.wikipedia.org/wiki/VPS">Servidor Virtual (VPS)</a>: é uma tecnologia que torna um mesmo servidor capaz de rodar diversas plataformas diferentes, tornando capaz controlar melhor a hospedagem de seu site. É indicado para aplicações que precisam acesso total ao sistema operacional mas que não precisem de muita capacidade de processamento.</li>
<li><a title="Servidor Dedicado" href="http://pt.wikipedia.org/wiki/Servidor_Dedicado">Servidor Dedicado</a>: é o serviço mais caro, porém, superior a Hospedagem Compartilhada e ao Servidor Virtual, pois pode-se controlar melhor o servidor. Além de contratar um servidor, é também necessário saber que se necessita gerenciá-lo, o que requer um profissional qualificado, principalmente para gerenciar a segurança do servidor contra <a title="Cracker" href="http://pt.wikipedia.org/wiki/Cracker">crackers</a>. O hardware é fornecido pelo <a title="Data center" href="http://pt.wikipedia.org/wiki/Data_center">data center</a>.</li>
<li><a title="Co-location (página não existe)" href="http://pt.wikipedia.org/w/index.php?title=Co-location&#38;action=edit&#38;redlink=1">Co-location</a>: este serviço é semelhante ao Servidor Dedicado, porém o <a title="Hardware" href="http://pt.wikipedia.org/wiki/Hardware">hardware</a> não é fornecido pelo <a title="Data center" href="http://pt.wikipedia.org/wiki/Data_center">data center</a> mas sim pelo próprio contrante.</li>
<li><a title="Streaming" href="http://pt.wikipedia.org/wiki/Streaming">Streaming</a>: este serviço é oferecido para disponibilizar vídeos ou áudio online no formato 1 cliente -&#62; 1 servidor -&#62; N usuários.</li>
</ul>
<h2>[<a title="Editar seção: Comparando Hospedagem no Brasil e no Exterior" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=14">editar</a>] <span id="Comparando_Hospedagem_no_Brasil_e_no_Exterior">Comparando Hospedagem no Brasil e no Exterior</span></h2>
<p>Provedores de hospedagem brasileiros de menor porte possuem servidores locados em <a title="Datacenter" href="http://pt.wikipedia.org/wiki/Datacenter">datacenters</a> no exterior. Estes conseguem oferecer um preço menor que os provedores brasileiros que possuem servidores em <a title="Datacenter" href="http://pt.wikipedia.org/wiki/Datacenter">datacenters</a> brasileiros;</p>
<p>Por outro lado, as empresas de hospedagem no exterior podem apresentar vantagens na questão de redundância abaixo apontada, mas, o consumidor deve ficar atendo, pois os maiores provedores nacionais também se preocupam com redundância.</p>
<p>Grandes empresas mantêm diversos níveis de redundância, tanto de conectividade, como de processamento, como de energização; por redundância de conectividade, entenda-se que essas empresas mantêm contratos com grandes provedores de circuitos de dados, o que garante que na falha (ou mesmo congestionamento) de um, os outros suprem a banda necessária &#8211; no Brasil, há um oligopólio de fornecedores de circuitos, o que dificulta redundância.</p>
<p><em>Redundância de processamento</em> significa que as empresas têm muitos servidores e muitas peças de reposição prontas para utilização, no evento (que certamente ocorrerá) de uma falha de hardware que requeira substituição &#8211; no Brasil, servidores e peças custam mais caro, o que faz com que alguns provedores não mantenham estoques de reposição.</p>
<p>Por <em>redundância de energia</em>, entenda-se que grandes datacenters mantêm diversos geradores de energia, que entram em ação automaticamente em caso de falha ou oscilação no fornecimento de energia &#8211; no Brasil, o relativo menor retorno do ramo de hospedagem faz que as empresas invistam menos nos custosos geradores de energia sobressalentes.</p>
<p>Além disso, grandes empresas (comuns no exterior, raras no Brasil) podem se dar ao luxo de manter <em>redundância de pessoal</em>. Em diversas grandes empresas, é possível encontrar técnicos de diversos níveis (do simples operacional ao mais técnico) 24 horas por dia, 7 dias por semana. No Brasil, essa disponibilidade é mais rara, por causa do alto custo trabalhista desse pessoal (principalmente o mais capacitado), o que faz com que os problemas levem mais tempo para serem resolvidos.</p>
<h3>[<a title="Editar seção: Desvantagem de provedores no Exterior" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=15">editar</a>] <span id="Desvantagem_de_provedores_no_Exterior">Desvantagem de provedores no Exterior</span></h3>
<ul>
<li><strong>maior latência de conexão</strong>: o <a title="Ping" href="http://pt.wikipedia.org/wiki/Ping">ping</a> na maioria dos casos é superior a 200ms, o que pode até ser pouco perceptível. No entanto, em aplicações que realizam comandos em série como o <a title="FTP" href="http://pt.wikipedia.org/wiki/FTP">FTP</a> a velocidade de transferência pode se tornar muito perceptível.</li>
</ul>
<ul>
<li><strong>atendimento em idioma estrangeiro</strong>: se o cliente contratar serviço de provedor localizado no exterior e não de apenas de uma empresa nacional que possui servidores no exterior, o atendimento será provavelmente em inglês.</li>
</ul>
<h3>[<a title="Editar seção: Desvantagem de provedores nacionais" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=16">editar</a>] <span id="Desvantagem_de_provedores_nacionais">Desvantagem de provedores nacionais</span></h3>
<ul>
<li><strong>Custo alto</strong>: A mão de obra especializada na área de Administração de Sistemas é muito mais econômica nos Estados Unidos por terem muitos profissionais formados e por trabalharem com quantidade. O equipamento, o espaço em disco em GB e o valor da banda por GB são também bem mais econômicos nos Estados Unidos onde, mais uma vez eles trabalham com quantidade, menos impostos e têm melhores preços.</li>
</ul>
<h3>[<a title="Editar seção: Identificando um provedor no Exterior" href="http://pt.wikipedia.org/w/index.php?title=Hospedagem_de_sites&#38;action=edit&#38;section=17">editar</a>] <span id="Identificando_um_provedor_no_Exterior">Identificando um provedor no Exterior</span></h3>
<p>O método aqui descrito irá verificar se o site do provedor de hospedagem está hospedado no Brasil. Se estiver, isso não significa necessariamente que seu site também estará, pois o provedor pode manter seu site aqui no Brasil e seus clientes no exterior.</p>
<ul>
<li>pegue o domínio de seu provedor. Em <em><a rel="nofollow" href="http://www.exemplo.com.br/">http://www.exemplo.com.br/</a></em>, o domínio será <em>exemplo.com.br</em></li>
<li>efetue um <a title="Ping" href="http://pt.wikipedia.org/wiki/Ping">ping</a> no domínio de seu provedor. No Windows basta acessar o <em>Prompt de comando</em> e digitar:</li>
</ul>
<pre>ping exemplo.com.br
</pre>
<ul>
<li>aparecerá o IP do domínio entre parênteses.</li>
<li>acesse <a rel="nofollow" href="https://registro.br/cgi-bin/whois/">https://registro.br/cgi-bin/whois/</a> e digite o IP</li>
<li>se aparecer a mensagem <em>Não alocado para o Brasil</em> é porque o site está hospedado no exterior</li>
<li>se aparecer os dados do provedor então é porque o site está hospedado no Brasil</li>
</ul>
<p><!--  NewPP limit report Preprocessor node count: 67/1000000 Post-expand include size: 0/2048000 bytes Template argument size: 0/2048000 bytes Expensive parser function count: 0/500 --> <!-- Saved in parser cache with key ptwiki:pcache:idhash:14898-0!1!0!!pt!2 and timestamp 20091006214454 --></p>
<div>Obtido em &#8220;<a href="http://pt.wikipedia.org/wiki/Hospedagem_de_sites">http://pt.wikipedia.org/wiki/Hospedagem_de_sites</a>&#8220;</div>
<div id="catlinks">
<div id="mw-normal-catlinks"><a title="Especial:Categorias" href="http://pt.wikipedia.org/wiki/Especial:Categorias">Categoria</a>: <a title="Categoria:Internet" href="http://pt.wikipedia.org/wiki/Categoria:Internet">Internet</a></div>
</div>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Milestone in Web development]]></title>
<link>http://degron.wordpress.com/2009/09/14/milestone-in-web-development/</link>
<pubDate>Mon, 14 Sep 2009 12:59:11 +0000</pubDate>
<dc:creator>degron</dc:creator>
<guid>http://degron.wordpress.com/2009/09/14/milestone-in-web-development/</guid>
<description><![CDATA[Dottoro, a web programming start up, takes a brand new approach to language references currently ava]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><div style="margin-top:30px;"><span style="color:#0080c0;font-size:140%;">Dottoro</span>, a web programming start up, takes a brand new approach to language references currently available on the market: their help provides a complete, yet easy to navigate and understand reference to the <a href="http://help.dottoro.com/lcsdaoxj.php" style="text-decoration:underline;"><b>CSS</b></a>, <a href="http://help.dottoro.com/lhsdaoxj.php" style="text-decoration:underline;"><b>HTML</b></a> and <a href="http://help.dottoro.com/ljsdaoxj.php" style="text-decoration:underline;"><b>JavaScript</b></a> languages to developers at all levels. Most user reviews highlight that it also gives an <b>example to every language element, provides browser support information, proposes cross-browser solutions</b>, with the possibility to preview the outcome online, without the need to copy and run it on your local drive.</div>
<div style="margin-top:22px;"><span style="font-size:140%;">I</span>n most cases there is a kind of disconnection between the developers who make the online web reference and the users who want to use it. The creator of the web site may assume too much knowledge on the part of the users, leading to confusion. The bottom-line differentiator of Dottoro is a broad feature set along with <span style="color:#0080c0;">simplicity, usability and a clear interface</span>. Take, for example, the frustration felt by many application-developers as well as web designers to find the proper language elements: with Dottoro this has been resolved with a <span style="color:#0080c0;">tree view control where you can <a href="http://help.dottoro.com/ljswgnnf.php" style="text-decoration:underline;">browse by categories</a>, and a smart index panel which lists all language elements in alphabetical order where you can search as you type</span> &#8211; clear information architecture, improved layout, easy navigation in the application are major strong points.</div>
<div style="margin-top:22px;"><span style="font-size:140%;">O</span>n top of the detailed code descriptions the biggest help &#8211; especially to non-pro web developers to reach the next levels in performance and functionality &#8211; is that the most common applications are demonstrated through <span style="color:#0080c0;">real-world examples as well as detailed explanations</span>, engaged with interactive interface: it is really impressive how <span style="color:#0080c0;">every example is syntax highlighted</span> and can be <span style="color:#0080c0;">tried online with a mouse click</span>.</div>
<div style="margin-top:22px;"><span style="font-size:140%;">T</span>oday, most professionals want the capability to allow their users and customers to access their content and services in the same format and appearance from any work station, through any browser being present in the market. Dottoro not only helps web developers and web designers to build world-class sites, but also enables them to make their applications <span style="color:#0080c0;">browser-independent</span>. <span style="color:#0080c0;">Every language element description includes browser-support information; furthermore, wherever it is needed and possible, it explains and demonstrates with examples how to handle browser-independence issues</span>.</div>
<div style="margin-top:22px;"><span style="font-size:140%;">D</span>ottoro creates next-generation web experience with the way it describes CSS properties. While other web references use often hard to understand <span style="color:#0080c0;">regular expressions</span> to describe the possible <span style="color:#0080c0;">CSS property values</span>, Dottoro follows a simple, but intuitive <span style="color:#0080c0;">visual-demonstrative approach</span>. The simplicity of the CSS module is appealing on first look, and reduces lengthy learning curves, in particular for users who are new to CSS coding. (e.g. <a href="http://help.dottoro.com/lcdvammh.php" style="text-decoration:underline;">background</a>, <a href="http://help.dottoro.com/lcdbgwte.php" style="text-decoration:underline;">border</a> or <a href="http://help.dottoro.com/lclmgrtl.php" style="text-decoration:underline;">font</a>) </div>
<div style="margin-top:22px;"><span style="font-size:140%;">E</span>ven though the developers of Dottoro have not yet had the decades of time to mature their product and adjust it according to thousands of customer feedbacks, the level of functionality and capability compared to its peers is amazingly advanced. The methodical approach to aligning usability to non-browser specific capabilities and improved CSS coding helps developers to create a professional website &#8211; the most cost effective marketing tool available in the web today.</div>
<div style="margin:22px 10px;">Visit at: <a href="http://help.dottoro.com">http://help.dottoro.com</a></div>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Easy To Implement Drop Downs (Resource)]]></title>
<link>http://gssitest.wordpress.com/2009/09/09/easy-to-implement-drop-downs-resource/</link>
<pubDate>Wed, 09 Sep 2009 14:53:43 +0000</pubDate>
<dc:creator>gssidesign</dc:creator>
<guid>http://gssitest.wordpress.com/2009/09/09/easy-to-implement-drop-downs-resource/</guid>
<description><![CDATA[http://webdesignledger.com/resources/14-easy-to-implement-drop-down-menu-solutions A selection of ea]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p><span style="font-size:large;"><a id="z19o" title="http://webdesignledger.com/resources/14-easy-to-implement-drop-down-menu-solutions" href="http://webdesignledger.com/resources/14-easy-to-implement-drop-down-menu-solutions">http://webdesignledger.com/resources/14-easy-to-implement-drop-down-menu-solutions</a></span></p>
<p>A selection of easy to implement drop downs. Some more stylish/functional than others, and though some may not replace our current system, should be something to think about for certain clients.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Web-Based Line Chart Tools Comparison]]></title>
<link>http://raygauss.wordpress.com/2009/09/01/line-chart-tools/</link>
<pubDate>Tue, 01 Sep 2009 13:26:41 +0000</pubDate>
<dc:creator>rgauss</dc:creator>
<guid>http://raygauss.wordpress.com/2009/09/01/line-chart-tools/</guid>
<description><![CDATA[Flot/jQuery YUI Google Visualization API I&#8217;m in the process of evaluating various AJAX/DHTML f]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><div>
<div id="flotcap" class="wp-caption alignleft" style="width: 210px"><a href="#flot"><img style="border:0 initial initial;" title="chart-users-flot" src="http://raygauss.wordpress.com/files/2009/08/chart-users-flot.png" alt="chart-users-flot" height="100" /></a><p class="wp-caption-text">Flot/jQuery</p></div></p>
<div id="yuicap" class="wp-caption alignright" style="width: 210px"><a href="#yui"><img style="border:0 initial initial;" title="chart-users-yui" src="http://raygauss.wordpress.com/files/2009/08/chart-users-yui.png" alt="chart-users-yui" height="100" /></a><p class="wp-caption-text">YUI</p></div>
</div>
<div style="clear:both;"></div>
<p><div id="googlecap" class="wp-caption aligncenter" style="width: 210px"><a href="#google"><img title="chart-users-google" src="http://raygauss.wordpress.com/files/2009/08/chart-users-google.png" alt="chart-users-google" width="200" /></a><p class="wp-caption-text">Google Visualization API</p></div>
<p>I&#8217;m in the process of evaluating various AJAX/DHTML frameworks for an enterprise application and one of the needs that deserved some hands-on experimentation was the ability create charts.</p>
<p><a href="http://jquery.com" target="_blank">jQuery</a> and <a href="http://developer.yahoo.com/yui/" target="_blank">YUI</a> are in the lead as far as core frameworks for this application and the <a href="http://code.google.com/apis/visualization" target="_blank">Google Visualization API</a> seems pretty interesting so was included as well.</p>
<p>As a fairly simple and common use case I choose a target of a line chart that showed the number of users of a few services over time and defined some basic requirements:</p>
<ul>
<li>The data must be fetched from a separate URL, not defined on the presentation page (this URL will be a web service in production)</li>
<li>Three series must be displayed at once</li>
<li>The data points should have tooltips</li>
<li>&#8216;Out-of-the-box&#8217; components should be used when possible</li>
<li>A non-flash solution is preferred</li>
</ul>
<p>Some of the points I found interesting from each framework follow.  Note that the charts here are only screenshots as I didn&#8217;t find any immediately obvious way to get the real charts working on wordpress.com.</p>
<h3><a name="flot"></a>Flot/jQuery</h3>
<p><img class="alignnone size-full wp-image-55" title="chart-users-flot" src="http://raygauss.wordpress.com/files/2009/08/chart-users-flot.png" alt="chart-users-flot" width="403" height="202" /></p>
<p>At this time it doesn&#8217;t seem that <a href="http://jquery.com" target="_blank">jQuery</a> or <a href="http://jqueryui.com" target="_blank">jQuery UI</a> has any built-in charting abilities but there are a ton of community <a href="http://plugins.jquery.com" target="_blank">plugins</a> available.</p>
<p><a href="http://code.google.com/p/flot" target="_blank">Flot</a> looked the most promising (<a href="http://omnipotent.net/jquery.sparkline" target="_blank">Sparklines</a> also looks very good for tiny charts).</p>
<p><strong>Data</strong></p>
<p>Flot seems to prefer its data in JSON format organized by series and we want to simulate a web service so we&#8217;ll create a file <code>data/users-series-format.json</code> containing something like:</p>
<div style="background-color:#EBF1FA;border:thin dashed gray;margin:20px;padding:5px 10px;"><code>[<br />
{label: "Service 1 Users", data:[<br />
...<br />
[1241668800000,110],<br />
[1241755200000,115]<br />
]},<br />
{label: "Service 2 Users", data:[<br />
...<br />
[1241668800000,22],<br />
[1241755200000,23]<br />
]},<br />
{label: "Service 3 Users", data:[<br />
...<br />
[1241668800000,26],<br />
[1241755200000,31]<br />
]}<br />
]<br />
</code></div>
<p><strong>Presentation</strong></p>
<p>Setup was simple enough.  Include the scripts:</p>
<div style="background-color:#EBF1FA;border:thin dashed gray;margin:20px;padding:5px 10px;"><code><span style="font-family:Monaco, 'Times New Roman', 'Bitstream Charter', Times, serif;line-height:normal;font-size:11px;color:#3f5fbf;">&#60;!--[if IE]&#62;&#60;script language="<span style="text-decoration:underline;">javascript</span>" type="text/<span style="text-decoration:underline;">javascript</span>" <span style="text-decoration:underline;">src</span>="../<span style="text-decoration:underline;">excanvas</span>.pack.<span style="text-decoration:underline;">js</span>"&#62;&#60;/script&#62;&#60;![<span style="text-decoration:underline;">endif</span>]--&#62;</span></p>
<p style="font:11px Monaco;color:#2a00ff;margin:0;"><span style="color:#008080;">&#60;</span><span style="color:#3f7f7f;">script</span><span style="color:#000000;"> </span><span style="color:#7f007f;">language</span><span style="color:#000000;">=</span>"javascript"<span style="color:#000000;"> </span><span style="color:#7f007f;">type</span><span style="color:#000000;">=</span>"text/javascript"<span style="color:#000000;"> </span><span style="color:#7f007f;">src</span><span style="color:#000000;">=</span>"scripts/jquery/jquery-1.3.2.js"<span style="color:#008080;">&#62;&#60;/</span><span style="color:#3f7f7f;">script</span><span style="color:#008080;">&#62;</span></p>
<p style="font:11px Monaco;color:#2a00ff;margin:0;"><span style="color:#008080;">&#60;</span><span style="color:#3f7f7f;">script</span><span style="color:#000000;"> </span><span style="color:#7f007f;">language</span><span style="color:#000000;">=</span>"javascript"<span style="color:#000000;"> </span><span style="color:#7f007f;">type</span><span style="color:#000000;">=</span>"text/javascript"<span style="color:#000000;"> </span><span style="color:#7f007f;">src</span><span style="color:#000000;">=</span>"scripts/jquery/jquery.flot.js"<span style="color:#008080;">&#62;&#60;/</span><span style="color:#3f7f7f;">script</span><span style="color:#008080;">&#62;</span></p>
<p></code></div>
<p>put in the placeholder where you want the chart:</p>
<div style="background-color:#EBF1FA;border:thin dashed gray;margin:20px;padding:5px 10px;"><code></p>
<p style="font:11px Monaco;color:#2a00ff;margin:0;"><span style="color:#008080;">&#60;</span><span style="color:#3f7f7f;">div</span><span style="color:#000000;"> </span><span style="color:#7f007f;">id</span><span style="color:#000000;">=</span>"placeholder"<span style="color:#000000;"> </span><span style="color:#7f007f;">style</span><span style="color:#000000;">=</span>"width:400px; height:200px;"<span style="color:#008080;">&#62;&#60;/</span><span style="color:#3f7f7f;">div</span><span style="color:#008080;">&#62;</span></p>
<p></code></div>
<p>get the data and build the chart:</p>
<div style="background-color:#EBF1FA;border:thin dashed gray;margin:20px;padding:5px 10px;"><code></p>
<p style="font:11px Monaco;color:#2a00ff;margin:0;"><span style="color:#008080;">&#60;</span><span style="color:#3f7f7f;">script</span><span style="color:#000000;"> </span><span style="text-decoration:underline;">id</span><span style="color:#000000;">=</span>"source"<span style="color:#000000;"> </span><span style="color:#7f007f;">language</span><span style="color:#000000;">=</span>"javascript"<span style="color:#000000;"> </span><span style="color:#7f007f;">type</span><span style="color:#000000;">=</span>"text/javascript"<span style="color:#008080;">&#62;</span></p>
<p style="font:11px Monaco;color:#2a00ff;margin:0;"><span style="color:#000000;">$.getJSON(</span>"data/users-series-format.json"<span style="color:#000000;">, </span><span style="color:#7f0055;">function</span><span style="color:#000000;">(json){</span></p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span>$.plot($(<span style="color:#2a00ff;">"#placeholder"</span>), json, {</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span>xaxis: { mode: <span style="color:#2a00ff;">"time"</span> },</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span>lines: { show: <span style="color:#7f0055;">true</span> },</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span>points: { show: <span style="color:#7f0055;">true</span> }</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span>});</p>
<p style="font:11px Monaco;margin:0;">});</p>
<p style="font:11px Monaco;color:#3f7f7f;margin:0;"><span style="color:#008080;">&#60;/</span>script<span style="color:#008080;">&#62;</span></p>
<p></code></div>
<p><a href="http://people.iola.dk/olau/flot/examples/interacting.html" target="_blank">Adding the tooltip</a> was a little more complicated but not terribly so.</p>
<h3><a name="yui"></a>YUI</h3>
<p><img class="alignnone size-full wp-image-61" title="chart-users-yui" src="http://raygauss.wordpress.com/files/2009/08/chart-users-yui.png" alt="chart-users-yui" width="372" height="182" /></p>
<p><a href="http://developer.yahoo.com/yui/" target="_blank">The Yahoo! User Interface Library (YUI)</a> is a mature, robust library with Yahoo-supplied components for just about everything.</p>
<p>The <a href="http://developer.yahoo.com/yui/charts" target="_blank">YUI Charts Control</a> (labeled as experimental at the time of this writing) creates nice looking charts, but they are flash-based.</p>
<p>There is plenty of documentation on YUI&#8217;s charts so I won&#8217;t go into too much detail but the concepts are similar to above.</p>
<p><strong>Data</strong></p>
<p>YUI&#8217;s <a href="http://developer.yahoo.com/yui/datasource" target="_blank">DataSource</a> component can handle several data formats, for consistency&#8217;s sake I went with JSON so my file <code>data/users-raw-format.json</code> (named so since it most closely resembles the raw data used to build it) contains:</p>
<div style="background-color:#EBF1FA;border:thin dashed gray;margin:20px;padding:5px 10px;"><code>{"Response" : { "Results" : [<br />
...<br />
{"date":"5/7/09","Service_1_Users":110},<br />
{"date":"5/7/09","Service_2_Users":26},<br />
{"date":"5/7/09","Service_3_Users":22},<br />
{"date":"5/8/09","Service_1_Users":115},<br />
{"date":"5/8/09","Service_2_Users":31},<br />
{"date":"5/8/09","Service_3_Users":23}<br />
]}}<br />
</code></div>
<p>I did have trouble getting this data to load properly via URL when the HTML file containing the DataSource code was loaded in the browser via <code>file://</code> rather than <code>http://</code> even after adding the file location to the Flash <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html" target="_blank">global security settings</a>.</p>
<p>The chart also displayed oddly when the data contained JavaScript timestamps and a date parser was used, so as you can see a string date was used in the data, not ideal but this is just proof of concept.</p>
<p><strong>Presentation</strong></p>
<p>Include the scripts (YUI&#8217;s <a href="http://developer.yahoo.com/yui/articles/hosting/?charts#configure" target="_blank">dependency configurator</a> comes in handy here), add a place holder div for the chart, get the data, and build the chart.</p>
<p>Don&#8217;t forget to set <code>YAHOO.widget.Chart.SWFURL</code> to a location containing the swf.</p>
<h3><a name="google"></a>Google Visualization API</h3>
<p><img class="alignnone size-full wp-image-70" title="chart-users-google" src="http://raygauss.wordpress.com/files/2009/08/chart-users-google.png" alt="chart-users-google" width="392" height="198" /></p>
<p>There are some pretty slick examples in the <a href="http://code.google.com/apis/visualization/documentation/gallery.html" target="_blank">Google&#8217;s Visualization Gallery</a> like the Motion Chart, but for the purposes of our exploring we just need the <a href="http://code.google.com/apis/visualization/documentation/gallery/linechart.html" target="_blank">Line Chart</a>.</p>
<p>Once again we have a similar pattern for getting things running.</p>
<p><strong>Data</strong></p>
<p>Google requires that the web service providing the <a href="http://code.google.com/apis/visualization/documentation/dev/implementing_data_source.html" target="_blank">data source</a> implement a particular protocol and <a href="http://code.google.com/apis/visualization/documentation/dev/implementing_data_source.html#jsondatatable">format</a>.</p>
<p>We&#8217;ll again use JSON and with Google&#8217;s format our <code>data/users-google-format.json</code> file looks like:</p>
<div style="background-color:#EBF1FA;border:thin dashed gray;margin:20px;padding:5px 10px;"><code>google.visualization.Query.setResponse({<br />
version:'0.6',<br />
reqId:'0',<br />
status:'ok',<br />
sig:'5982206968295329967',<br />
table:{<br />
cols:[<br />
{id:'date',label:'Date',type:'date'},<br />
{id:'s1',label:'Service 1 Users',type:'number'},<br />
{id:'s2',label:'Service 2 Users',type:'number'},<br />
{id:'s3',label:'Service 3 Users',type:'number'}],<br />
rows:[<br />
...<br />
{c:[{v:new Date(2009,4,7,0,0,0)},{v:110},{v:26},{v:22}]},<br />
{c:[{v:new Date(2009,4,8,0,0,0)},{v:115},{v:31},{v:23}]}<br />
]<br />
}<br />
});<br />
</code></div>
<p>At first the format seemed cumbersome but I realize that many users would prefer this close resemblance to how the same data would appear in a spreadsheet.</p>
<p><strong>Presentation</strong></p>
<p>Loading of the scripts is a little different since you use Google&#8217;s core JavaScript API to load the charting tools needed and can call the chart initialization on successful load of that package:</p>
<div style="background-color:#EBF1FA;border:thin dashed gray;margin:20px;padding:5px 10px;">
<p style="font:11px Monaco;color:#2a00ff;margin:0;"><span style="color:#008080;">&#60;</span><span style="color:#3f7f7f;">script</span><span style="color:#000000;"> </span><span style="color:#7f007f;">type</span><span style="color:#000000;">=</span>&#8220;text/javascript&#8221;<span style="color:#000000;"> </span><span style="color:#7f007f;">src</span><span style="color:#000000;">=</span>&#8220;http://www.google.com/jsapi&#8221;<span style="color:#008080;">&#62;&#60;/</span><span style="color:#3f7f7f;">script</span><span style="color:#008080;">&#62;</span></p>
<p style="font:11px Monaco;color:#2a00ff;margin:0;"><span style="color:#008080;">&#60;</span><span style="color:#3f7f7f;">script</span><span style="color:#000000;"> </span><span style="color:#7f007f;">type</span><span style="color:#000000;">=</span>&#8220;text/javascript&#8221;<span style="color:#008080;">&#62;</span></p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span>google.load(<span style="color:#2a00ff;">&#8220;visualization&#8221;</span>, <span style="color:#2a00ff;">&#8220;1&#8243;</span>, {packages:[<span style="color:#2a00ff;">"linechart"</span>]});</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span>google.setOnLoadCallback(initialize);</p>
</div>
<p>where <code>initialize</code> loads the data:</p>
<div style="background-color:#EBF1FA;border:thin dashed gray;margin:20px;padding:5px 10px;">
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span><span style="color:#7f0055;">function</span> initialize() {</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span> <span style="color:#7f0055;">var</span> query = <span style="color:#7f0055;">new</span> google.visualization.Query(<span style="color:#2a00ff;">&#8216;data/users-google-format.json&#8217;</span>);</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span> query.send(handleQueryResponse);</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span>}</p>
</div>
<p>and the query calls <code>handleQueryResponse</code> which draws the chart:</p>
<div style="background-color:#EBF1FA;border:thin dashed gray;margin:20px;padding:5px 10px;">
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span><span style="color:#7f0055;">function</span> handleQueryResponse(response) {</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span> <span style="color:#7f0055;">if</span> (response.isError()) {</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span> alert(<span style="color:#2a00ff;">&#8216;Error in query: &#8216;</span> + response.getMessage() + <span style="color:#2a00ff;">&#8216; &#8216;</span> + response.getDetailedMessage());</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span> <span style="color:#7f0055;">return</span>;</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span> }</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span> <span style="color:#7f0055;">var</span> data = response.getDataTable();</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span> <span style="color:#7f0055;">var</span> chart = <span style="color:#7f0055;">new</span> google.visualization.LineChart(document.getElementById(<span style="color:#2a00ff;">&#8216;chart_div&#8217;</span>));</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span> chart.draw(data, {width: 400, height: 200, is3D: <span style="color:#7f0055;">true</span>});</p>
<p style="font:11px Monaco;margin:0;"><span style="white-space:pre;"> </span>}</p>
<p style="font:11px Monaco;min-height:15px;margin:0;">
<p style="font:11px Monaco;color:#3f7f7f;margin:0;"><span style="color:#008080;">&#60;/</span>script<span style="color:#008080;">&#62;</span></p>
</div>
<h3>Summary</h3>
<p>Even with the extensive documentation and examples available on YUI I&#8217;d have to say it was the most difficult to deal with, presenting some little problem at almost every turn.</p>
<p>It didn&#8217;t seem that it would be very easy to use a JSON format other than the one recommended by the framework for any of the tools evaluated, which is disappointing.</p>
<p>There are certainly a lot of factors to consider before choosing a UI framework, but if all I needed were line charts I&#8217;d probably hand it to Flot/jQuery.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[IE Whitespace madness]]></title>
<link>http://brooknovak.wordpress.com/2009/08/23/ie-whitespace-madness/</link>
<pubDate>Sun, 23 Aug 2009 05:07:59 +0000</pubDate>
<dc:creator>brooknovak</dc:creator>
<guid>http://brooknovak.wordpress.com/2009/08/23/ie-whitespace-madness/</guid>
<description><![CDATA[Internet Explorer&#8217;s DOM has a few issues regarding whitespace. Whitespace symbols in HTML 4.01]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>Internet Explorer&#8217;s DOM has a few issues regarding whitespace. Whitespace symbols in HTML 4.01 are any of the following symbols:</p>
<p><!--more--></p>
<ul>
<li>ASCII space (&#38;#x20;)</li>
<li>ASCII tab (&#38;#x09;)</li>
<li>ASCII form feed (&#38;#x0C;)</li>
<li>Zero-width space (&#38;#x200B;)</li>
</ul>
<p>Refer to <a href="http://www.w3.org/TR/html401/struct/text.html#h-9.1">w3&#8217;s specifications here</a>.</p>
<h2>Querying InnerHTML and outerHTML</h2>
<p>Now IE&#8217;s <code>innerHTML</code> and <code>outerHTML</code> adds all sorts of whitespaces when querying these properties. For example:</p>
<pre class="brush: jscript;">
    var container = document.createElement(&quot;div&quot;);
    container.innerHTML = &quot;&lt;div&gt;&lt;ul&gt;&lt;li&gt;I &lt;em&gt;like&lt;/em&gt; sushi!&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;&quot;
    alert(container.innerHTML);
</pre>
<p>Prints:</p>
<pre class="brush: xml;">
&lt;DIV&gt;[][]&lt;UL&gt;[][]&lt;LI&gt;I &lt;EM&gt;like&lt;/EM&gt; sushi!&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;
</pre>
<p>Where the &#8220;[]&#8221; symbols denote whitespace symbols. In this example the added whitespaces causes the alert to break them (probably a newline and carriage return) thus physically displaying:</p>
<pre class="brush: xml;">
&lt;DIV&gt;
&lt;UL&gt;
&lt;LI&gt;I &lt;EM&gt;like&lt;/EM&gt; sushi!&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;
</pre>
<p>Maybe the implementor was trying to be helpful by adding these mysterious newline symbols before every block-level element for automatic readability. What a damn fool.</p>
<p>Is there a fix? Well, if you really need <code>innerHTML</code> to be precise you could walk the DOM tree yourself and spit out the markup as you traverse. You could bite the bullet can parse the string using regular expressions &#8211; and for every opening block-level element tag check for preceding whitespace symbols and eat them.</p>
<h2>Creating DOM trees via innerHTML</h2>
<p>When creating DOM trees via <code>innerHTML</code>, IE does not always create a DOM tree to reflect the exact HTML contents you pass it. This is because IE automatically collapses whitespace (normalization on the fly). For example:</p>
<pre class="brush: jscript;">
    var container = document.createElement(&quot;div&quot;);
    container.innerHTML = &quot;\n Apples \n&quot;
    alert(container.firstChild.nodeValue.length);
</pre>
<p>All browsers except for IE print &#8220;10&#8243;, IE collapses the surrounding whitespace and prints &#8220;7&#8243;.</p>
<p>To over come this: don&#8217;t use <code>innerHTML</code> &#8211; if you need the DOM tree to be precise, manually create the DOM structures yourself. I tried using &#8220;pre&#8221; white-space styles but it still normalized. You could use a pre element but if you HTML contains block-level elements the markup will be invalid (pre only allows a select few of inline-level elements).</p>
<p><em>Note:</em> you may find this useful: <a href="http://brooknovak.wordpress.com/software-projects/html2js">JS2HTML</a></p>
<p>See <a href="http://www.quirksmode.org/bugreports/archives/2004/11/innerhtml_and_t.html">this bug report at quirksmode</a> for more details.</p>
<p>Hope this article relieves some of your IE headaches&#8230; it probably just aggravated you.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Knowledge Based Programming Scripts for IT Aspirants]]></title>
<link>http://soloscript09.wordpress.com/2009/08/22/knowledge-based-programming-scripts-for-it-aspirants/</link>
<pubDate>Sat, 22 Aug 2009 05:33:28 +0000</pubDate>
<dc:creator>soloscript</dc:creator>
<guid>http://soloscript09.wordpress.com/2009/08/22/knowledge-based-programming-scripts-for-it-aspirants/</guid>
<description><![CDATA[The World Wide Web can educate you, making you aware of the latest technologies evolving day by day.]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>The World Wide Web can educate you, making you aware of the latest technologies evolving day by day. IT professionals are now well informed with knowledge at par that provides them with better paying jobs leading to a bright future and acclaim in the IT industry. Its real good news for IT aspirants as they can get all time online guidance on topics related to computers and education on software development and designing from websites that aim to provide with knowledgeable and informative scripts and tutorials on ASP.Net, java script, VB.NET, XML, Flash, Database, Remotely Hosting, HTML, Payment Gateway, ASP.Net Ajax tutorials and many more topics of vital importance.</p>
<p>Many of the websites today consists of scripts that serve as tutorials that help programmers and students in understanding the essential characteristics about a particular tool and its functions that are well arranged, categorically. These websites present with free downloadable scripts of ASP, ASP.Net, C and C++, XML, CFML, Database, shipping implementation and payment gateway. Learners have access to best tutorials of ASP.net, C#, ASP, Perl, PHP, Java script, C &#38; C++, ASP.Net Ajax Tutorials, J2ee, J2Me, Java, Python &#38; Ruby Rail and Ecommerce etc. The tutorial websites also consist of interview questions to help young aspirants to face job interviews with confidence as this section prepares them with expected questions mostly asked during interviews.</p>
<p>The ASP.Net Ajax tutorials can provide in-depth analysis and lessons on topics related to Ad Management, Auctions, and Blog scripts, Calculators, Calendars, Classified Ads, Communication Tools and Content Management. ASP.NET stands for Active Server Pages. It lets you create dynamic web applications. This popular Microsoft technology creates pages that work in all browsers. Additionally, when programming in ASP.NET, you can build web pages using far less code than with classic ASP. ASP.NET has better language support, a large set of new controls and XML based components. A variety of ASP.NET scripts are viewable online and a study on it would be a wise thing to do.</p>
<p>AJAX, popularly known as Asynchronous JavaScript and XML is not as easy as it might seem. It therefore becomes important to learn correct techniques through Ajax tutorials. Gaining acclaim by Google in the year 2005, AJAX involves the use of the nonstandard XML Http Request object to communicate with server-side scripts. It can send as well as receive information in a variety of formats, including XML, HTML, and even text files. As the name suggests it is “asynchronous” in nature, which means it can do all of this without having to refresh the page. This allows you to update portions of a page based upon user events<strong>. </strong>Though it is not a new programming language, Ajax has given a new means to create user friendly web applications. Ajax tutorials consists of ECMAScript for XML topics namely Simple Asp.Net + Ajax example,  ECMA Script for XML, AJAX Http Requests, Adding AJAX to a website step by step, AJAX and Session “Race Conditions”, AJAX and Session “Race Conditions”, Alternate Ajax Techniques, Part 1, Ajax &#8211; JavaScript on Steroids and other related topic that essential are useful in the long run. Therefore, get on with your online study and reference and to learn more about website development and designing.</p>
<p>Peter parker, content writer and author of this article writes about web programming-related resources, especially about ASP.NET and <strong><a href="http://www.soloscript.com/onlinehelp-AJAX1.html">Ajax tutorial</a></strong>. To know more about ASP.Net Ajax Tutorial, ASP.Net Scripts, ASP Scripts, Script of PHP, JavaScript Tutorial visit <strong><a href="http://www.soloscript.com/">http://www.soloscript.com</a></strong>.</p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Ajax Tutorial - Loads of Information Available Online]]></title>
<link>http://soloscript09.wordpress.com/2009/08/22/ajax-tutorial-loads-of-information-available-online/</link>
<pubDate>Sat, 22 Aug 2009 05:18:33 +0000</pubDate>
<dc:creator>soloscript</dc:creator>
<guid>http://soloscript09.wordpress.com/2009/08/22/ajax-tutorial-loads-of-information-available-online/</guid>
<description><![CDATA[The World Wide Web can educate you, making you aware of the latest technologies evolving day by day.]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>The World Wide Web can educate you, making you aware of the latest technologies evolving day by day. IT professionals are now well informed with knowledge at par that provides them with better paying jobs leading to a bright future and acclaim in the IT industry.</p>
<p>It’s often a difficult scenario on the part of an I.T aspirant to get into a thorough analysis of the particular subject matter but since the advent of internet as a valuable source of information, there have been the emergence of tutorials that are available online related to Ajax. The first and foremost tutorial defines Ajax that stands for Asynchronous JavaScript and XML. It is the use of the nonstandard XMLHttpRequest object to communicate with server-side scripts. It can send as well as receive information in a variety of formats, including XML, HTML, and even text files. The tutorial provides with Ajax’s most appealing characteristic, of having an “asynchronous” nature, which means it can do all of this without having to refresh the page.</p>
<p>The <a href="http://www.soloscript.com/onlinehelp-AJAX1.html">Ajax tutorial</a> gives an introduction to ECMAScript for XML (E4X), a simple extension to JavaScript that makes XML scripting very simple. The tutorial has related information on how to make asynchronous requests with JavaScript and Ajax, informative material on Ajax &#8211; Try/Catch Blocks of Code, sending requests with XMLHttpRequest to allow user to make requests and receive responses, adding AJAX to a website, Form validation with AJAX/PHP/MySQL, Callbacks and Ajax where user sets the onreadystatechange property of the XMLHttpRequest object to the name of the function to run. Then, when the server has processed the request, it will automatically call that function, to build Ajax-enabled applications using Dojo and JSON, the two very different but complementary technologies that can significantly enhance the interface and usability of web applications and more reference tutorials.</p>
<p>There are mini-tutorials on the black art of iframes and browser history, known to AJAX experts but rarely presented clearly, mini-tutorial on saving state across page loads on the client side, without using cookies so as to save large amounts of data beyond cookies size limits, valuable and effective resource on Easy Ajax with jQuery, Top Ajax Poller Scripts, fast introduction to the basics of Ajax for people that already know how to write the server-side part of the process using servlets and JSP, AJAX username availability checking that allows a user who is registering for your site to see if the username they want to use is taken already or not, without having to submit a form and reload the page, RadAjaxPanel that exposes a rich set of client-side events which allow for easy and flexible use in a wide range of application scenarios and tutorial that explains on how to work with the <a href="http://www.soloscript.com/onlinehelp-XML1.html">XML</a> Response or &#8220;The X-Files&#8221; and more in line in order to enhance and learn new aspects in Ajax. Online education therefore is the most reliable and active source for gaining knowledge for I.T. aspirants through, Asp, Java and Ajax tutorial and the internet is a vast knowledge based environment making things a little more easy with downloadable and accessible information relevant to AJAX.</p>
<p>Peter Parker, content writer and author of this article writes about <a href="http://www.soloscript.com/onlinehelp-AJAX1.html">Ajax tutorial</a> and how internet has been regarded as the knowledge based environment for I.T aspirants and developers. For more information visit at <strong><a href="http://www.soloscript.com/">http://www.soloscript.com</a>.</strong></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Easy steps to create a drop down box in Microsoft Expression Web]]></title>
<link>http://saffronstroke.com/2009/08/18/easy-steps-to-create-a-drop-down-box-in-microsoft-expression-web/</link>
<pubDate>Tue, 18 Aug 2009 12:15:54 +0000</pubDate>
<dc:creator>minals</dc:creator>
<guid>http://saffronstroke.com/2009/08/18/easy-steps-to-create-a-drop-down-box-in-microsoft-expression-web/</guid>
<description><![CDATA[A drop down box can be created as a form object. But when you want it to be independent, without a f]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>A drop down box can be created as a form object. But when you want it to be independent, without a form, you could do it with a ‘Jump Menu’. Here is how to create a jump menu, follow these steps:</p>
<ol>
<li>Go to the Behaviors task pane, which should be visible besides the Apply and Manage Styles task pane. If it is not visible, go to Task Panes menu and choose Behaviors.</li>
<li>Place you cursor at the location where you want to add the drop down menu.</li>
<li>In the Behaviors task pane, click the ‘Insert’ button and choose ‘Jump Menu’.</li>
<p><img class="alignnone size-full wp-image-640" title="Behaviors" src="http://saffronstroke.wordpress.com/files/2009/08/behaviors.jpg" alt="Behaviors" width="194" height="254" /> </p>
<li>This will launch the Jump Menu dialog box.</li>
<p><img class="alignnone size-full wp-image-641" title="jump_menu_dlg" src="http://saffronstroke.wordpress.com/files/2009/08/jump_menu_dlg.jpg" alt="jump_menu_dlg" width="403" height="295" /> </p>
<li>Click on Add button and the Add Choice dialog box will be prompted.</li>
<p><img class="alignnone size-full wp-image-642" title="Add_Choice" src="http://saffronstroke.wordpress.com/files/2009/08/add_choice.jpg" alt="Add_Choice" width="420" height="240" /> </p>
<p>Add the choice and their value. You can also browse to the URL. When done, , click on OK.</p>
<li>Similarly add all the choices and click OK in the Jump Menu dialog box.</li>
<p><img class="alignnone size-full wp-image-643" title="jump_menu_withchoices" src="http://saffronstroke.wordpress.com/files/2009/08/jump_menu_withchoices.jpg" alt="jump_menu_withchoices" width="417" height="295" />  </p>
<p>The choices will be displayed the way they are added. But you can always use the Move Up and Move Down buttons to rearrange the items.</p>
<li>‘Open URLs in:’ lets you choose if you would like to open the URL in the same window or a new window. ‘Select first item after URL change’ checkbox when checked will always highlight the first option in the drop down after every URL change.</li>
<li>The drop down won’t work in Design view, but when previewed in the browser, it would look like:</li>
</ol>
<p>          <img class="alignnone size-full wp-image-644" title="jump_menu_2" src="http://saffronstroke.wordpress.com/files/2009/08/jump_menu_2.jpg" alt="jump_menu_2" width="197" height="92" /></p>
</div>]]></content:encoded>
</item>
<item>
<title><![CDATA[Acessiblidade ...]]></title>
<link>http://franckepeixoto.wordpress.com/2009/08/17/acessiblidade/</link>
<pubDate>Mon, 17 Aug 2009 11:16:30 +0000</pubDate>
<dc:creator>Francke Peixoto</dc:creator>
<guid>http://franckepeixoto.wordpress.com/2009/08/17/acessiblidade/</guid>
<description><![CDATA[Ontem um amigo estava com dúvidas sobre essa tal de &#8220;acessibilidade&#8221;,  notei que ele est]]></description>
<content:encoded><![CDATA[<div class='snap_preview'><p>Ontem um amigo estava com dúvidas sobre essa tal de &#8220;acessibilidade&#8221;,  notei que ele estava um pouco confuso, ou até mesmo fora de sintonia, então passei um slide bem bacana produzida pela Taynara Jaegger,  essa apresentadão explica de forma simples,clara e objetiva o que é acessibilidade&#8230;</p>
<p><!-- SlideShare error: doc is missing or has illegal characters /[^-_a-zA-Z0-9]/ --><em><br />
</em></p>
<p><em>Ps:  Ela foi uma das responsáveis pelo primeira rede social totalmente acessivel :  <a href="http://acesse.org.br" target="_blank">http://acesse.org.br</a></em></p>
</div>]]></content:encoded>
</item>

</channel>
</rss>
