<?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>TBNL &#187; frontend</title>
	<atom:link href="http://www.tibobeijen.nl/blog/tag/frontend/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tibobeijen.nl</link>
	<description>...another view on the web and how it's built</description>
	<lastBuildDate>Wed, 06 Jul 2011 19:28:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Fronteers 2009</title>
		<link>http://www.tibobeijen.nl/blog/2009/11/07/fronteers-2009/</link>
		<comments>http://www.tibobeijen.nl/blog/2009/11/07/fronteers-2009/#comments</comments>
		<pubDate>Sat, 07 Nov 2009 18:46:22 +0000</pubDate>
		<dc:creator>Tibo Beijen</dc:creator>
				<category><![CDATA[report]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[fronteers]]></category>
		<category><![CDATA[fronteers09]]></category>
		<category><![CDATA[frontend]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[yql]]></category>

		<guid isPermaLink="false">http://www.tibobeijen.nl/?p=555</guid>
		<description><![CDATA[About five months after having enjoyed server-side talks at DPC09 it was now time for front-end matters: Fronteers 2009. There&#8217;s no exaggeration in the description on the fronteers site: A stellar line up of speakers who are at the front of what&#8217;s happening in web-development. Generally speaking I really liked most of the talks and [...]]]></description>
			<content:encoded><![CDATA[<p>About five months after having enjoyed server-side talks at <a href="http://www.tibobeijen.nl/blog/2009/06/13/dpc09-down-dpc10-to-go/">DPC09</a> it was now time for front-end matters: Fronteers 2009. There&#8217;s no exaggeration in the description on the fronteers site: A <a href="http://fronteers.nl/congres/2009/speakers">stellar line up</a> of speakers who are at the front of what&#8217;s happening in web-development. Generally speaking I really liked most of the talks and some of them pointed me to some interesting new techniques and ideas.</p>
<p>Slides of the presentation (if online) are listed at the <a href="http://fronteers.nl/blog/2009/11/presentations-fronteers-2009">Fronteers site</a> and at the end of this post (same content, read along). I&#8217;ll briefly recap some of the (for me that is) most interesting parts.<br />
<span id="more-555"></span></p>
<h3>Thursday</h3>
<p>After a pre-conference meeting tuesday at Mirabeau (Where Chris Heilmann and Peter Paul Koch hinted at what was to come) Thursday started with two talks concentrating on the mobile web. Summarized: Webkit is not webkit (and webkit is just one of the mobile browsers) and mobile devices are more different from each-other than desktop PC&#8217;s. So, developing for the mobile web (and not just the iPhone) is challenging. </p>
<p>Next on was the presentation with the most hilarious title of all (and arguably content also) by Chris Heilman: <a href="http://www.wait-till-i.com/2009/11/05/of-hamsters-feature-creatures-and-missed-opportunities-my-talk-at-fronteers-2009/">Of Hamsters, Feature Creatures and Missed Opportunities</a>. Some highlights: Be passionate about what you do as a developer or leave that aspect for someone who <em>is</em>. Don&#8217;t reinvent the wheel just because you like to apply a (your favorite) technique. The web is information, not sites. The feature creature (just check the slides) and <a href="http://developer.yahoo.com/yql/console/">YQL</a>, which basically is querying the web and looks really great (kinda missed out on that one having done a lot of back-end development lately).</p>
<p>After the lunch-break Stephen Hay covered three drafts that exist for CSS layouts that will take away the limitations that exist today: CSS3-Grid (Microsoft), CSS3-Flexbox (Mozilla) and CSS3-Layout (W3C). Very interesting as it makes very clear that, although a vast improvement over tables, today&#8217;s CSS capabilities with respect to layout (and thereby the way we work) are far from perfect.<br />
Following Stephen, John Resig went in-depth on javascript testing techniques covering unit testing as well as functional testing. Furthermore an interesting testing concept that can be used for testing JS frameworks was introduced: <a href="http://testswarm.com/">TestSwarm</a>. Steve Souders, fully aware of being the last barrier between the crowd and the after-party, concluded the day with some interesting techniques that can help speed up websites.</p>
<h3>Friday</h3>
<p>Douglas Crockford kicked of day 2 with a presentation about javascript security. He explained <a href="http://en.wikipedia.org/wiki/Object-capability_model">Object Capapability Design</a>, a security model in which objects can only access objects they have a reference too. I liked the part about using &#8216;facet objects&#8217; to control whether or not references are maintained or broken. After that Pete LePage showed some HTML5 stuff that&#8217;s found it&#8217;s way into IE8. The presentation had a (not the only one) funny moment where in Expression Web&#8217;s IE6 emulation it showed the fronteers website with the &#8216;your (IE6) browser is obsolete&#8217; warning. Jonathan Snook then extensively covered the topic of getting fonts on the web. It was very interesting that he addressed the licensing issues involved with using tools like sIFR. Something I think is often overlooked.</p>
<p>After the lunch Robbert Broersma lifted the hood (just slightly) of the engine powering the Xopus editor. He showed some tips with regard to improving and maintaining performance, most notably <a href="http://www.google.nl/search?q=leak+free+closures">Google for &#8216;leak free closures&#8217;</a>. Thomas Fuchs took over and explained some of the animation scripting going on in <a href="http://scripty2.com/">scripty2</a> and showcased his lightweight animation library <a href="http://github.com/madrobby/emile">emile.js</a>.</p>
<p>Next presentation was by Nicolle Sullivan and the title &#8216;Object Oriented CSS&#8217; made me quite curious. Rightly so cause I really enjoyed this presentation. OOP concepts like code reuse, encapsulation, singletons and inheritance were put into the perspective of organizing CSS. Quite a different approach really but it addresses problems I think a lot off css-coders can relate to. I found it interesting to realize that OOP thinking, which for me is day-to-day practice when working with PHP, somehow hadn&#8217;t made it to my CSS approach. At least not to the extent as shown in this presentation.</p>
<p>The day concluded with Dion Almaer and Ben Galbraith talking about &#8216;The Future of Web Applications&#8217;. Very entertaining presentation covering new technologies like <a href="http://code.google.com/closure/">Google Closure Tools</a> (Quoting: &#8216;If you want to write code that looks like java then it&#8217;s a great tool for you&#8217;), canvas, web workers and webGL.</p>
<p>Conclusion: Very nice conference with indeed a stellar line-up. As always the hallway sessions are not to be underestimated as I usually (unless I&#8217;m tired or need to get things done) find it interesting to talk to other people and pick up some new ideas or approaches. To conclude with the closing presentation&#8217;s very fitting last commandments (yes, I wrote those down):</p>
<ul>
<li>Thou shalt make thine interfaces responsive</li>
<li>Thou shalt keep the data of thy users holy</li>
</ul>
<ul>
<li><a href="http://search.twitter.com/search?q=&#038;ands=&#038;phrase=&#038;ors=&#038;nots=&#038;tag=fronteers09&#038;lang=all&#038;from=&#038;to=&#038;ref=&#038;near=&#038;within=15&#038;units=mi&#038;since=&#038;until=&#038;rpp=15">Twitter: #fronteers09</a></li>
<li><a href="http://www.flickr.com/search/?q=fronteers09&#038;s=int">Flickr: fronteers09</a></li>
</ul>
<h3>Presentations</h3>
<p>Just to show that YQL literally <em>is</em> &#8216;querying the web&#8217;: The YQL below extracts from the <a href="http://fronteers.nl/blog/2009/11/presentations-fronteers-2009">Fronteers 2009 presentations</a> page those elements in the list that have a link. And&#8230; it always returns valid xml which makes it ideal for parsing the <del datetime="2009-11-08T19:21:45+00:00">HTML</del> cruft generated by some applications.</p>

<div class="wp_syntax"><div class="code"><pre class="sql" style="font-family:monospace;"><span style="color: #993333; font-weight: bold;">SELECT</span> <span style="color: #66cc66;">*</span> <span style="color: #993333; font-weight: bold;">FROM</span> html 
<span style="color: #993333; font-weight: bold;">WHERE</span> url<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://fronteers.nl/blog/2009/11/presentations-fronteers-2009&quot;</span> 
<span style="color: #993333; font-weight: bold;">AND</span> xpath<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;//ol/li/p/a/ancestor::li&quot;</span></pre></div></div>

<ul class="paragraphs">
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.tibobeijen.nl/blog/2009/11/07/fronteers-2009/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>PHPgg Frontend Special</title>
		<link>http://www.tibobeijen.nl/blog/2009/02/08/phpgg-frontend-special/</link>
		<comments>http://www.tibobeijen.nl/blog/2009/02/08/phpgg-frontend-special/#comments</comments>
		<pubDate>Sun, 08 Feb 2009 12:18:42 +0000</pubDate>
		<dc:creator>Tibo Beijen</dc:creator>
				<category><![CDATA[report]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[frontend]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[phpgg]]></category>

		<guid isPermaLink="false">http://www.yunademo.nl/preview/tibobeijen.nl/?p=93</guid>
		<description><![CDATA[Last saturday (2009 jan 24th) I attended the phpGG Frontend Special. phpGG stands for &#8216;PHP Gebruikersgroep&#8217; which translates to &#8216;PHP user group&#8217;. The meeting was held in a nice little theater in The Hague and was attended by what looked like about 50 people. The four main presentations scheduled: Microsoft &#8211; User Experience on the [...]]]></description>
			<content:encoded><![CDATA[<p>Last saturday (2009 jan 24th) I attended the <a href="http://phpgg.nl/frontendspecial2008">phpGG Frontend Special</a>. phpGG stands for &#8216;PHP Gebruikersgroep&#8217; which translates to &#8216;PHP user group&#8217;. The meeting was held in a nice little theater in The Hague and was attended by what looked like about 50 people. The four main presentations scheduled:</p>
<ul>
<li>Microsoft &#8211; User Experience on the web</li>
<li>Adobe &#8211; Flex/AIR </li>
<li>Javascript &#8211; 8 Reasons every PHP developer should love it </li>
<li>The frontend is your friend</li>
</ul>
<p><span id="more-93"></span></p>
<h3>Microsoft &#8211; User Experience on the web</h3>
<p>First speaker was Bram Veenhof, of whom I allready attended a presentation two months ago. Here the available time was more limited so less subjects were covered. He started with some coverage on the forthcoming Windows 7. Interesting features were addressed like: Dockable windows, swappable taskbar buttons and functionallity in preview windows. Next on was Silverlight and most specifically the video and deepzoom capabilities. </p>
<p>Two parts that were both interesting in their own right but not really connected to each other. In my opinion he had better addressed the XAML, Javascript integration some more. I think that is one of the strong points of Silverlight when it comes to smooth integration in a PHP driven application. </p>
<h3>Adobe &#8211; Flex/AIR</h3>
<p>Next on was Mihai Corlan, Adobe Platform Evangelist as he described himself. First part of his presentation was about Flex. For me it&#8217;s been a while since I&#8217;ve done Flash Development so I was curious about what&#8217;s happening on the Adobe front. Mihai summarized Flex as &#8216;Just another way to create a Flash app&#8217;. The Flex platform consists of:</p>
<ul>
<li>2 Languages: MXML and Actionscript 3</li>
<li>Compilers</li>
<li>Rich Component Library</li>
<li>Debuggers</li>
<li>Flex SDK (Open Source) </li>
<li>Flex Builder IDE (Eclipse so it runs nice alongside Zend Studio)</li>
</ul>
<p>As for the benefit of RIA&#8217;s he showed a little demo of a very graphical intuitive interface allowing users to report details about car damage. </p>
<p>After the topic was Adobe Air. Adobe Air allows web developers to develop beyond the browser. Api&#8217;s like file access, drag &#038; drop, allow for desktop apps to be developed using techniques familiar to Flash/Flex developers. Very interesting and probably much easier than starting to learn writing apps in Objective C or Java. </p>
<p>The link to PHP was addressed by the way Flex and Air applications communicate with online back-end software: REST, Web Services and RPC. Areas where PHP is at it&#8217;s best, especially with the arrival of Zend Framework&#8217;s AMF component. The AMF component provides RPC connectivity that is easy to implement and very efficient. </p>
<h3>Javascript &#8211; 8 Reasons every PHP developer should love it</h3>
<p>After a good lunch and a couple of short talks by phpwomen, fronteers and phpGG it was Boy Baukema&#8217;s (Ibuildings) turn to (try to) make PHP developers like Javascript. On the technical side he pointed out some similarities like closures and closures. Furthermore he showed statics telling us that less than 1% of today&#8217;s user agents don&#8217;t support javascript. This includes search engines and paranoids. After his presentation he repeated his question about how many of us like javascript. I couldn&#8217;t tell much difference but then again, 40 minutes is very little time to convert server-side freaks. In my opinion liking javascript starts with liking to create a good user experience. If you do, you&#8217;ll probably also like Flash and Silverlight. If you don&#8217;t, no problem. Leave it to people who do.</p>
<h3>The frontend is your friend</h3>
<p>The last presentation of the day was given by Robert Jan Verkade (Eend). Interesting and graphically of high quality. Something tells me Robert Jan is a fan of Queen. He focused on the different stakeholders involved in a project and how they interact: The front-end (HTML, CSS, JS), The back-end (PHP), the users and the contractor. He showed some examples of good and bad practice. Most notable advices on of good practice where reducing the number of external css and javascript files and placing javascript at the bottom of the page. Furthermore he had some good tips on how php- and frontend developers can make eachother&#8217;s lives a bit easier. (PHP-ers: Don&#8217;t mess with the HTML! :)).</p>
<p>He put quite some emphasis on valid HTML so I couldn&#8217;t resist asking about wether he meant &#8216;valid&#8217; or &#8216;well formed&#8217; and what his opinion was on using non-W3C attributes to drive javascript behaviour (something I&#8217;m very pragmatic about). An entirely different discussion that doesn&#8217;t need a winner but I was curious if he or someone else would have some interesting (for me new) views on the subject. Somebody in the audience mentioned that custom attributes are part of the HTML5 recommendation. So the topic is definitively &#8216;out there&#8217;.</p>
<p>Conclusion: A nice day. Interesting subject and interesting presentations. And of course it&#8217;s nice to meet some new people working in this field. As it pointed out phpGG has just recently become more active again after having been dormant for a long period. So on that part 2009 looks promising.</p>
<p>For the web 2.0 afficionados: <a href="http://www.flickr.com/photos/tags/phpggfs/">Flickr</a> &amp; <a href="http://search.twitter.com/search?q=phpggfs">Twitter</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.tibobeijen.nl/blog/2009/02/08/phpgg-frontend-special/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

