SlideShare una empresa de Scribd logo
1 de 73
Priverskime tinklalapius krautis greičiau
[object Object],[object Object],[object Object],[object Object],[object Object],Kam to reikia?
[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object],Mažiau užklausų
[object Object],[object Object],[object Object],Mažiau užklausų
[object Object],[object Object],[object Object],Mažiau užklausų
[object Object],[object Object],[object Object],Mažiau užklausų
 
 
 
Data URI background-image: url("data:image/gif;base64,R0lGODlhAwADAIAAAP///8zMzCH5BAAAAAAALAAAAAADAAMAAAIEBHIJBQA7");
[object Object],[object Object],[object Object],[object Object],[object Object],Neblokuokite
[object Object],[object Object],[object Object],[object Object],[object Object],Neblokuokite
var js = document.createElement('script');js.src = 'myscript.js';var head = document.getElementsByTagName('head')[0];head.appendChild(js);
[object Object],[object Object],[object Object]
Mažiau duomenų ,[object Object],[object Object]
Mažiau duomenų ,[object Object],[object Object]
Text (function(a,b){function ci(a){return d.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cf(a){if(!b_[a]){var b=d(&quot;<&quot;+a+&quot;>&quot;).appendTo(&quot;body&quot;),c=b.css(&quot;display&quot;);b.remove();if(c===&quot;none&quot;||c===&quot;&quot;)c=&quot;block&quot;;b_[a]=c}return b_[a]}function ce(a,b){var c={};d.each(cd.concat.apply([],cd.slice(0,b)),function(){c[this]=a});return c}
[object Object],[object Object],[object Object]
Mažiau duomenų ,[object Object],[object Object]
[object Object],[object Object],[object Object],Kešavimas
 
HTTP/1.1 200 OK  Last-Modified: Tue, 1 Dec 2010 01:00:00 GMT  ETag: &quot;3eeb06e3108ad126c09b2c&quot;  Content-Length: 12345 GET /resource HTTP/1.1  Host: example.com  If-Modified-Since: Tue, 1 Dec 2010 01:00:00 GMT  If-None-Match: &quot;3eeb06e3108ad126c09b2c&quot; HTTP/1.1 304 Not Modified
 
Expires: Thu, 09 Apr 2011 14:00:00 GMT ExpiresDefault &quot;access plus 10 years&quot; Cache-Control: max-age=3600
 
[object Object],[object Object],Ir dar…
HTML
[object Object],[object Object]
[object Object],[object Object]
XHTML <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot; http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd &quot;> <html xmlns=&quot; http://www.w3.org/1999/xhtml &quot; xml:lang=&quot;en&quot;> <head>    <meta http-equiv=&quot; Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot; />  <title>Foo</title>  <link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /></head> <body><p>Bar</p><script type=&quot;text/javascript&quot;> … </script></body></html>
XHTML <!DOCTYPE html  PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot; http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd &quot; > <html  xmlns=&quot; http://www.w3.org/1999/xhtml &quot; xml:lang=&quot;en&quot; > <head>    <meta  http-equiv=&quot; Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; />  <title>Foo</title>  <link href=&quot;style.css&quot; rel=&quot;stylesheet&quot;  type=&quot;text/css&quot;  /></head> <body><p>Bar</p><script  type=&quot;text/javascript&quot; > … </script></body></html>
HTML5 <!DOCTYPE html><html><head>  <meta charset=&quot;UTF-8&quot;>  <title>Foo</title>  <link href=&quot;style.css&quot; rel=&quot;stylesheet&quot;></head><body><p>Bar</p><script>  …</script></body></html>
Grafiniai elementai
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
JPEG FAIL
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
7448 baitai
 
1322 baitai
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
http://ubuwaits.github.com/css3-buttons/
CSS3 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
JavaScript (jQuery)
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
$('#something').html('yeah!');$('#something').css('color', '#BADA55');$('#something').bind('click', function(){…}); $('#something').html('yeah!');$('#something').css('color', '#BADA55');$('#something').bind('click', function(){…});
var $something = $('#something');$something.html('yeah!');$something.css('color', '#BADA55');$something.bind('click', function(){…});
$something.html('yeah!')  .css('color', '#BADA55')  .bind('click', function(){…});
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
for (var i=0; i<some_list.length; i++) {  $('<li/>').html(some_list[i]).appendTo($('#myul'));};
str = '';for (var i = 0, l = some_list.length; i < l; i++){ str += '<li>' + some_list[i] + '</li>';}$('#myul').html(str);
str = '<ul>';for (var i = 0, l = some_list.length; i < l; i++){ str += '<li>' + some_list[i] + '</li>';}$('#myul').replaceWith(str + '</ul>');
[object Object],[object Object],[object Object],[object Object],[object Object]
$(&quot;table&quot;).delegate(&quot;td&quot;, &quot;hover&quot;, function(){ $(this).toggleClass(&quot;hover&quot;);}); });
Įrankiai
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],Svarbiausia:
Viskas.  Ačiū :)

Más contenido relacionado

Más de Darius Leskauskas

Más de Darius Leskauskas (8)

Sigitas Drąsutis
Sigitas DrąsutisSigitas Drąsutis
Sigitas Drąsutis
 
Juozas Kaziukėnas
Juozas KaziukėnasJuozas Kaziukėnas
Juozas Kaziukėnas
 
Sergejus Barinovas
Sergejus BarinovasSergejus Barinovas
Sergejus Barinovas
 
Petras Bieliauskas
Petras BieliauskasPetras Bieliauskas
Petras Bieliauskas
 
Domantas Jovaiša
Domantas JovaišaDomantas Jovaiša
Domantas Jovaiša
 
Audrys Kažukauskas
Audrys KažukauskasAudrys Kažukauskas
Audrys Kažukauskas
 
Algirdas Noreika WEB konferencija
Algirdas Noreika WEB konferencijaAlgirdas Noreika WEB konferencija
Algirdas Noreika WEB konferencija
 
Impress pages cms
Impress pages cmsImpress pages cms
Impress pages cms
 

Rimantas Liubertas

  • 2.
  • 3.
  • 4.
  • 5.
  • 6.  
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.  
  • 12.  
  • 13.  
  • 14. Data URI background-image: url(&quot;data:image/gif;base64,R0lGODlhAwADAIAAAP///8zMzCH5BAAAAAAALAAAAAADAAMAAAIEBHIJBQA7&quot;);
  • 15.
  • 16.
  • 17. var js = document.createElement('script');js.src = 'myscript.js';var head = document.getElementsByTagName('head')[0];head.appendChild(js);
  • 18.
  • 19.
  • 20.
  • 21. Text (function(a,b){function ci(a){return d.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cf(a){if(!b_[a]){var b=d(&quot;<&quot;+a+&quot;>&quot;).appendTo(&quot;body&quot;),c=b.css(&quot;display&quot;);b.remove();if(c===&quot;none&quot;||c===&quot;&quot;)c=&quot;block&quot;;b_[a]=c}return b_[a]}function ce(a,b){var c={};d.each(cd.concat.apply([],cd.slice(0,b)),function(){c[this]=a});return c}
  • 22.
  • 23.
  • 24.
  • 25.  
  • 26. HTTP/1.1 200 OK Last-Modified: Tue, 1 Dec 2010 01:00:00 GMT ETag: &quot;3eeb06e3108ad126c09b2c&quot; Content-Length: 12345 GET /resource HTTP/1.1 Host: example.com If-Modified-Since: Tue, 1 Dec 2010 01:00:00 GMT If-None-Match: &quot;3eeb06e3108ad126c09b2c&quot; HTTP/1.1 304 Not Modified
  • 27.  
  • 28. Expires: Thu, 09 Apr 2011 14:00:00 GMT ExpiresDefault &quot;access plus 10 years&quot; Cache-Control: max-age=3600
  • 29.  
  • 30.
  • 31. HTML
  • 32.
  • 33.
  • 34. XHTML <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot; http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd &quot;> <html xmlns=&quot; http://www.w3.org/1999/xhtml &quot; xml:lang=&quot;en&quot;> <head> <meta http-equiv=&quot; Content-Type&quot; content=&quot;text/html;charset=UTF-8&quot; /> <title>Foo</title> <link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /></head> <body><p>Bar</p><script type=&quot;text/javascript&quot;> … </script></body></html>
  • 35. XHTML <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot; http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd &quot; > <html xmlns=&quot; http://www.w3.org/1999/xhtml &quot; xml:lang=&quot;en&quot; > <head> <meta http-equiv=&quot; Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /> <title>Foo</title> <link href=&quot;style.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /></head> <body><p>Bar</p><script type=&quot;text/javascript&quot; > … </script></body></html>
  • 36. HTML5 <!DOCTYPE html><html><head> <meta charset=&quot;UTF-8&quot;> <title>Foo</title> <link href=&quot;style.css&quot; rel=&quot;stylesheet&quot;></head><body><p>Bar</p><script> …</script></body></html>
  • 38.
  • 39.
  • 40.
  • 42.
  • 43.  
  • 44.  
  • 45.  
  • 46.
  • 47.
  • 48.
  • 50.  
  • 52.
  • 53.
  • 55.
  • 57.
  • 58.
  • 59.
  • 60. $('#something').html('yeah!');$('#something').css('color', '#BADA55');$('#something').bind('click', function(){…}); $('#something').html('yeah!');$('#something').css('color', '#BADA55');$('#something').bind('click', function(){…});
  • 61. var $something = $('#something');$something.html('yeah!');$something.css('color', '#BADA55');$something.bind('click', function(){…});
  • 62. $something.html('yeah!') .css('color', '#BADA55') .bind('click', function(){…});
  • 63.
  • 64.
  • 65. for (var i=0; i<some_list.length; i++) { $('<li/>').html(some_list[i]).appendTo($('#myul'));};
  • 66. str = '';for (var i = 0, l = some_list.length; i < l; i++){ str += '<li>' + some_list[i] + '</li>';}$('#myul').html(str);
  • 67. str = '<ul>';for (var i = 0, l = some_list.length; i < l; i++){ str += '<li>' + some_list[i] + '</li>';}$('#myul').replaceWith(str + '</ul>');
  • 68.
  • 71.
  • 72.