<?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/"
	>

<channel>
	<title>Website Design Company New York. Mobile App Development Firm &#124; Loungelizard.com &#187; Tech Highlights</title>
	<atom:link href="http://www.loungelizard.com/category/web-design-blogs/tech-highlights/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.loungelizard.com</link>
	<description></description>
	<lastBuildDate>Wed, 28 Sep 2011 15:15:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>The Modern Browser Landscape</title>
		<link>http://www.loungelizard.com/web-design-blogs/tech-highlights/the-modern-browser-landscape/</link>
		<comments>http://www.loungelizard.com/web-design-blogs/tech-highlights/the-modern-browser-landscape/#comments</comments>
		<pubDate>Mon, 11 May 2009 19:59:56 +0000</pubDate>
		<dc:creator>Jared Verdi</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Tech Highlights]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[firefox 3.5]]></category>
		<category><![CDATA[html 5]]></category>
		<category><![CDATA[ie 8]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[safari 4]]></category>
		<category><![CDATA[web standards]]></category>

		<guid isPermaLink="false">http://www.loungelizard.com/?p=540</guid>
		<description><![CDATA[It’s been nearly two and a half years since the last major release of a web browser from Microsoft. Since then, we’ve seen Firefox 2 and 3, Safari 3, Opera 9.5, and Google Chrome hit the market. The field has grown, and the competition has brought big wins for the web standards community. Now that [...]]]></description>
			<content:encoded><![CDATA[<p>It’s been nearly two and a half years since the last major release of a web browser from Microsoft.  Since then, we’ve seen Firefox 2 and 3, Safari 3, Opera 9.5, and Google Chrome hit the market.  The field has grown, and the competition has brought big wins for the web standards community.</p>
<p>Now that the final version of Internet Explorer 8 is upon us, we thought it might be worth looking at what this latest release means to us as web developers, and how we can expect the web to change with new versions of Firefox, Safari, and Opera on the horizon.</p>
<p>For starters, IE 8 brings with it many notable bug fixes.  The behavior of floated elements is said to be vastly improved, along with fixes for collapsing margins, <em>getAttribute</em> and <em>setAttribute</em> methods, and <em>getElementById</em>.  Also of note, is the removal of the mysterious <em>hasLayout</em> property that has plagued developers for years, and CSS Expressions, which were an IE-only extension to CSS.  You can also expect to see fewer memory leaks in IE 8, as Microsoft reports efforts to improve memory-management when dealing with scripts in their latest release.</p>
<p>Now, before we get too excited, we are still bound to supporting legacy browsers at some basic level &#8211; at least until we see a major change in market share &#8211; but many of the features listed below do lend themselves well to <a href="http://en.wikipedia.org/wiki/Progressive_enhancement">progressive enhancement</a>.</p>
<p></p>
<p>Below is a list of features which we can expect to see being adopted in greater numbers over the coming months.  Additions and corrections are welcome.</p>
<table style="margin-bottom:2em">
<tr>
<th style="background-color:#BEC0BF; border:1px solid #efefef;width:125px">
<span style="font-weight:bold">Feature</th>
<th style="background-color:#BEC0BF; border:1px solid #efefef;width:100px">
<span style="font-weight:bold">Supported Browsers</th>
<th style="background-color:#BEC0BF; border:1px solid #efefef;">
<span style="font-weight:bold">Summary</th>
</tr>
<tr>
<td style="background-color:#E3E7E7; border:1px solid #efefef;" colspan="3">
CSS </td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Full CSS 2.1 Support </td>
<td style="border:1px solid #efefef;">
Firefox 2<br />
MSIE 8<br />
Safari 3<br />
Chrome<br />
Opera</td>
<td style="border:1px solid #efefef;">
<p>:before and :after<br />
Add content before or after all matching elements.</p>
<p>:focus, :hover, :active<br />
States now supported for all elements.</p>
<p>display<br />
Support for all table layout values: <em>table-row-group, table-header-group, tablefooter-group, table-row, table-column-group, table-column, table-cell, table-caption</em>.
</p>
<p>outline<br />
Color, style, and width of the outline frame.</p>
<p>quotes<br />
Deﬁne what characters to use to bound quotes.</p>
<p>MSIE 8 joins the other major browser vendors in offering full support for the CSS 2.1 Speciﬁcation. </p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Nth-child selectors </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 3<br />
Chrome<br />
Opera </td>
<td style="border:1px solid #efefef;">
<p>:nth-child, :nth-of-type, :nth-last-of-type, :ﬁrst-of-type, :last-of-type, :only-of-type</p>
<p>Color alternating rows in a table, items in a list, etc. With this addition in Firefox 3.5, Firefox now supports all CSS3 Selectors.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Border images </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 3<br />
Chrome </td>
<td style="border:1px solid #efefef;">
<p>-moz-border-image, -webkit-border-image</p>
<p>Create complex borders using images.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Box shadows </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 3<br />
Chrome<br />
MSIE * </td>
<td style="border:1px solid #efefef;">
<p>-moz-box-shadow, -webkit-box-shadow, (*available in MSIE through Microsoftʼs <a href="http://msdn.microsoft.com/en-us/library/ms532985(VS.85).aspx">DropShadow Filter</a>)</p>
<p>Cast a drop shadow from most HTML elements. Accepts color, offset, blur radius, spread radius. </p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Text shadows </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 3<br />
Opera 9.5 </td>
<td style="border:1px solid #efefef;">
<p>text-shadow, (available in MSIE through Microsoft <a href="http://msdn.microsoft.com/en-us/library/ms533086(VS.85).aspx">Shadow</a> and <a href="http://msdn.microsoft.com/en-us/library/ms532985(VS.85).aspx">DropShadow Filter</a>)</p>
<p>Casts a drop shadow from text and text-decorations. Accepts color, offset, blur radius.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Web fonts </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 3.1<br />
MSIE 4.0*<br />
Opera 10 </td>
<td style="border:1px solid #efefef;">
<p>@font-face (*MSIE supports .eot or .ote ﬁles only)</p>
<p>Ability to specify downloadable fonts for page rendering</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Printing features </td>
<td style="border:1px solid #efefef;">
Safari 3<br />
MSIE 8<br />
Opera</td>
<td style="border:1px solid #efefef;">
<p>@page, left, right, and ﬁrst page selectors, page-break-inside, widows, orphans</p>
<p>Better control over printing with CSS constructs.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Advanced visual effects </td>
<td style="border:1px solid #efefef;">
Safari 4<br />
Firefox 3.5 (tranforms only)<br />
MSIE 8*<br />
Chrome** </td>
<td style="border:1px solid #efefef;">
<p>-webkit-gradient<br />
Gradients, linear or radial, with key points and &quot;color-stops&quot; that work similarly to a Photoshop gradient.</p>
<p>-webkit-mask<br />
Obscure areas of images before they are rendered. Accepts images, -webkit-gradient, svg, and more. </p>
<p>-webkit-box-reﬂect<br />
Create reﬂections speciﬁed by a direction, offset, and -webkit-mask. </p>
<p>-webkit-transition<br />
Smooth interpolation between two CSS states. Accepts properties to transition, duration, delay, and timing functions. DOM events are ﬁred when transitions are completed. </p>
<p>-webkit-animation<br />
Builds on transitions, adding the ability to specify a speciﬁc set of &quot;keyframes&quot;.</p>
<p>-webkit-transform, -webkit-transform-origin, moz-transform, -moz-transform-origin<br />
Translation, scale, rotation, and skew along any axis and around a speciﬁed origin, or manipulate directly using a transform matrix. </p>
<p>(*many effects are available in MSIE through Microsoftʼs <a href="http://msdn.microsoft.com/en-us/library/ms532853(VS.85).aspx">Visual Filters</a>)</p>
<p>(**The next build of Chrome may support many of the webkit based additions) </p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
RGBa Colors </td>
<td style="border:1px solid #efefef;">
Firefox 3<br />
Safari 3<br />
Chrome<br />
Opera 10 </td>
<td style="border:1px solid #efefef;">
<p>Deﬁne CSS colors with an alpha channel for transparency that is not inherited by child elements. See <a href="http://forabeautifulweb.com/blog/about/is_css3_rgba_ready_to_rock/">Andy Clarke&#8217;s screencast</a>.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Multiple backgrounds </td>
<td style="border:1px solid #efefef;">
Safari 3<br />
Chrome<br />
Firefox 3.5 (?)* </td>
<td style="border:1px solid #efefef;">
<p>Specify multiple background images to one element.</p>
<p>(*Multiple background support has made its way into Firefox nightly builds. As to whether it will be supported in the ﬁnal release of Firefox 3.5 is yet to be seen.)</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Alternate Stylesheets </td>
<td style="border:1px solid #efefef;">
Firefox 2<br />
MSIE 8<br />
Safari 3<br />
Chrome<br />
Opera </td>
<td style="border:1px solid #efefef;">
<p>Deﬁne named styles that correspond to alternate style sheets, allowing users to select one of several presentation styles for a page. MSIE 8 brings this feature to full support across all the major vendors.</p>
</td>
</tr>
<tr>
<td style="background-color:#E3E7E7; border:1px solid #efefef;">
HTML &amp; the DOM </td>
<td style="background-color:#E3E7E7; border:1px solid #efefef;"/>
<td style="background-color:#E3E7E7; border:1px solid #efefef;"/>
</tr>
<tr>
<td style="border:1px solid #efefef;">
HTML 5 client-side databases </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 3<br />
MSIE 8 </td>
<td style="border:1px solid #efefef;">
<p>Local storage for modern web applications.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
HTML 5 media support </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 3<br />
Opera 10* </td>
<td style="border:1px solid #efefef;">
<p>video, audio</p>
<p>Standards-based elements that support multimedia playback, and better scripting control.</p>
<p>(*Support in Opera is only partial, and not yet conﬁrmed.)</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
HTML 5 multiple ﬁle uploads </td>
<td style="border:1px solid #efefef;">
Safari 4<br />
Opera 9 </td>
<td style="border:1px solid #efefef;">
<p>Upload multiple ﬁles through one input ﬁeld. In the past, workarounds have typically been achieved using Flash or Java applets.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
HTML 5 input type range </td>
<td style="border:1px solid #efefef;">
Safari 4<br />
Opera 9 </td>
<td style="border:1px solid #efefef;">
<p>New element type for deﬁning a form value using a slider.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
HTML5 drag-and-drop </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
MSIE 5 </td>
<td style="border:1px solid #efefef;">
<p>ondragstart, ondrag, ondragenter, ondragover, ondragleave, ondragend, ondrop</p>
<p>API for interactive web interfaces which ﬁre native drag and drop events in the browser.  Additionally a dataTransfer object holds dragged data.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Support for XHTMLnamespaced elements </td>
<td style="border:1px solid #efefef;">
Firefox 3<br />
Safari 3<br />
Opera 9<br />
Chrome<br />
MSIE 8 </td>
<td style="border:1px solid #efefef;">
<p>MSIE 8 now supports embedding namespaced elements in XHTML. SVG and MathML are two popular uses, which should now be easier to implement in all the major browsers.</p>
</td>
</tr>
<tr>
<td style="background-color:#E3E7E7; border:1px solid #efefef;" colspan="3">
Javascript </td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
HTML 5 ofﬂine support </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 4<br />
MSIE 8* </td>
<td style="border:1px solid #efefef;">
<p>Detecting network connectivity events within javascript.</p>
<p>(*MSIE 8 only supports ononline and onofﬂine events)</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
HTML 5 Cross Document Messaging (XDM) </td>
<td style="border:1px solid #efefef;">
Firefox 3<br />
Opera 9<br />
Safari 4*<br />
MSIE 8 </td>
<td style="border:1px solid #efefef;">
<p>Client side communication through IFrames between documents from different domains with the postMessage method.</p>
<p>(*Supported in WebKit nightlies.  May or may not make it into Safari 4)</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Native JSON support </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
MSIE 8 </td>
<td style="border:1px solid #efefef;">
<p>Creating and interpreting Javascript objects through the <em>parse</em> and <em>stringify</em> methods of the JSON object.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Native Query Selectors </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 3<br />
Chrome<br />
MSIE 8*<br />
Opera 10 </td>
<td style="border:1px solid #efefef;">
<p>querySelector, querySelectorAll (*not supported in MSIE 8)</p>
<p>Method for retrieving 1 or more DOM objects by CSS selector (the way your favorite javascript libraries already do)</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Ajax Navigations </td>
<td style="border:1px solid #efefef;">
Firefox<br />
Safari<br />
Opera<br />
Chrome<br />
MSIE 8 </td>
<td style="border:1px solid #efefef;">
<p>Updates to the window.location.hash property (anchor links) are treated like &quot;traditional&quot; navigations &#8211; they donʼt break the back button.</p>
<p>Support added by MSIE 8 makes this a feature of all modern browsers.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Cross Domain Requests (XDR) </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
MSIE 8 </td>
<td style="border:1px solid #efefef;">
<p>Request data from a URL on an outside domain securely.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
XHR Progress Events </td>
<td style="border:1px solid #efefef;">
Firefox 3.5 </td>
<td style="border:1px solid #efefef;">
Progress Events for Ajax requests. </td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
New High-speed Javascript Engines </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 4<br />
Chrome </td>
<td style="border:1px solid #efefef;">
Firefox 3.5 &#8211; TraceMonkey<br />
Safari 4 &#8211; Nitro<br />
Chrome &#8211; V8 </td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Javascript background worker threads </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Chrome * </td>
<td style="border:1px solid #efefef;">
<p>Run background script processes on a webpage without interfering with user input. Similar to threading.</p>
<p>(*Available in Chromeʼs latest developer release)</p>
</td>
</tr>
<tr>
<td style="background-color:#E3E7E7; border:1px solid #efefef;" colspan="3">
Other </td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
ICC Color Proﬁles </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Safari 3 </td>
<td style="border:1px solid #efefef;">
<p>Images will more accurately reﬂect their representations in Photoshop.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
WIA-ARIA support </td>
<td style="border:1px solid #efefef;">
Firefox 3<br />
Safari 4<br />
MSIE 8<br />
Opera 9.5 </td>
<td style="border:1px solid #efefef;">
<p>WIA-ARIA is a W3C speciﬁcation that makes modern Ajax web applications more accessible to people with disabilities.</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Geolocation API </td>
<td style="border:1px solid #efefef;">
Firefox 3.5<br />
Opera<br />
Google Gears Plugin* </td>
<td style="border:1px solid #efefef;">
<p>Web applications can get a user&#8217;s location if a location provider is installed.</p>
<p>(*Geolocation is also available through the Google Gears plugin on several other browser platforms and legacy browser versions)</p>
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Data URI </td>
<td style="border:1px solid #efefef;">
Firefox<br />
Safari<br />
Opera<br />
Chrome<br />
MSIE 8 </td>
<td style="border:1px solid #efefef;">
<p>Ability to specify images as data inline in your style sheet. Typically used for small sprites in order to minimize HTTP requests, reducing overall load time. Now possible in all major browsers with the introduction of MSIE 8. Support for older browsers is available through <a href="http://weston.ruter.net/2009/05/07/detecting-support-for-data-uris/">Javascript</a>.
</td>
</tr>
<tr>
<td style="border:1px solid #efefef;">
Improved Developer Tools </td>
<td style="border:1px solid #efefef;">
Safari 4<br />
MSIE 8<br />
Opera </td>
<td style="border:1px solid #efefef;">
<a href="http://www.apple.com/safari/features.html%23developer">Safari 4 Web Inspector</a><br />
<a href="http://msdn.microsoft.com/en-us/library/dd565628(VS.85).aspx">MSIE 8 Developer Tools</a><br />
<a href="http://www.opera.com/dragonfly/">Opera “Dragonﬂy”</a>
</td>
</tr>
</table>
<p>As you can see, there is a lot to be excited for.  The industry is seeing progress that makes the web more powerful, pages more accessible, and developers lives simpler.  Now that the technology is here, it is up to us to embrace it.</p>
<p>
References:</p>
<p><a href="http://en.wikipedia.org/wiki/Comparison_of_web_browsers">http://en.wikipedia.org/wiki/Comparison_of_web_browsers</a><br />
<a href="http://ejohn.org/blog/javascript-in-internet-explorer-8/">http://ejohn.org/blog/javascript-in-internet-explorer-8/</a><br />
<a href="http://www.microsoft.com/windows/internet-explorer/readiness/developers-new.aspx">http://www.microsoft.com/windows/internet-explorer/readiness/developers-new.aspx</a><br />
<a href="http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)">http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)</a><br />
<a href="http://developer.apple.com/safari/">http://developer.apple.com/safari/</a><br />
<a href="https://developer.mozilla.org">https://developer.mozilla.org</a><br />
<a href="http://en.wikipedia.org/wiki/Data_URI_scheme">http://en.wikipedia.org/wiki/Data_URI_scheme</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.loungelizard.com/web-design-blogs/tech-highlights/the-modern-browser-landscape/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Coding for the Economy</title>
		<link>http://www.loungelizard.com/web-design-blogs/tech-highlights/coding-for-the-economy/</link>
		<comments>http://www.loungelizard.com/web-design-blogs/tech-highlights/coding-for-the-economy/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 14:27:59 +0000</pubDate>
		<dc:creator>Rob Schiffman</dc:creator>
				<category><![CDATA[Tech Highlights]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Economy]]></category>
		<category><![CDATA[Open Source]]></category>

		<guid isPermaLink="false">http://webdev1.loungelizard.com/ll2009/?p=259</guid>
		<description><![CDATA[In today’s world-wide economic climate, businesses are looking to cut costs wherever they can. These are the times when the uses of cost-free open source technologies make a huge impression on the bottom line of new web site and web application development. One such open source project is WordPress. Maintained by a community of developers [...]]]></description>
			<content:encoded><![CDATA[<p>In today’s world-wide economic climate, businesses are looking to cut costs wherever they can.  These are the times when the uses of cost-free open source technologies make a huge impression on the bottom line of new web site and web application development.</p>
<p>One such open source project is WordPress.  Maintained by a community of developers and licensed under the Free Software Foundation GPL (General Public License), WordPress is a powerful content management system which can be easily extended beyond its main code base.  This extensibility and open source license allows companies to leverage this software to create dynamic web sites which can be updated through the WordPress Administration portal.  WordPress is one of the core technologies which Lounge Lizard leverages in order to provide companies with eye-catching web site designs and powerful functionality through the development of custom WordPress plug-ins.</p>
<p>To learn more about how WordPress can help your company, feel free to contact one of the Lounge Lizard brand tenders today.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.loungelizard.com/web-design-blogs/tech-highlights/coding-for-the-economy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

