<?xml version="1.0" encoding="UTF-8"?> <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/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:series="http://organizeseries.com/"
> <channel><title>SitePoint &#187; News</title> <atom:link href="http://www.sitepoint.com/category/news/feed/" rel="self" type="application/rss+xml" /><link>http://www.sitepoint.com</link> <description>Learn CSS &#124; HTML5 &#124; JavaScript &#124; Wordpress &#124; Tutorials-Web Development &#124; Reference &#124; Books and More</description> <lastBuildDate>Mon, 13 May 2013 13:12:07 +0000</lastBuildDate> <language>en-US</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.5.1</generator> <item><title>Happy 10th Birthday CSS Zen Garden</title><link>http://www.sitepoint.com/zen-garden-tenth-birthday/</link> <comments>http://www.sitepoint.com/zen-garden-tenth-birthday/#comments</comments> <pubDate>Fri, 10 May 2013 12:23:28 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[CSS3]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[News]]></category> <category><![CDATA[HTML5 Dev Center]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=66124</guid> <description><![CDATA[CSS Zen Garden is ten years old. Craig discusses why the site became a defining moment in web history and the new HTML5 version announced by Dave Shea.]]></description> <content:encoded><![CDATA[<p></p><p><a
href="http://www.csszengarden.com/">CSS Zen Garden</a> is ten years old. If you started coding recently you may not have heard about the site, but Zen Garden was a defining moment in web history.</p><p>Zen&#8217;s developer, Dave Shea, had a simple objective: <a
href="http://www.csszengarden.com/zengarden-sample-old.html">to illustrate why CSS should be taken seriously and inspire designers</a>. The concept provided a static HTML page and allowed developers to apply and submit their own styles. The only restrictions were that the CSS should validate and the resulting page worked in IE5+ and Mozilla (Firefox&#8217;s predecessor).</p><p>The number of submissions increased exponentially and there was a sudden realization that CSS could do more than just apply color to H1 titles. To put it into historical context, by 2003 CSS techniques had been viable for several years but tables and spacer GIFs remained the predominant page layout methods. Tables worked in all browsers and were well understood.</p><p>Zen Garden did for CSS what Jesse James Garrett&#8217;s <a
href="http://www.adaptivepath.com/ideas/ajax-new-approach-web-applications">A New Approach to Web Applications</a> did for Ajax a couple of years later. The technologies already existed, but it required a spark to ignite developer passion and revolutionize its application.</p><h2>Zen Garden 2013</h2><p>Zen Garden achieved its goal &#8212; <em>who isn&#8217;t using CSS layouts now?</em> To celebrate an amazing ten years, Dave Shea has re-released <a
href="http://www.csszengarden.com/">Zen Garden</a>, put the <a
href="https://github.com/mezzoblue/csszengarden.com">code on GitHub</a> and started work on a new HTML5 version. A lot has happened in the past decade, so the modern requirements permit:</p><ul><li>CSS3 transitions, transformations, animations, shadows, gradients and effects. Remember to prefix properties where necessary but Webkit-only designs will be <em>&#8220;discarded with prejudice&#8221;!</em></li><li>Responsive Web Designs</li><li>Web fonts</li><li>Support for IE9+, recent versions of Chrome, Firefox and Safari, and iOS/Android</li></ul><p>New designs can be <a
href="http://www.mezzoblue.com/zengarden/submit/">submitted now</a>. Please send us the URLs of your groundbreaking examples or designs you like.</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/zen-garden-tenth-birthday/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>We&#8217;re Putting the (MySQL) Band Back Together</title><link>http://www.sitepoint.com/mysql-band-back-together/</link> <comments>http://www.sitepoint.com/mysql-band-back-together/#comments</comments> <pubDate>Mon, 29 Apr 2013 13:45:05 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Databases]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[Software]]></category> <category><![CDATA[mariaDB]]></category> <category><![CDATA[mysql]]></category> <category><![CDATA[oracle]]></category> <category><![CDATA[SkySQL]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=65659</guid> <description><![CDATA[The original MySQL developers are back together to work on a rival to Oracle's open source database.]]></description> <content:encoded><![CDATA[<p></p><p>MySQL &#8212; the world&#8217;s most-used relational database &#8212; will be 18 next month. The first version was developed by Michael Widenius and David Axmark and released by MySQL AB on May 23, 1995. The open source product rapidly gained traction alongside PHP to become an integral part of the LAMP stack.</p><p>Sun Microsystems obtained MySQL for $1 billion in January 2008. 15 months later, Oracle acquired Sun for $7.4 billion and became the owner of Java, VirtualBox, OpenOffice and <a
href="http://www.sitepoint.com/oracle-sun-mysql/">MySQL</a>. The takeover caused significant controversy since the world&#8217;s biggest commercial database provider now controlled a major open source competitor.</p><p>Michael Widenius was particularly critical and released his own MySQL fork under the GNU General Public License from his own company, Monty Program AB. MariaDB is designed to maintain compatibility and be a drop-in replacement for MySQL.</p><p>Here&#8217;s where it gets interesting: Monty Program AB has <a
href="http://www.skysql.com/news-and-events/press-releases/skysql-merges-with-mariadb-developers">signed a merger agreement with SkySQL</a>. SkySQL was formed by former MySQL executives &#8212; including David Axmark &#8212; when Oracle acquired the database from Sun. The MySQL band are back together!</p><p>The new company will continue to use the SkySQL name to support and develop MariaDB. Michael Widenius stated:</p><blockquote><p> The MySQL database is named after my first daughter, My. The MariaDB database is named after my second daughter, Maria. With this merger and my own role in the MariaDB Foundation, I&#8217;m ensuring that the MariaDB project will remain &#8216;open source forever&#8217;, while knowing that enterprise and community users of both the MySQL and MariaDB databases will benefit from best-in-breed products, services and support provided by SkySQL. And who doesn&#8217;t want the best for their children?</p></blockquote><p>MySQL has a stronger rival. It&#8217;s reassuring news especially for those with any concerns regarding Oracle&#8217;s plans for the open source database.</p><p>See also:</p><ul><li><a
href="http://www.skysql.com/news-and-events/press-releases/skysql-merges-with-mariadb-developers">SkySQL Merges With MariaDB Developers To Create &#8216;Next Generation Open Source&#8217; Database Company</a></li><li><a
href="https://mariadb.org/">MariaDB.org</a></li><li><a
href="http://www.skysql.com/">SkySQL.com</a></li><li><a
href="https://kb.askmonty.org/en/mariadb-vs-mysql-compatibility/">MariaDB vs MySQL &#8212; compatibility</a></li></ul><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/mysql-band-back-together/feed/</wfw:commentRss> <slash:comments>8</slash:comments> </item> <item><title>RIP HTML5 &lt;hgroup&gt; Element</title><link>http://www.sitepoint.com/html5-hgroup-element-dropped/</link> <comments>http://www.sitepoint.com/html5-hgroup-element-dropped/#comments</comments> <pubDate>Fri, 19 Apr 2013 12:31:20 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[News]]></category> <category><![CDATA[hgroup]]></category> <category><![CDATA[HTML5 Dev Center]]></category> <category><![CDATA[HTML5 Tutorials & Articles]]></category> <category><![CDATA[w3c]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=65203</guid> <description><![CDATA[The hgroup element is being removed from the HTML5 specification. Craig discusses the reasons you never used it...]]></description> <content:encoded><![CDATA[<p></p><p>Do you use the <code>hgroup</code> element in your mark-up? It&#8217;s probably best not to &#8212; the tag is being dropped from the HTML5 specification.</p><p>We normally think of HTML5 specifications receiving additional features, such as the <a
href="/html5-main-element/">new &lt;main&gt; element</a>. However, elements can be removed if they offer no compelling benefits.</p><p><code>hgroup</code> represented the heading of a section and normally contained two or more <code>h1</code> to <code>h6</code> child elements, e.g.</p><pre><code>&lt;hgroup&gt;
&lt;h1&gt;My Main Heading&lt;/h1&gt;
&lt;h2&gt;A sub-heading&lt;/h2&gt;
&lt;/hgroup&gt;</code></pre><p>Did you ever use it? I can recall one occasion and, even then, it was primarily for use as a CSS hook and could have easily been a <code>div</code> or <code>section</code>. The request to remove it came from Steve Faulkner:</p><ul><li><code>hgroup</code> does not convey clearly that a particular heading is a sub-heading</li><li>heading semantics are still exposed regardless of an outer <code>hgroup</code></li><li>the specification stated all <code>hgroup</code> headings must be concatenated for accessibility, i.e. the title would become &#8220;My Main Heading A sub-heading&#8221;</li><li><code>hgroup</code> did not have at least two reasonably complete interoperable implementations, i.e. it was a <code>div</code> by another name</li><li>few sites implement the <code>hgroup</code> element</li></ul><p>No reasonable use-cases were forthcoming so <code>hgroup</code> will ultimately disappear from the HTML5 specification. There is a possibility it will morph into another element offering better semantics, but those debates are yet to occur.</p><h2>No … I Use hgroup On Every Page!</h2><p>The removal of <code>hgroup</code> will make little difference to your daily coding efforts. Most browsers already support it and, even in a new applications, <code>hgroup</code> would be treated the same as any unknown tag. That said, it&#8217;s probably best to avoid using <code>hgroup</code> in new projects since HTML validators will eventually report an error.</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/html5-hgroup-element-dropped/feed/</wfw:commentRss> <slash:comments>19</slash:comments> </item> <item><title>Blink: Chrome&#8217;s New Rendering Engine</title><link>http://www.sitepoint.com/blink-rendering-engine-google-chrome/</link> <comments>http://www.sitepoint.com/blink-rendering-engine-google-chrome/#comments</comments> <pubDate>Mon, 08 Apr 2013 15:39:54 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[Web standards]]></category> <category><![CDATA[apple]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[Google Tutorials & Articles]]></category> <category><![CDATA[HTML5 Dev Center]]></category> <category><![CDATA[webkit]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=65201</guid> <description><![CDATA[Google is forking Webkit to create their own independent rendering engine named Blink. Is this a good thing or a disaster of biblical proportions for the web? Craig discusses Blink further.]]></description> <content:encoded><![CDATA[<p></p><p>In a surprise statement released last week <a
href="http://blog.chromium.org/2013/04/blink-rendering-engine-for-chromium.html">Google announced</a> that Chrome and Chromium are to adopt a new rendering engine named &#8216;Blink&#8217;. Blink is a fork of Webkit introduced because:</p><ul><li>Chrome uses a different multi-process architecture to other Webkit browsers</li><li>It provides Google with further performance improvement opportunities.</li></ul><p><a
href="http://www.chromium.org/blink">Google stated</a>:</p><blockquote><p> Blink&#8217;s mission is to improve the open web through technical innovation and good citizenship.</p><p>We believe that having multiple rendering engines &#8212; similar to having multiple browsers &#8212; will spur innovation and over time improve the health of the entire open web ecosystem.</p></blockquote><p>All very noble. But was Google&#8217;s decision politically motivated? Webkit is open source; there are no technical reasons why Google couldn&#8217;t implement improvements. However, Webkit is largely controlled by Apple &#8212; a competitor. At best, Safari would have the same technologies. At worst, Apple could block features which offered Google a competitive advantage (such as Dart).</p><p>Regardless of the reasons, <em>Blink is good for the web</em>.</p><p>Webkit has never been <a
href="/5-reasons-to-reject-webkit-monoculture/">a single rendering engine</a> so another fork will have little immediate impact. Over time, Blink will proceed along a different path unencumbered by Webkit stakeholders. The engine will be one of Google&#8217;s top priorities and should evolve rapidly.<div
id='div-gpt-ad-1328644474660-10' style='width:728px; height:90px;'> <script type='text/javascript'>googletag.cmd.push(function() { googletag.display('div-gpt-ad-1328644474660-10'); });</script> </div></p><p>Blink will appear in Chrome 28 and also be adopted by other browsers based on Chromium &#8212; including the new version of <a
href="/opera-switches-to-webkit-rendering-engine/">Opera</a> and RockMelt. We may have lost Presto, but Blink goes some way to redress the balance. The web has four major rendering engines once more &#8212; even if two will be mostly identical for a few months.</p><h2>Will There be a New Vendor Prefix?</h2><p>No. Blink will continue to support some -webkit prefixes for legacy compatibility but all prefixes will eventually disappear. Experimental DOM, CSS and JavaScript features will be available without a prefix but the developer must enable those facilities with a single setting in about:flags.</p><p>I&#8217;m not wholly convinced it&#8217;s a major improvement. Unless other vendors embrace the policy, developers will have the same number of prefixes to manage and remember (<a
href="/w3c-css-webkit-prefix-crisis/">or forget</a>).</p><h2>Other Downsides?</h2><p>Apple has most to lose. Webkit&#8217;s development team has been cut by 50% and the engine has just lost <a
href="/browser-trends-april-2013-is-chrome-unstoppable">almost 40% market share</a>. The web is everything to Google but a distraction for Apple; Safari could fall behind other browsers.</p><p>Testing has also become a little more difficult for web developers. While you could never rely on Chrome-compatible code working in Safari, differences were rare. That&#8217;s no longer the case.</p><p>The situation was complicated further when <a
href="/safari-6-whats-new-windows-version/">Apple dropped Safari on Windows</a>. Windows developers must either buy a Mac, hope other Webkit browsers are close (<a
href="http://dooble.sourceforge.net/">Dooble</a>, <a
href="http://www.qupzilla.com/">QupZilla</a>, <a
href="http://www.slimboat.com/">SlimBoat</a>) or rely on Apple providing test facilities like <a
href="/microsoft-windows8-ie10-mac-giveaway/">Microsoft did for OS X users</a>.</p><p>Finally, while Blink is <em>technically</em> open source, it&#8217;s Google&#8217;s baby. Chrome&#8217;s dominance means Google can change Blink in ways that were not possible before. The company could be dictating web standards before we know it &#8212; especially if they enable non-prefixed features which operate differently in other browsers.</p><p>Despite the pitfalls, Blink seems an appropriate name &#8212; the web&#8217;s future just became a little brighter.</p><p><em>Unless you think otherwise?&hellip;</em></p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/blink-rendering-engine-google-chrome/feed/</wfw:commentRss> <slash:comments>19</slash:comments> </item> <item><title>What&#8217;s New in Firefox 20</title><link>http://www.sitepoint.com/firefox-20-whats-new/</link> <comments>http://www.sitepoint.com/firefox-20-whats-new/#comments</comments> <pubDate>Fri, 05 Apr 2013 11:26:27 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[firefox]]></category> <category><![CDATA[HTML5 Dev Center]]></category> <category><![CDATA[Mozilla]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=65105</guid> <description><![CDATA[Craig looks at a number of great new features for developers and users in the latest release of Mozilla's flagship browser.]]></description> <content:encoded><![CDATA[<p></p><p>Version numbers may be meaningless but Firefox 20 marks a milestone for Mozilla&#8217;s flagship browser. The new release appeared on April 2 exactly <a
href="http://www.sitepoint.com/firefox-19-whats-new/">six weeks after version 19</a>. If you don&#8217;t have it, open Help &gt; About Firefox or download the browser from <a
href="http://getfirefox.com/">getfirefox.com</a>.</p><p>Firefox 20 has a surprising number of new features &#8212; let&#8217;s look at the best&hellip;</p><h2>Developer Tool Updates</h2><p>Firefox has received an incredible number of tools within the past few releases. The Developer menu has been reorganized to order them more effectively and a new <strong>Toggle Tools</strong> option provides quick access to the Web Console. The Console can also be viewed within its own panel as well as docked.</p><p>A new JavaScript Profiler had been promised for version 20 but the feature has been delayed for a later release.</p><h2>New Download Manager</h2><p>If I recall correctly, this is the first major update to the Download Manager since it appeared in Phoenix back in 2002. The dedicated panel has been replaced by a drop-down list accessed by a new toolbar icon which highlights the time remaining:<div
id='div-gpt-ad-1328644474660-10' style='width:728px; height:90px;'> <script type='text/javascript'>googletag.cmd.push(function() { googletag.display('div-gpt-ad-1328644474660-10'); });</script> </div></p><p><img
src="https://support.cdn.mozilla.net/media/uploads/gallery/images/2013-03-13-22-24-02-13abf7.png" width="600" height="424" alt="Firefox download manager" class="center" /></p><p>It&#8217;s a nice touch. Previous downloads are still logged in bookmarks and history panel.</p><h2>getUserMedia Support</h2><p>Firefox now provides the <a
href="https://developer.mozilla.org/en-US/docs/WebRTC/navigator.getUserMedia">getUserMedia HTML5 API</a> which has been available in Chrome and Opera for several months. With the user&#8217;s permission, you can capture audio and video from a microphone or camera. <a
href="http://shinydemos.com/photo-booth/">Opera&#8217;s Photo Booth</a> provides an excellent demonstration of the technology.</p><h2>canvas Blend Modes</h2><p>When you draw on a canvas element any existing pixels are normally replaced. However, the new <code>globalCompositeOperation</code> property permits Photoshop-like overlay effects including multiply, screen, darken, lighten, color-dodge, color-burn and difference. Refer to <a
href="https://hacks.mozilla.org/2012/12/firefox-development-highlights-per-window-private-browsing-canvas-globalcompositeoperation-new-values/">this Mozilla article</a> for more information.</p><h2>Audio and Video playbackRate Support</h2><p>Have you ever wanted to watch a tedious movie at double-speed? The <code>playbackRate</code> property permits just that (apologies for the inline code):</p><pre><code>&lt;video id=&quot;v&quot; src=&quot;video.webm&quot; controls autoplay&gt;&lt;/video&gt;
&lt;a href=&quot;#&quot; onclick=&quot;document.getElementById(&quot;v&quot;).playbackRate=2;return false;&quot;&gt;fast foward&lt;/a&gt;</code></pre><p><a
href="http://jsbin.com/videoPlaybackRate/4">View a demonstration movie&hellip;</a></p><h2>Improved Private Browsing</h2><p>Private browsing prevents Firefox updating your history, caching pages, saving passwords and storing cookies.</p><p>While it&#8217;s been available for some time, clicking &#8220;Start Private Browsing&#8221; from the menu would close your current window and start a new session. From version 20, Firefox permits you to have any number of private and non-private windows open at a time.</p><h2>Better Plugin Stability</h2><p>Browser stability is largely irrelevant if your plugins cause chaos. Fortunately, the new version of Firefox detects hanging plugins and allows you to close them without restarting the browser. I doubt it will end plugin problems but it&#8217;s a step in the right direction.</p><h2>Want More?</h2><p>Firefox developers had a busy six weeks&hellip;</p><ul><li>CSS and JavaScript now load with a higher priority than images to improve response times.</li><li>various ECMAScript 6 additions</li><li>performance improvements</li><li>a dozen <a
href="https://www.mozilla.org/security/known-vulnerabilities/firefox.html">security fixes</a>.</li></ul><p>I&#8217;m not sure how long Mozilla can keep up the pace of development, but other vendors should take note <em>(seriously Google, could you only manage a spell checker in Chrome 26?!)</em></p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/firefox-20-whats-new/feed/</wfw:commentRss> <slash:comments>13</slash:comments> </item> <item><title>Micropulses: a New Threat to Internet Security?</title><link>http://www.sitepoint.com/micropulses-internet-security-threat/</link> <comments>http://www.sitepoint.com/micropulses-internet-security-threat/#comments</comments> <pubDate>Mon, 01 Apr 2013 07:22:09 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[News]]></category> <category><![CDATA[Web security]]></category> <category><![CDATA[encryption]]></category> <category><![CDATA[security]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=64794</guid> <description><![CDATA[A new technology could reveal your personal information regardless of encryption protocols or other safeguards. Craig looks at how micropulses could compromise  online security as we know it.]]></description> <content:encoded><![CDATA[<p></p><p>Recent research at the University of Scunthorpe in the UK has identified an issue which could compromise the security on which we depend for online shopping and banking. The department for Computer Research and Advanced Protocols has demonstrated IDentity Information Overlay Technology. The technique analyzes your activity rather than data packets to reveal passwords, visited sites and other sensitive personal information.</p><p>The project leader, Professor Juppe, explains:</p><p><img
class="right" alt="binary data flow" src="http://blogs.sitepointstatic.com/images/tech/805-april-micropulses-binary.png" width="330" height="74" />Modern devices have a persistent Internet connection. Even if you&#8217;re not actively using a device, it&#8217;s fetching messages, checking for software updates or handling other processes which result in a steady stream of data transmission. Binary is converted to electronic signals which flow through the network.</p><p>Binary data is usually represented as clean voltage spikes. In reality, the signal is affected by electromagnetic interference which causes imperceptibly small fluctuations named &#8220;micropulses&#8221;. While they are rarely enough to cause data loss, micropulses pass through wired and wireless communication layers. They can even cause minuscule delays and bursts when translated through a fiber-optic bridge.</p><p><img
class="right" alt="binary data carrier wave" src="http://blogs.sitepointstatic.com/images/tech/805-april-micropulses-carrier.png" width="330" height="91" />The biggest cause of micropulses is the user; the human body acts as a transmitter when using an input device such as a keyboard. In essence, your connected data flow becomes a carrier wave for micropulse information which can be analyzed. It does not matter whether your connection uses HTTP or HTTPS &#8212; the actual data can be ignored but your activities are revealed.<div
id='div-gpt-ad-1328644474660-10' style='width:728px; height:90px;'> <script type='text/javascript'>googletag.cmd.push(function() { googletag.display('div-gpt-ad-1328644474660-10'); });</script> </div></p><p><img
class="left" alt="micropulse analysis success" src="http://blogs.sitepointstatic.com/images/tech/805-april-micropulses-success.png" width="362" height="264" />The technology is being refined and the rate of successful micropulse analysis increases exponentially each year. The technique works better if you are physically close to the target &#8212; such as on the same wifi connection. However, the research team has successfully attempted analysis over hundreds of miles and, as micropulse detection improves, geographical location is unlikely to remain a limiting factor.</p><h2 style="clear: both">Micropulse Protection</h2><p>Micropulse analysis technology is experimental but the threat is real. Fortunately, there are a number of low-tech solutions which significantly reduce the risk of identity infringement.</p><p><strong>1. Use an on-screen keyboard</strong><br
/> Touch screen and on-screen keyboards are not completely immune, but micropulse analysis is made far more difficult. Professor Juppe suggests switching between on-screen and real keyboards when entering sensitive information such as passwords.</p><p><img
class="right" alt="micropulse protection" src="http://blogs.sitepointstatic.com/images/tech/805-april-micropulses-keyboard.jpg" width="400" height="300" /><strong>2. Shield your input devices</strong><br
/> Wrap aluminum foil around devices such as keyboards &#8212; the shiny side should face inward to reflect the pulses. If you&#8217;re using a laptop, use a small piece of foil around the Ethernet cable or, on wifi, regularly move the device to modify micropulses and make them more difficult to analyze.</p><p><strong>3. Reduce electromagnetic interference</strong><br
/> Device shielding may not be enough since your body conducts micropulse information. The effect can be reduced by wearing gloves and rubber boots while working.</p><p>Have any of your accounts been compromised even though you were careful to safeguard passwords? Have you been approached by someone who knew details of your online activities or services? Could micropulses be to blame?</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/micropulses-internet-security-threat/feed/</wfw:commentRss> <slash:comments>19</slash:comments> </item> <item><title>What Looks Like IE11 but Smells Like Firefox?</title><link>http://www.sitepoint.com/ie11-smells-like-firefox/</link> <comments>http://www.sitepoint.com/ie11-smells-like-firefox/#comments</comments> <pubDate>Wed, 27 Mar 2013 09:24:39 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Web standards]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[firefox]]></category> <category><![CDATA[HTML5 Dev Center]]></category> <category><![CDATA[ie]]></category> <category><![CDATA[opera]]></category> <category><![CDATA[safari]]></category> <category><![CDATA[user agent]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=64863</guid> <description><![CDATA["IE11 will impersonate Firefox!" claim the headlines. Craig reports the latest user agent controversy and why it never has and never will affect your well-coded web sites and applications...]]></description> <content:encoded><![CDATA[<p></p><p>A pre-release build of Windows Blue, Microsoft&#8217;s successor to Windows 8, was leaked a few days ago. It may have been intentional or unintentional but the OS was <a
href="http://www.neowin.net/news/windows-blue-build-9364-leaked-to-the-internet">installed</a>, <a
href="http://www.youtube.com/watch?v=KAxXX0m-P_0">dissected</a> and <a
href="http://news.cnet.com/8301-10805_3-57576008-75/windows-blue-leak-shows-changes-large-and-small/">reported</a> across the web.</p><p>The new OS contained an early version of Internet Explorer 11. A very early version. Probably nearer IE10.01. There&#8217;s little new technology to report, but one update caused a storm of controversy on <a
href="http://news.slashdot.org/story/13/03/25/0215212/testers-say-ie-11-can-impersonate-firefox-via-user-agent-string">SlashDot</a> and <a
href="http://www.neowin.net/news/ie11-to-appear-as-firefox-to-avoid-legacy-ie-css">Neowin.net</a>: IE11&#8242;s user agent string appears to impersonate Firefox&hellip;</p><p><strong
style="text-align:center">Mozilla/5.0 (IE 11.0; Windows NT 6.3; Trident/7.0; .NET4.0E; .NET4.0C; rv:11.0) like Gecko</strong></p><p>The &#8216;MSIE&#8217; string has disappeared and a suspicious &#8216;like Gecko&#8217; statement has appeared. Cue 1,000 conspiracy theories.</p><p>Historically, browser vendors and developers have been doing the user agent dance since the dawn of the web. The problem starts when you attempt to create a cross-browser compatible website:<div
id='div-gpt-ad-1328644474660-10' style='width:728px; height:90px;'> <script type='text/javascript'>googletag.cmd.push(function() { googletag.display('div-gpt-ad-1328644474660-10'); });</script> </div></p><ol><li>A developer creates a website in browser X then tests it in browser Y.</li><li>Browser Y fails, so the developer writes browser Y detection routines and serves different code. Everyone is happy.</li><li>Browser Y is then updated &#8212; but the website now fails because it&#8217;s serving legacy code.</li><li>The vendor changes the user agent string: detection fails and the site works again. Everyone is happy and we loop back to step one.</li></ol><p>Look at the start of IE11&#8242;s user agent string: <em>Mozilla/5.0</em>. The early versions of IE had to masquerade as Netscape because it was the dominant browser and many sites refused to return content to anything else. The situation continues today &#8212; IE, Chrome, Safari and Firefox all start with &#8216;Mozilla/5.0&#8242;&hellip;</p><p>IE10:<br
/> <strong>Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)</strong></p><p>Chrome 25:<br
/> <strong>Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.22 (KHTML, like Gecko) Chrome/25.0.1364.172 Safari/537.22</strong></p><p>iPad Safari 6:<br
/> <strong>Mozilla/5.0 (iPad; CPU OS 6_0 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko) Version/6.0 Mobile/10A5355d Safari/8536.25</strong></p><p>Firefox 19:<br
/> <strong>Mozilla/5.0 (Windows NT 6.2; WOW64; rv:19.0) Gecko/20100101 Firefox/19.0</strong></p><p>You&#8217;ll also notice both Chrome and Safari use the same &#8216;like Gecko&#8217; string as IE11. I don&#8217;t recall that bombshell hitting the headlines?</p><p>The biggest change in IE11 is the removal of &#8216;MSIE&#8217;. I suspect that has been done for one reason: to prevent sites serving invalid IE6/7/8 code to modern editions of the browser. Recent releases of IE&#8217;s Trident engine are closer to Gecko or WebKit than legacy editions of itself. By removing the &#8216;MSIE&#8217; string, Microsoft is breaking detection code and making many sites work as they should.</p><p>The point is: <em>none of this matters</em>. If you&#8217;re browser sniffing, <a
href="http://www.sitepoint.com/why-browser-sniffing-stinks/">you are almost certainly doing something wrong</a>! While it seems an obvious solution, browser sniffing is a fragile technique that introduces more maintenance headaches than it prevents. If you know someone who sniffs, please suggest they close their IDE, step away from their browser and embark on another career.</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/ie11-smells-like-firefox/feed/</wfw:commentRss> <slash:comments>32</slash:comments> </item> <item><title>Adobe Shuts Browserlab</title><link>http://www.sitepoint.com/adobe-shuts-browserlab/</link> <comments>http://www.sitepoint.com/adobe-shuts-browserlab/#comments</comments> <pubDate>Fri, 22 Mar 2013 13:46:36 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[CSS]]></category> <category><![CDATA[CSS3]]></category> <category><![CDATA[HTML]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[News]]></category> <category><![CDATA[browser]]></category> <category><![CDATA[HTML5 Dev Center]]></category> <category><![CDATA[testing]]></category> <category><![CDATA[testing in cloud]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=64644</guid> <description><![CDATA[Adobe has closed their online browser testing service with immediate effect. Craig may not understand the reasons, but at least a number of alternatives with free introductory offers are available.]]></description> <content:encoded><![CDATA[<p></p><p>The past few days have not been kind to web developers. Google announced they were <a
href="http://www.sitepoint.com/goodbye-google-reader/">scrapping their popular RSS Reader application</a> and that overshadowed news from Adobe that <a
href="https://browserlab.adobe.com/">Browserlab was being closed with immediate effect</a>.</p><p>Browserlab started as a free browser testing service in 2009. Testing web sites and applications is notoriously difficult owing to seemingly infinite combinations of device, OS, browser, plugins and configurations. Desktop software developers &#8212; you have it easy! You can normally concentrate on one or two operating systems. However, people expect web applications to work no matter what. It doesn&#8217;t matter whether they&#8217;re running IE10 on Windows 8, Safari 6 on Mac OSX, Chromium on Ubuntu, Firefox on Android, Lynx on a Commodore 64 or &#8212; <em>even worse</em> &#8212; IE6 on XP.</p><p>Browserlab was one of a number of online services available for web developers which helped spot the worst layout problems. Adobe disclosed their reason for closing the system:</p><blockquote><p> The growth of the importance of mobile devices and tablets, the landscape has changed dramatically. Because of this shift, we have seen the usage of BrowserLab drop over the past year while at the same time our engineering team has been focusing on solving this new challenge with new solutions.</p><p>We&#8217;d like to thank all of our customers over the years for using and providing input for the Adobe BrowserLab Service.</p></blockquote><p>I find the announcement slightly strange. Testing has become more difficult so you would have expected the number of BrowserLab users to increase? Admittedly, it was not as good as competitors and did not support mobile devices but it remained a viable service for the majority of us testing desktop-based browsers.</p><p>Fortunately, BrowserLab users have a couple of good alternatives <em>(take note Google)</em>:</p><ol><li><a
href="https://saucelabs.com/"><strong>Sauce Labs</strong></a> &#8212; <a
href="http://sauceio.com/index.php/2013/03/sauce-labs-welcomes-adobe-browserlab-customers/">BrowserLab users</a> receive up to 10 hours of free testing</li><li><a
href="http://www.browserstack.com/"><strong>BrowserStack</strong></a> &#8212; there are no specific offers for BrowserLab users, but head over to <a
href="http://www.sitepoint.com/modern-ie-browser-testing/">Microsoft&#8217;s modern.IE website</a> to receive three months free service.</li></ol><p>So goodbye BrowserLab. Let&#8217;s hope this is the last essential service to disappear this week&hellip;</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/adobe-shuts-browserlab/feed/</wfw:commentRss> <slash:comments>4</slash:comments> </item> <item><title>Microsoft Pushes IE10 Updates to Windows 7</title><link>http://www.sitepoint.com/microsoft-ie10-windows7-update/</link> <comments>http://www.sitepoint.com/microsoft-ie10-windows7-update/#comments</comments> <pubDate>Mon, 18 Mar 2013 18:30:46 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Operating systems]]></category> <category><![CDATA[Software]]></category> <category><![CDATA[HTML5 Dev Center]]></category> <category><![CDATA[ie10]]></category> <category><![CDATA[internet explorer]]></category> <category><![CDATA[microsoft]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=64641</guid> <description><![CDATA[Internet Explorer 10 is being rolled out to Windows 7 as part of the automated Windows Update. Craig discusses whether this finally ends the tyranny of previous editions.]]></description> <content:encoded><![CDATA[<p></p><p>If you&#8217;re one of the 50% of PC users with Windows 7, be prepared for an essential update coming your way. Internet Explorer 9 has been officially retired to make way for IE10. The new browser will be installed as part of the standard Windows Update unless you explicitly prevent it <em>(please don&#8217;t!)</em></p><p>It&#8217;s an important milestone for web developers. While IE9 was a radical step up from IE8, it was missing features we take for granted in Safari, Firefox, Chrome and Opera: CSS3 gradients, text shadows, animations, transitions, column layouts, flexbox, ECMAScript strict mode, media query listeners, the file API, web workers, local storage, etc. IE10 plugs many of the HTML5 gaps.</p><p>There&#8217;s another vital feature in IE10: automated updates. While Microsoft are yet to use it, IE10 <em>can</em> receive smaller incremental tweaks over time. I&#8217;m not expecting a Chrome or Firefox-like six-week delivery schedule, but two or three times per year would be significantly better than the current 18-24 month delay.</p><p>IE9 is likely to die rapidly especially since system administrators will not experience the upgrade issues which dogged previous versions. It will remain the default browser on Vista but the OS currently holds 6% of the PC market and is dropping fast.</p><p>IE6 and IE7 are dead. They still roam zombie-like across certain sectors of the web but, for most of us, the days of IE-specific hacks and fixes are long gone.</p><h2>The IE8 Problem</h2><p>Which leaves us with IE8. The browser holds 10% of the market and is the only version available for Windows XP which is used by one quarter of PC users. Many have stated that IE8 is the next IE6 (including me), but I&#8217;ve recently revised my pessimistic opinion&hellip;</p><ul><li>It depends on the <a
href="http://www.sitepoint.com/browser-trends-march-2013/">statistics you believe</a>, but competition from Google has changed the market. Chrome can be installed on XP, is advertised throughout Google&#8217;s ecosystem and light years ahead of IE8.</li><li>IE8 usage is dropping by 0.5% per month. If the trend continues, it will hold just 5-6% of the market by the end of 2013.</li><li>IE8 may not support HTML5, CSS3, SVG or media queries but it has few of issues we had to deal with in IE6 and 7. Your site will be missing rounded corners and drop-shadows, but the HTML5 shim will fix the majority of layout problems. It may not be pretty, but your site should work.</li><li>IE8 is two versions old. Version numbers rarely matter to developers but it&#8217;s an important psychological gap for your clients.</li></ul><p>It would have been great had Microsoft released a version of IE10 for XP and Vista but it&#8217;s probably not worth the effort. IE8 will die a natural death regardless of Microsoft&#8217;s aging OS platforms.</p><p>But let&#8217;s look at the positives: IE10 does much to catch up with the competition. It&#8217;s taken too long to arrive but I hope it becomes the most dominant version of IE within a few short months.</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/microsoft-ie10-windows7-update/feed/</wfw:commentRss> <slash:comments>23</slash:comments> </item> <item><title>Goodbye Google Reader</title><link>http://www.sitepoint.com/goodbye-google-reader/</link> <comments>http://www.sitepoint.com/goodbye-google-reader/#comments</comments> <pubDate>Thu, 14 Mar 2013 19:49:47 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Google]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Software]]></category> <category><![CDATA[Web standards]]></category> <category><![CDATA[feed]]></category> <category><![CDATA[Google Tutorials & Articles]]></category> <category><![CDATA[news]]></category> <category><![CDATA[reader]]></category> <category><![CDATA[rss]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=64543</guid> <description><![CDATA[Google Reader will disappear from the web on July 1, 2013. Craig climbs on his soapbox and asks Google to listen to his plea!]]></description> <content:encoded><![CDATA[<p></p><p>Google has announced they will <a
href="http://googlereader.blogspot.co.uk/2013/03/powering-down-google-reader.html">discontinue Google Reader on July 1, 2013</a>. The company state that usage has declined and they want to focus on fewer products.</p><p>I&#8217;m stunned. I&#8217;ve been using the application daily for several years and even Google states it has a <em>&#8220;devoted following&#8221;</em>.</p><p>Google Reader was launched as a Labs project in 2005. It was a relative latecomer to the news aggregation party and entered a thriving desktop and web-based Really Simple Syndication (RSS) reader market. The free product killed off many competitors including <a
href="http://www.sitepoint.com/5-rss-reader-news-aggregators/">Bloglines</a> (although that was subsequently acquired and revived).</p><p>Its demise started in 2011 when Google <a
href="http://googlereader.blogspot.co.uk/2011/10/upcoming-changes-to-reader-new-look-new.html">substituted social features for +1 buttons</a> and disbanded the development team. The product has been neglected in maintenance mode ever since, but it remained one of the best &#8212; and only &#8212; options for RSS users. Its success means there are <a
href="http://www.sitepoint.com/5-rss-reader-news-aggregators/">relatively few alternatives</a>; <a
href="http://www.newsblur.com/">NewsBlur</a> has been experiencing server overloads since the news was announced.</p><p>Several petitions to save Google Reader running have started at:</p><ul><li><a
href="https://www.change.org/petitions/google-keep-google-reader-running">Change.org</a> &#8212; more than 50,000 signatures</li><li><a
href="http://keepgooglereader.com/">keepgooglereader.com</a> &#8212; more than 25,000 signatures</li></ul><p>The decision to <a
href="http://www.sitepoint.com/google-scraps-wave/">scrap Wave</a> never caused such criticism and at least Google open-sourced the codebase. That appears unlikely for Reader.</p><h2>Is RSS Dead?</h2><p>I last discussed the <a
href="http://www.sitepoint.com/death-of-rss/">death of RSS</a> in October 2010. The XML-based technology powers many cross-server communications. Search engines &#8212; including Google &#8212; analyze feeds to aid web and product indexing.</p><p>RSS&#8217;s role as a protocol-like technology seems assured, but Google Reader&#8217;s termination will almost certainly end its use user-subscription service. Admittedly, RSS was too complex for many and never achieved mainstream success; social networks quickly became a more popular way of spreading news.</p><p>But it&#8217;s a sad day. Let&#8217;s hope Google listens to the users &#8212; otherwise Reader will disappear forever.</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/goodbye-google-reader/feed/</wfw:commentRss> <slash:comments>22</slash:comments> </item> <item><title>What&#8217;s New in NetBeans 7.3: HTML5!</title><link>http://www.sitepoint.com/netbeans-73-html5-support/</link> <comments>http://www.sitepoint.com/netbeans-73-html5-support/#comments</comments> <pubDate>Mon, 11 Mar 2013 18:58:35 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[CSS3]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[JavaScript]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[Software]]></category> <category><![CDATA[editor]]></category> <category><![CDATA[HTML5 Dev Center]]></category> <category><![CDATA[HTML5 Tutorials & Articles]]></category> <category><![CDATA[IDE]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[software]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=63562</guid> <description><![CDATA[Craig looks at the new HTML5, CSS3 and JavaScript editing features in the latest edition of the ever-popular NetBeans IDE.]]></description> <content:encoded><![CDATA[<p></p><p>Owing to my rapidly increasing age I&#8217;ve used many, many IDEs and text editors over the years. Visual Studio, Aptana, Eclipse, HomeSite, CoffeeCup, Bluefish, Komodo, Vim, Crimson, jEdit, TextPad, PSPad, ConTEXT, PHPEdit, ScITE &#8212; I&#8217;ve probably forgotten more than I remember. Most annoy me. They often miss features I want or add bloat I don&#8217;t need. My current editor of choice is <a
href="http://www.notepad-plus-plus.org/">Notepad++</a>: it&#8217;s simple, lightweight and very configurable.</p><p>Historically, HTML editors have been fairly awful. Many IDEs forced you to create dumb projects, insisted on particular doctypes, or favored deprecated tags. JavaScript editing could be worse: the editor programmers didn&#8217;t understand the language so even basic features such as function lists could fail.</p><p>Fortunately, the situation has improved and <a
href="http://netbeans.org/">NetBeans 7.3 has been released</a> with full support for HTML5, CSS and JavaScript. The cross-platform IDE now includes an HTML project wizard which allows you to select popular boilerplate templates and JavaScript frameworks:</p><p><a
href="http://wiki.netbeans.org/wiki/images/9/9b/Html5project-a2.png"><img
src="http://wiki.netbeans.org/wiki/images/9/9b/Html5project-a2.png" alt="NetBeans HTML5 project" width="600" class="center" /></a><div
id='div-gpt-ad-1328644474660-10' style='width:728px; height:90px;'> <script type='text/javascript'>googletag.cmd.push(function() { googletag.display('div-gpt-ad-1328644474660-10'); });</script> </div></p><p>There&#8217;s a lightweight internal server, embedded WebKit browser, Chrome integration and responsive web design facilities:</p><p><a
href="http://wiki.netbeans.org/wiki/images/6/6d/Chrome-ext-resize-01.png"><img
src="http://wiki.netbeans.org/wiki/images/6/6d/Chrome-ext-resize-01.png" alt="NetBeans Chrome integration" width="390" class="center" /></a></p><p>CSS styles can be edited directly or changed within the Inspector-like rule editor:</p><p><a
href="http://wiki.netbeans.org/wiki/images/f/f6/RuleEditor.png"><img
src="http://wiki.netbeans.org/wiki/images/f/f6/RuleEditor.png" alt="NetBeans CSS editing" width="287" class="center" /></a></p><p>The JavaScript editor has been rewritten to include better code completion, jQuery support and pattern recognition:</p><p><a
href="http://wiki.netbeans.org/wiki/images/2/2e/Nb72_JS_comment_generation_after.png"><img
src="http://wiki.netbeans.org/wiki/images/2/2e/Nb72_JS_comment_generation_after.png" alt="NetBeans JavaScript editing" width="434" class="center" /></a></p><p>There&#8217;s also a new debugger which can analyze code running in the internal browser or Chrome. You can apply breakpoints on lines, when a DOM element changes, when events are raised and when Ajax requests are called. Very useful:</p><p><a
href="http://wiki.netbeans.org/wiki/images/a/a0/LineBreakpoints.png"><img
src="http://wiki.netbeans.org/wiki/images/a/a0/LineBreakpoints.png" alt="NetBeans JavaScript debugger" width="600" class="center" /></a></p><p>Finally, there&#8217;s a great browser log which displays exceptions, errors and warnings as they occur:</p><p><a
href="http://wiki.netbeans.org/wiki/images/2/2e/Browserlog.png"><img
src="http://wiki.netbeans.org/wiki/images/2/2e/Browserlog.png" alt="NetBeans JavaScript log" width="600" class="center" /></a></p><p>Don&#8217;t forget that NetBeans also provides first-class development facilities for PHP, Java and C/C++. If you&#8217;re into that sort of thing.</p><p>It&#8217;s great to see client side browser technologies finally receiving the tools they deserve. I&#8217;m going to give NetBeans another look &hellip; <em>will you?</em></p><p>NetBeans is available for free from <a
href="http://netbeans.org/"><strong>netbeans.org</strong></a>.</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/netbeans-73-html5-support/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>5 Reasons to Reject the WebKit Monoculture</title><link>http://www.sitepoint.com/5-reasons-to-reject-webkit-monoculture/</link> <comments>http://www.sitepoint.com/5-reasons-to-reject-webkit-monoculture/#comments</comments> <pubDate>Fri, 08 Mar 2013 15:43:07 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[CSS3]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Open source]]></category> <category><![CDATA[AApple]]></category> <category><![CDATA[browsers]]></category> <category><![CDATA[chrome]]></category> <category><![CDATA[firefox]]></category> <category><![CDATA[Google Tutorials & Articles]]></category> <category><![CDATA[ie]]></category> <category><![CDATA[opera]]></category> <category><![CDATA[safari]]></category> <category><![CDATA[webkit]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=63486</guid> <description><![CDATA[Could Microsoft and Mozilla follow Opera and adopt WebKit? Would this provide a single, universal platform which ends cross-browser compatibility woes? Craig thinks not...]]></description> <content:encoded><![CDATA[<p></p><p><a
href="http://www.sitepoint.com/opera-switches-to-webkit-rendering-engine/">Opera&#8217;s WebKit announcement</a> has divided developer opinion. Some are pleased there are fewer rendering engines to support <em>(not that many developers actively tested Opera)</em>. Others state this is the beginning of the WebKit monoculture and IE6-like doom is upon us. The truth is somewhere in between but there are several reasons for concern.</p><h2>1. WebKit != IE6, but&hellip;</h2><p>WebKit is an open source rendering engine. It is not owned or controlled by a single organisation; anyone can use and modify the code. In comparison, IE (and its Trident engine) is owned by Microsoft and only available on Windows. Microsoft decision to abandon browser development could not occur in the WebKit world.</p><p>However, it&#8217;s important to remember that Apple and Google &#8212; two of the most powerful global IT companies &#8212; are in control of the most popular WebKit browsers. Apple is also responsible for handling WebKit developer agreements and either company can accept, reject or modify WebKit features to their commercial advantage. While you may be able to update the core engine, it won&#8217;t matter unless those changes eventually reach Chrome and Safari.</p><h2>2. WebKit is not one engine</h2><p>Some developers believe cross-browser compatibility issues will disappear if all vendors use the same engine. It would certainly make development easier, but it&#8217;s naive to think all problems would be eradicated. Test a reasonably complex design in Chrome and Safari today and you will encounter differences.<div
id='div-gpt-ad-1328644474660-10' style='width:728px; height:90px;'> <script type='text/javascript'>googletag.cmd.push(function() { googletag.display('div-gpt-ad-1328644474660-10'); });</script> </div></p><p>WebKit is forked and evolves along different paths. Vendors have different devices, deployment schedules and requirements. For example, Apple regularly add proprietary iOS-specific properties which may never reach the W3C or appear as recommendations.</p><h2>3. WebKit is not the best engine</h2><p>Those who support the monoculture argue that WebKit has won; it&#8217;s beaten Gecko and Trident. They are wrong. No engine is perfect, but you learn to forgive or avoid issues when you concentrate on a single browser.</p><p>WebKit is excellent and it was certainly the first to hit the CSS3 animation headlines. But if you think it&#8217;s ahead of all others, try using SVGs. Attempt animating pseudo elements. Use an unprefixed transform, animation or calc() function. Code using newer HTML5 form elements. Try persuading Firebug fans to abandon their favorite development tool. Don&#8217;t take my word for it &#8212; Dave Methvin of the jQuery core team and president of the jQuery Foundation <a
href="http://blog.methvin.com/2013/02/tragedy-of-webkit-commons.html">states</a>:</p><blockquote><p>Each release of Chrome or Safari generates excitement about new bleeding-edge features; nobody seems to worry about the stuff that&#8217;s already (still!) broken. jQuery Core has more lines of fixes and patches for WebKit than any other browser. In general these are not recent regressions, but long-standing problems that have yet to be addressed.</p><p>When we started our jQuery 2.0 cleanup to remove IE 6/7/8 hacks, we were optimistic that we would also be able to remove some bloat from lingering patches needed for really old browsers like Safari 2. But several of those WebKit hacks still remain. It&#8217;s starting to feel like oldIE all over again, but with a different set of excuses for why nothing can be fixed.</p></blockquote><p>WebKit, Gecko, Presto and Trident are all good rendering engines. They have strengths, they have weaknesses, but none is an outright winner in all areas.</p><h2>4. A monoculture means and end to standards</h2><p>One group of people was wholly responsible for the IE6 debacle&hellip;</p><p><em>web developers</em></p><p>IE6&#8242;s longevity was not the fault of system administrators, slow-moving organizations or an evil Microsoft. Ten years ago, developers targeted IE &#8212; not web standards. IE6 was the standard born from a monoculture; few considered a future where IE did not exist.</p><p>While there may never be a single WebKit engine, developers will choose it over W3C standards. If something works in WebKit browsers, it won&#8217;t matter whether that feature is proprietary, implemented incorrectly or fails elsewhere: <em>it becomes the standard</em>. At that point, you have to hope WebKit is never superseded by a better alternative &#8212; a horrible thought.</p><h2>5. Competition is good</h2><p>I&#8217;m saddened to see the demise of Presto but Opera made a logical business decision. Their primary market is mobile devices and Apple control the only HTML engine permitted on the iPhone and iPad. However, those restrictions do not apply to Microsoft and Mozilla. They have nothing to gain from switching to WebKit:</p><ul><li>If Microsoft scrapped Trident, it would affect every Windows application using web integration. It would cause chaos. I&#8217;m sure it would be technically possible to implement an API translation bridge, but how long would that take and what commercial benefit would it offer?</li><li>Mozilla is not a commercial operation; there are no stakeholders or profit targets. The organization exists because it has Gecko, XUL and a range of related technologies. While they could switch to WebKit, it would end major projects such as Firefox OS.</li></ul><p>Competition has been good for the web industry. A WebKit monoculture brings short-term development ease at the expense of long-term evolution and growth. Be careful what you wish for.</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/5-reasons-to-reject-webkit-monoculture/feed/</wfw:commentRss> <slash:comments>19</slash:comments> </item> <item><title>Podling &#8211; NEW Product From SitePoint…</title><link>http://www.sitepoint.com/podling/</link> <comments>http://www.sitepoint.com/podling/#comments</comments> <pubDate>Wed, 06 Mar 2013 20:54:33 +0000</pubDate> <dc:creator>Mark Harbottle</dc:creator> <category><![CDATA[Community]]></category> <category><![CDATA[News]]></category> <category><![CDATA[social media]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=63802</guid> <description><![CDATA[Introducing Podling – “Social Glue For Teams”, a simple decentralized discussion platform we built for ourselves at SitePoint, Flippa and 99designs that we're opening up to you …]]></description> <content:encoded><![CDATA[<p></p><h2>Introducing Podling – “Social Glue For Teams”.</h2><p>Podling is a simple decentralized discussion platform we built for ourselves and have been using internally at SitePoint, Flippa and 99designs for a few months now… We thought we’d open it up and get your feedback. We’d love you to hear from you once inside.</p><p><a
href="http://www.sitepoint.com/wp-content/uploads/1/files/2013/03/Podling-Screenshot-1.jpg"><img
class="aligncenter size-full wp-image-63889" alt="Podling Screenshot 1" src="http://www.sitepoint.com/wp-content/uploads/1/files/2013/03/Podling-Screenshot-1-e1362544939699.jpg" width="600" height="293" /></a></p><h2>So, what is Podling?</h2><p>Podling is designed to take group (or team) based discussion out of your inbox and give it a home. The idea is you can quickly and easily set up small “throw-away” discussion groups (called pods) and each pod is private to the people you invite to it.</p><p>For example at SitePoint we have pods for project teams, pods for events, developer pods, marketing pods, customer service pods, social pods, and so on… And those are just the pods we know about.</p><p><a
href="http://www.sitepoint.com/wp-content/uploads/1/files/2013/03/Podling-Sreenshot-2.jpg"><img
class="aligncenter size-full  wp-image-63857" alt="Podling in Action" src="http://www.sitepoint.com/wp-content/uploads/1/files/2013/03/Podling-Sreenshot-2-e1362544737521.jpg" width="601" height="294" /></a></p><h2>Take control of your discussions</h2><p>The great thing about Podling is it’s not a central company social page controlled by your sys admin like “other” platforms. You control the pods you start. You can start or leave pods at any time. So everyone’s interface to Podling will be unique to them. Power to the people!</p><p><a
href="http://www.sitepoint.com/wp-content/uploads/1/files/2013/03/Podling-Screenshot-3.jpg"><img
class="aligncenter size-full wp-image-63856" alt="Managing your pods" src="http://www.sitepoint.com/wp-content/uploads/1/files/2013/03/Podling-Screenshot-3-e1362545253144.jpg" width="601" height="293" /></a></p><h2>Grab the IOS App</h2><p>We also created an iOS app which you can download from the <a
href="https://itunes.apple.com/us/app/podling/id602974070?ls=1&amp;mt=8" target="_blank" rel="nofollow">App store on iTunes</a> which is handy if you&#8217;re involved in multiple pods.</p><p>You can get started at <a
href="http://podling.com" target="_blank">http://podling.com</a></p><p>We’d love to hear your thoughts via the “Podling Feedback” pod which you will automatically get access to when you join.</p><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/podling/feed/</wfw:commentRss> <slash:comments>8</slash:comments> </item> <item><title>Oh Look &#8211; a Dead WaSP</title><link>http://www.sitepoint.com/web-standards-project-over/</link> <comments>http://www.sitepoint.com/web-standards-project-over/#comments</comments> <pubDate>Wed, 06 Mar 2013 18:11:47 +0000</pubDate> <dc:creator>Craig Buckler</dc:creator> <category><![CDATA[Browsers]]></category> <category><![CDATA[HTML5]]></category> <category><![CDATA[News]]></category> <category><![CDATA[Web standards]]></category> <category><![CDATA[HTML5 Dev Center]]></category> <category><![CDATA[WaSP]]></category> <category><![CDATA[Web Standards]]></category> <guid
isPermaLink="false">http://www.sitepoint.com/?p=64005</guid> <description><![CDATA[The Web Standards Project is no more. It has ceased to be. It has expired and gone to meet its maker. But the vision lives on.]]></description> <content:encoded><![CDATA[<p></p><p>The <a
href="http://www.webstandards.org/">Web Standards Project (WaSP)</a> has come to an end. The news was announced in a post titled <a
href="http://www.webstandards.org/2013/03/01/our-work-here-is-done/">&#8220;Our Work Here is Done&#8221;</a>.</p><p>WaSP was founded in 1998 by Glenn Davis, George Olsen, and Jeffrey Zeldman. Few of you will remember those dark times, but the web was caught in a battle between Microsoft and Netscape. Both were attempting to out-HTML each other with features such as blink tags, marquees and DHTML layers. It was a mess. Creating interactive web pages incurred two sets of code; one for IE, one for Netscape.</p><p>WaSP&#8217;s primary goal was to encourage browser vendors to support W3C web standards. Their mission statement:</p><blockquote><p> The World Wide Web Consortium (W3C) has established standards for interpreting Web-based content.</p><p>By releasing browsers which do not uniformly support those standards, browser makers are injuring Web developers, businesses and users alike.</p><p>Lack of uniform support for W3C standards makes using and developing Web-based technologies unnecessarily difficult and expensive.</p><p>We recognize the necessity of innovation in a fast-paced market. However, basic support of existing W3C standards has been sacrificed in the name of such innovation, needlessly fragmenting the Web and helping no one.<div
id='div-gpt-ad-1328644474660-10' style='width:728px; height:90px;'> <script type='text/javascript'>googletag.cmd.push(function() { googletag.display('div-gpt-ad-1328644474660-10'); });</script> </div></p><p>Our goal is to support these core standards and encourage browser makers to do the same, thereby ensuring simple, affordable access to Web technologies for all.</p></blockquote><p>Recommending HTML4.0, CSS, the DOM and ECMAScript was revolutionary in the days of table layouts, spacer GIFs, and <em>&#8220;best viewed with&hellip;&#8221;</em> statements. Few people listened at first. Microsoft and Netscape were actively competing against each other while web developers were caught in the crossfire doing their own weird and wonderful non-standard stuff.</p><p>Fortunately, vendors and developers started taking notice of WaSP toward the beginning of the millennium. By 2001, the group had persuaded Microsoft, Netscape, Opera and others to follow HTML 4.01, XHTML 1.0, CSS1 and ECMAScript guidelines. Had this not occurred, the web could have fragmented into separate browser-specific areas.</p><p>Since that time, WaSP continued to evangelize and educate. However, the original mission was accomplished and there were fewer reasons to visit the website. So it&#8217;s goodbye to the WaSP, but let&#8217;s not forget that the job is never over&hellip;</p><blockquote><p> Thanks to the hard work of countless WaSP members and supporters (like you), Tim Berners-Lee&#8217;s vision of the web as an open, accessible, and universal community is largely the reality. While there is still work to be done, the sting of the WaSP is no longer necessary. And so it is time for us to close down The Web Standards Project.</p><p>The job&#8217;s not over, but instead of being the work of a small activist group, it&#8217;s a job for tens of thousands of developers who care about ensuring that the web remains a free, open, inter-operable, and accessible competitor to native apps and closed eco-systems. It&#8217;s your job now, and we look forward to working with you, and wish you much success.</p></blockquote><div
class='after-content-widget-1'><div
id="sitepointcontextualcontentmanagerwidget-5" class="widget widget_sitepointcontextualcontentmanagerwidget"><div
class="dfp-ad show-desktop"><div
id="div-gpt-ad-1340873946991-4" style="width: 728px; height: 90px;"> <script type="text/javascript">googletag.cmd.push(function() { googletag.display("div-gpt-ad-1340873946991-4"); });</script> </div></div></div></div>]]></content:encoded> <wfw:commentRss>http://www.sitepoint.com/web-standards-project-over/feed/</wfw:commentRss> <slash:comments>3</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using memcached
Database Caching 37/62 queries in 0.081 seconds using memcached
Object Caching 1993/2144 objects using memcached

Served from: www.sitepoint.com @ 2013-05-13 14:03:44 --