Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
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
Prochain SlideShare
Chargement dans…5
×

Wolf fronteers 2010

3 248 vues

Publié le

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

Publié dans : Technologie
  • Soyez le premier à commenter

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

×