Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
FRONTEERS ’10                           21 oktober — Netlash — Johan RonsseThursday 2 December 2010
What did I learn?Thursday 2 December 2010
Google Chrome Frame for IE                           installable without administrator                           access on...
Fig 1: actual error encountered on almost any Netlash project                                         JSLint              ...
Thursday 2 December 2010
Smush.it                            Make PNGs smaller                           (But not so much: worth it if automated?)T...
Use Google’s CDN for performance                                      Adjusted code from HTML5 boilerplate             {* ...
To summarize, if you worry about                           performance, dont use conditional                           com...
Empty conditional comments = non-blocking     <html lang="{$LANG}">     <head>         <!--[if IE]><![endif]-->         <m...
Better: don’t include files in conditional comments at all                                                       Code from ...
-webkit-line-clamp                           <p style="                              overflow : hidden;                   ...
Questions?Thursday 2 December 2010
johan@johanronsse.be                           http://www.netlash.comThursday 2 December 2010
Upcoming SlideShare
Loading in …5
×

Wolf fronteers 2010

3,224 views

Published on

Some things I learned at the 2010 Fronteers conference. Originally an internal Netlash presentation.

Published in: Technology
  • Be the first to comment

Wolf fronteers 2010

  1. 1. FRONTEERS ’10 21 oktober — Netlash — Johan RonsseThursday 2 December 2010
  2. 2. What did I learn?Thursday 2 December 2010
  3. 3. Google Chrome Frame for IE installable without administrator access on XP Landed in Chrome trunkThursday 2 December 2010
  4. 4. Fig 1: actual error encountered on almost any Netlash project JSLint Javascript validation: less mistakes?Thursday 2 December 2010
  5. 5. Thursday 2 December 2010
  6. 6. Smush.it Make PNGs smaller (But not so much: worth it if automated?)Thursday 2 December 2010
  7. 7. Use Google’s CDN for performance Adjusted code from HTML5 boilerplate {* Grab Google CDNs jQuery and jQuery UI. fall back to local if necessary *} <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/ jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript">!window.jQuery && document.write(<script src="/modules/core/js/jquery/jquery-1.4.2.min.js" type="text/javacript"></ script>)</script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/ jqueryui/1.8.2/jquery-ui.min.js"></script> <script type="text/javascript">!window.jQuery && document.write(<script src="/modules/core/js/jquery-ui.js" type="text/javacript"></script>)</ script>Thursday 2 December 2010
  8. 8. To summarize, if you worry about performance, dont use conditional comments. Stoyan Stefanov phpied.comThursday 2 December 2010
  9. 9. Empty conditional comments = non-blocking <html lang="{$LANG}"> <head> <!--[if IE]><![endif]--> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta http-equiv="content-type" content="text/html; charset=iso-8859-15" /> (Also note: stepping away from IE=IE7, always use latest version. Use Chrome frame if available. Advance the web!) http://www.phpied.com/conditional-comments-block-downloads/Thursday 2 December 2010
  10. 10. Better: don’t include files in conditional comments at all Code from HTML5 boilerplate <!--[if lt IE 7 ]> <body class="ie6"> <![endif]--> <!--[if IE 7 ]> <body class="ie7"> <![endif]--> <!--[if IE 8 ]> <body class="ie8"> <![endif]--> <!--[if IE 9 ]> <body class="ie9"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]--> http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/Thursday 2 December 2010
  11. 11. -webkit-line-clamp <p style=" overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; "> WebKit Browsers will clamp the number of lines in this paragraph to 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor </p> http://dropshado.ws/post/1015351370/webkit-line-clampThursday 2 December 2010
  12. 12. Questions?Thursday 2 December 2010
  13. 13. johan@johanronsse.be http://www.netlash.comThursday 2 December 2010

×