<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL" version="HTML+RDFa 1.0" prefix="og: http://ogp.me/ns#">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="css/OSBi7mg0FiGWDrqIQ8RlQXdObSN9iTR7xR6dT9aGi9V6GwYfVxUc3doRnK3t--H1bhRBnhOFKOKM6rov0cgySNB7DEBw_php_css_yx8v0hwqw2f8drryf4tipb_php.css" media="all"/>
<script type="text/javascript" src="whcookies_8a086f.js"></script>
	<!-- Meta & Title -->
	<title>HTML5, CSS, CSS3, C++, JavaScript, jQuery - kursy, tutoriale, artykuły o programowaniu</title>

	<link rel="canonical" href="https://www.bt4.pl" />
	<!-- CSS -->
	<!-- Feed & Pingbacks -->
		<link rel="pingback" href="https://www.bt4.pl/xmlrpc.php" />
	<!-- Javascript -->
	<script type="text/javascript" src="wp-content/plugins/w3-total-cache/pub/minify_php-file-M9AvS00uyS8q1s8CosLS1KJKvZL8_JxivdzMPB0DZNni0oLUorTM4gxUYZimzIKQzAKQLgA_php.js"></script>
<script type="text/javascript" src="wp-content/themes/vectors/js/custom_8a086f.js"></script>
<!--[if lt IE 9]>
<script src="http://www.bt4.pl/wp-content/themes/vectors/js/html5shiv.js?8a086f"></script>
<![endif]-->
<link rel="icon" type="image/png" href="data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB4HEgYLAAkdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAyFRwGTh8vkAwFCQoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAQQDAAAAAAAAAAAAAAAAJxgYCXVHSL41Ii5oGQ8WMw0IDAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFCjAiFgkKTxMLCwIIBQYKHxgZA2FSUMuhY3H/gm6K/5KIo/lSOUqMEAkOBQAAAAAAAAAAAAAAAAAAAAAAAAAAYhNCAWcnOpY3Jx1+Y1tW0ikcG2t1hKf3aVJn/3RXe/9sQ2T/kFJ44wgEBxMFAgUHCQQIAwAAAAAAAAAAAAAAAAAAAAB2Q1xmn259/25XY/9qiaDoU3lrzHSu5/+kkbL/g26Z/6uAovR1THPAeUtsx0w8Uo4NBwwaAAAAAAAAAAAAAAAAj22O1HNKcP+tnLr/Y7fr/2UfQ/RgZoDpnqF3/6mgqf+0kNP/sIjT/6Fquf+kb5f/gWB6xg4JDRgAAAAAf0FyC6F5pPePUIX/pI2w/5Gdnv9tUmr4aBdQ/q29nP/EpLL/sp62/8Sbuf+9j7r/m0R8/6p6oP9lQV6tDwkOCwAAAACfXY6JnE+K/qiFqf+gomj/paax/3cvkP+Fepz/jJan/5N0iP+Jzej/t4GX/7eRw/+wgbv/lWma9B4PHDUAAAAAkXCEUMGUq/bKr9r/p3ez/35clf90TZ3+bjh381tecLyLfpXzkomx/6tkif+iVYf/pGOU7XAtZppAJkARVCtKBZhbctrVwOb/sITH/4dslv93o83/TTVjqVgwS5kiERIpIQ4PLj0bKSiDLVoxdSBSIWMdTQMAAAAAAAAAAGw7ZTesho3/0LTW/7ePrv97uNv/iXal/icSJFMrICAhAAAAADUYFgsqEhILAAAAAAAAAAAAAAAAAAAAAAAAAACKVYE7r4uP/7Nzff/Dkpz/nXqn/285ZLQpFBoxFAsKBQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAi1KADKeBkfauf7D/sIK2/5FCauc6GjAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAH09cAKmfpnKtXyN/6NuieNOKD8yAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAnXWePYtlgIpeNUwWAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAP3/AAD9/wAA+D8AAKg/AADABwAAgAMAAIABAACAAQAAwAEAAID/AACD/wAAg/8AAIf/AACP/wAA3/8AAA=="/>
<!-- Hooks -->
<!-- This site is optimized with the Yoast WordPress SEO plugin v1.7 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Najlepsze kursy, tutoriale oraz artykuły o programowaniu i tworzeniu stron WWW: C++, JavaScript, jQuery, PHP, HTML5, CSS, Android"/>
<link rel="next" href="page/2/"/>
<meta property="og:locale" content="pl_PL"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="HTML5, CSS, CSS3, C++, JavaScript, jQuery - kursy, tutoriale, artykuły o programowaniu"/>
<meta property="og:description" content="Najlepsze kursy, tutoriale oraz artykuły o programowaniu i tworzeniu stron WWW: C++, JavaScript, jQuery, PHP, HTML5, CSS, Android"/>
<meta property="og:url" content="http://www.bt4.pl/"/>
<meta property="og:site_name" content="BeautifulCode"/>
<script type="application/ld+json">{ "@context": "http://schema.org", "@type": "WebSite", "url": "http://www.bt4.pl/", "potentialAction": { "@type": "SearchAction", "target": "http://www.bt4.pl/?s={search_term}", "query-input": "required name=search_term" } }</script>
<!-- / Yoast WordPress SEO plugin. -->
<script type="text/javascript" src="script/cTNnwBBJkFxBpAl8HhSFZmsRC7MRBLPSwhn_tPRg5tdGJudEL61go8-D-X2-ECpSEc9ei0ffD1TCbctNbL_5Ae1N6knkD_php_js_t5mk3jx7xiomdpacocikcv_php.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var BPMJ_BETTERPAY_DATA = {"bp_url":"http:\/\/www.bt4.pl\/wp-content\/plugins\/BetterPay\/","bp_width":"500","bp_mode":"on","bp_oid":null,"bp_lang_total":"Do zap\u0142aty","bp_lang_remove":"Usu\u0144","bp_currency":"z\u0142","bp_ajax_url":"/","bp_post_id":"13788","bp_fade":"body"};
/* ]]> */
</script>
<script type="text/javascript" src="wp-content/plugins/w3-total-cache/pub/minify_php-file-M9R3Si0pSS0KSKzUL04uyiwoKYbS8QWlSTmZyXq5mXk6Jvol5brFicnZIB4A_php.js"></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.bt4.pl/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.bt4.pl/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.0.1"/>
<script type="text/javascript">
//<![CDATA[
function alo_em_pubblic_form ()
{
//edit : added all this for
  var alo_cf_array = new Array();
      document.alo_easymail_widget_form.submit.value="Wysyłam...";
  document.alo_easymail_widget_form.submit.disabled = true;
  document.getElementById('alo_em_widget_loading').style.display = "inline";
  document.getElementById('alo_easymail_widget_feedback').innerHTML = "";
  var alo_em_sack = new sack("/" );
  alo_em_sack.execute = 1;
  alo_em_sack.method = 'POST';
  alo_em_sack.setVar( "action", "alo_em_pubblic_form_check" );
  alo_em_sack.setVar( "alo_em_opt_name", document.alo_easymail_widget_form.alo_em_opt_name.value );
  alo_em_sack.setVar( "alo_em_opt_email", document.alo_easymail_widget_form.alo_em_opt_email.value );
    alo_em_sack.setVar( "alo_easymail_txt_generic_error", 'Błąd podczas wykonywania zadania' );  
  alo_em_sack.setVar( "alo_em_error_email_incorrect", "Podany adres e-mail jest nieprawidłowy.");
  alo_em_sack.setVar( "alo_em_error_name_empty", "Pole Imię i nazwisko należy wypełnić");
    alo_em_sack.setVar( "alo_em_error_email_added", "Ostrzeżenie: ten adres email został subskrybowany ale nie aktywowany. W tej chwili wysyłam kolejny email aktywacyjny.");
  alo_em_sack.setVar( "alo_em_error_email_activated", "Ostrzeżenie: ten adres email został subskrybowany.");
  alo_em_sack.setVar( "alo_em_error_on_sending", "Błąd podczas wysyłania. Spróbuj ponownie");
  alo_em_sack.setVar( "alo_em_txt_ok", "Zapisywanie do newslettera zakończone. Otrzymasz od nas e-mail z linkiem, który należy kliknąć aby aktywować Newslettera");
  alo_em_sack.setVar( "alo_em_txt_subscribe", "Zapisz się");
  alo_em_sack.setVar( "alo_em_lang_code", "");  
  var cbs = document.getElementById('alo_easymail_widget_form').getElementsByTagName('input');
  var length = cbs.length;
  var lists = "";
  for (var i=0; i < length; i++) {
  	if (cbs[i].name == 'alo_em_form_lists' +'[]' && cbs[i].type == 'checkbox') {
  		if ( cbs[i].checked ) lists += cbs[i].value + ",";
  	}
  }
  alo_em_sack.setVar( "alo_em_form_lists", lists );
  alo_em_sack.setVar( "alo_em_nonce", '1fe65aca36' );  
  //alo_em_sack.onError = function() { alert('Ajax error' )};
  alo_em_sack.runAJAX();
  return true;
} 
//]]>
</script>
        <style type="text/css" media="screen">
          div.printfriendly {
            margin: 12px 12px 12px 0px;;
          }
          div.printfriendly a, div.printfriendly a:link, div.printfriendly a:visited {
            text-decoration: none;
            font-size: 14px;
            color: #3d5a9a;
            vertical-align: bottom;
            border: none;
          }
          .printfriendly a:hover {
            cursor: pointer;
          }
          .printfriendly a img  {
            border: none;
            padding:0;
            margin-right: 6px;
            display:inline-block;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
          }
          .printfriendly a span{
            vertical-align: bottom;
          }
          .pf-alignleft {
            float: left;
          }
          .pf-alignright {
            float: right;
          }
          div.pf-aligncenter {
            display: block;
            margin-left: auto;
            margin-right: auto;
            text-align: center;
          }
        </style>
        <style type="text/css" media="print">
          .printfriendly {
            display: none;
          }
        </style>
<style type="text/css" id="syntaxhighlighteranchor"></style>
</head>
<body class="home blog blue">
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "http://connect.facebook.net/pl_PL/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
		<div id="nav-top">
			<div class="wrapper">
				<ul id="menu-menu-gorne" class="menu-nav-top"><li id="menu-item-156" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-156"><a href="publikuj-u-nas/">Publikuj u nas</a></li>
<li id="menu-item-5415" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5415"><a href="tlumacz-z-nami/">Tłumacz z nami</a></li>
<li id="menu-item-155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-155"><a href="o-nas/">O nas</a></li>
<li id="menu-item-13636" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13636"><a href="partnerzy/">Partnerzy</a></li>
<li id="menu-item-4151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4151"><a href="reklama/">Reklama</a></li>
<li id="menu-item-12389" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-12389"><a href="register/">Rejestracja</a></li>
</ul>	
				<ul class="social-links">
					<!-- Facebook -->
										<li><a href="https://facebook.com/profile.php?id=329199580505491/" target="_blank" class="w-tooltip" title="Facebook"><img src="wp-content/themes/vectors/images/icon_facebook_8a086f.png" alt="Facebook"/></a></li>
					<!-- FeedBurner Email -->
					<li><a href="newsletter/" title="Subskrypcja newslettera" class="w-tooltip"></a></li>
					<!-- FeedBurner RSS -->
					<li><a href="/" title="Subskrypcja kanału RSS" class="w-tooltip"><img src="wp-content/themes/vectors/images/icon_rss_8a086f.png" alt="Feed"/></a></li>
				</ul>
			</div><!--#wrapper-->
		</div><!--#nav-top-->
		<div id="header">
			<div class="wrapper">
							<br><a href="/"><img src="/wp-content/uploads/logo.png"/></a>
			<div class="banner">
							</div>
			</div><!--#wrapper-->
		</div><!--#header-->
		<div id="main-menu">
			<div class="wrapper">
			<ul id="menu-menu-glowne" class="menu"><li id="menu-item-11767" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-11767"><a href="artykuly/">Artykuły</a>
<ul class="sub-menu">
	<li id="menu-item-11778" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11778"><a href="artykuly/css-a/">CSS</a></li>
	<li id="menu-item-11769" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11769"><a href="artykuly/html5/">HTML5</a></li>
	<li id="menu-item-11772" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11772"><a href="artykuly/jquery/">jQuery</a></li>
	<li id="menu-item-11773" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11773"><a href="artykuly/php/">PHP</a></li>
	<li id="menu-item-11774" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11774"><a href="artykuly/recenzje/">Recenzje</a></li>
	<li id="menu-item-11770" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-11770"><a href="artykuly/inne/">Inne</a></li>
</ul>
</li>
<li id="menu-item-139" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-139"><a href="dokumentacje/">Dokumentacje</a>
<ul class="sub-menu">
	<li id="menu-item-12316" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12316"><a href="dokumentacje/css/">CSS</a></li>
	<li id="menu-item-5168" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5168"><a href="dokumentacje/jquery-d/">jQuery</a></li>
	<li id="menu-item-147" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-147"><a href="dokumentacje/programy-narzedziowe/">Programy narzędziowe</a></li>
	<li id="menu-item-146" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-146"><a href="dokumentacje/srodowiska-programistyczne/">Środowiska programistyczne</a></li>
	<li id="menu-item-148" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-148"><a href="dokumentacje/wtyczki-wordpress/">Wtyczki do WordPressa</a></li>
	<li id="menu-item-3959" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3959"><a href="dokumentacje/xhtml/">XHTML</a></li>
	<li id="menu-item-5752" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5752"><a href="dokumentacje/xml/">XML</a></li>
</ul>
</li>
<li id="menu-item-141" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-141"><a href="kursy/">Kursy</a>
<ul class="sub-menu">
	<li id="menu-item-6008" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6008"><a href="kursy/android/">Android</a></li>
	<li id="menu-item-142" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-142"><a href="kursy/cpp/">C++</a></li>
	<li id="menu-item-12604" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12604"><a href="kursy/html5-k/">HTML5</a></li>
	<li id="menu-item-12089" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-12089"><a href="kursy/javascript/">JavaScript</a></li>
	<li id="menu-item-5187" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-5187"><a href="kursy/jquery-k/">jQuery</a></li>
	<li id="menu-item-4936" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-4936"><a href="kursy/php2/">PHP</a></li>
</ul>
</li>
<li id="menu-item-143" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-143"><a href="narzedzia/">Narzędzia</a></li>
<li id="menu-item-3367" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-3367"><a href="news/">News</a></li>
<li id="menu-item-11406" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-11406"><a href="stp/">Słownik</a></li>
</ul>			
			</div><!--#wrapper-->
		</div><!--#main-menu-->
	<div class="wrapper">
		<div id="content" class="grid8 first">
        <div style="width: 468px; margin: 0 auto 60px auto">
                    <script type="text/javascript"><!--
					  /* bt4Banner */
					  //-->
                    </script>
                    </div>
					<script type="text/javascript"><!--
					  if(document.getElementsByTagName("iframe").item(0) == null)
					  {
					    document.write("<div style='width: 468px; height: 60px; background: url(http://www.bt4.pl/wp-content/uploads/adb468x60.png); margin: auto'></div>");
					  }
					 --></script>
				<div class="post">
					<div class="grid3 first">
						<a href="news/drupal-camp-wroclaw-3-drupal-meetssymfony/" rel="bookmark" title="Drupal Camp Wrocław #3 : Drupal meetsSymfony"><img width="222" height="134" src="wp-content/uploads/drupalcampwroc_8a086f.png" class="attachment-post-thumbnail wp-post-image" alt="Drupal Camp Wrocław"/></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">18.09.2014</span>
                            <span>&middot;</span>
							<a href="news/">News</a>                            
                            							<span>&middot;</span>
							<a href="news/drupal-camp-wroclaw-3-drupal-meetssymfony/#respond" title="Skomentuj „Drupal Camp Wrocław #3 : Drupal meetsSymfony”">0 komentarzy</a>
						</p>
						<h2>
                          <a href="news/drupal-camp-wroclaw-3-drupal-meetssymfony/" rel="bookmark" title="Drupal Camp Wrocław #3 : Drupal meetsSymfony">Drupal Camp Wrocław #3 : Drupal meetsSymfony</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">W dniach 17-19 października 2014 odbędzie się trzecia edycja Drupal Camp Wrocław. Konferencja jest poświęcona ósmej wersji systemu i integracji z Symfony
</p>
							<p class="read-more"><a href="news/drupal-camp-wroclaw-3-drupal-meetssymfony/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
				<div class="post">
					<div class="grid3 first">
						<a href="artykuly/inne/font-awesome-niezbednik/" rel="bookmark" title="Font Awesome — niezbędnik webmastera"><img width="222" height="150" src="wp-content/uploads/font-awesome-222x150_8a086f.png" class="attachment-post-thumbnail wp-post-image" alt="font-awesome"/></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">10.06.2014</span>
                            <span>&middot;</span>
							<a href="artykuly/inne/">Inne</a>                            
                            							<span>&middot;</span>
							<a href="artykuly/inne/font-awesome-niezbednik/#respond" title="Skomentuj „Font Awesome — niezbędnik webmastera”">0 komentarzy</a>
						</p>
						<h2>
                          <a href="artykuly/inne/font-awesome-niezbednik/" rel="bookmark" title="Font Awesome — niezbędnik webmastera">Font Awesome — niezbędnik webmastera</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">Font Awesome to font zawierający wektorowe ikony przeznaczone do użytku na stronach internetowych. Niedawno ukazała się jego wersja 4.1 zawierająca 439 ikon
</p>
							<p class="read-more"><a href="artykuly/inne/font-awesome-niezbednik/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
				<div class="post">
					<div class="grid3 first">
						<a href="artykuly/recenzje/html-now/" rel="bookmark" title="HTML Now — internetowe narzędzie do szybkiego tworzenia szablonów HTML"></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">05.06.2014</span>
                            <span>&middot;</span>
							<a href="artykuly/recenzje/">Recenzje</a>                            
                            							<span>&middot;</span>
							<a href="artykuly/recenzje/html-now/#respond" title="Skomentuj „HTML Now — internetowe narzędzie do szybkiego tworzenia szablonów HTML”">0 komentarzy</a>
						</p>
						<h2>
                          <a href="artykuly/recenzje/html-now/" rel="bookmark" title="HTML Now — internetowe narzędzie do szybkiego tworzenia szablonów HTML">HTML Now — internetowe narzędzie do szybkiego tworzenia szablonów HTML</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">Proste i działające w oknie przeglądarki internetowej narzędzie do szybkiego tworzenia podstawowych szablonów stron HTML
</p>
							<p class="read-more"><a href="artykuly/recenzje/html-now/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
				<div class="post">
					<div class="grid3 first">
						<a href="artykuly/recenzje/fort-js/" rel="bookmark" title="Fort.js — prosty skrypt do tworzenia nowoczesnych formularzy"></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">03.06.2014</span>
                            <span>&middot;</span>
							<a href="artykuly/recenzje/">Recenzje</a>                            
                            							<span>&middot;</span>
							<a href="artykuly/recenzje/fort-js/#respond" title="Skomentuj „Fort.js — prosty skrypt do tworzenia nowoczesnych formularzy”">0 komentarzy</a>
						</p>
						<h2>
                          <a href="artykuly/recenzje/fort-js/" rel="bookmark" title="Fort.js — prosty skrypt do tworzenia nowoczesnych formularzy">Fort.js — prosty skrypt do tworzenia nowoczesnych formularzy</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">Fort.js to ciekawy i bardzo prosty skrypt służący do wyświetlania eleganckiego wskaźnika stopnia wypełnienia formularza internetowego na stronie
</p>
							<p class="read-more"><a href="artykuly/recenzje/fort-js/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
				<div class="post">
					<div class="grid3 first">
						<a href="artykuly/inne/zostac-programista/" rel="bookmark" title="Jak zostać programistą: krótkie, wyczerpujące i osobiste podsumowanie"><img width="222" height="150" src="wp-content/uploads/LineDrawingManComputer-222x150_8a086f.png" class="attachment-post-thumbnail wp-post-image" alt="Programista przed monitorem"/></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">31.05.2014</span>
                            <span>&middot;</span>
							<a href="artykuly/inne/">Inne</a>                            
                            							<span>&middot;</span>
							<a href="artykuly/inne/zostac-programista/#comments" title="Skomentuj „Jak zostać programistą: krótkie, wyczerpujące i osobiste podsumowanie”">Komentarzy: 2</a>
						</p>
						<h2>
                          <a href="artykuly/inne/zostac-programista/" rel="bookmark" title="Jak zostać programistą: krótkie, wyczerpujące i osobiste podsumowanie">Jak zostać programistą: krótkie, wyczerpujące i osobiste podsumowanie</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">Bycie dobrym programistą jest trudne i szlachetne. Najtrudniejszą rzeczą w urzeczywistnianiu wspólnej wizji projektu programistycznego jest praca ze współpracownikami i klientami. Pisanie programów komputerowych jest ważne oraz wymaga ogromnej inteligencji i wielkich umiejętności. Ale jest to dziecięca igraszka w porównaniu do pozostałych rzeczy, które dobry programista musi robić, by sprawić, żeby oprogramowanie okazało się sukcesem zarówno dla klientów jak i dla niezliczonych kolegów, za których jest częściowo odpowiedzialny. W niniejszym eseju próbuję podsumować tak zwięźle, jak to tylko możliwe, te kwestie, które chciałbym, żeby ktoś wyjaśnił mi kiedy miałem dwadzieścia jeden lat.
</p>
							<p class="read-more"><a href="artykuly/inne/zostac-programista/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
				<div class="post">
					<div class="grid3 first">
						<a href="news/niesamowity-pokaz-mozliwosci-technologii-webgl/" rel="bookmark" title="Niesamowity pokaz możliwości technologii WebGL"><img width="222" height="141" src="wp-content/uploads/pojazd-hexgl_8a086f.jpg" class="attachment-post-thumbnail wp-post-image" alt="pojazd-hexgl"/></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">25.05.2014</span>
                            <span>&middot;</span>
							<a href="news/">News</a>                            
                            							<span>&middot;</span>
							<a href="news/niesamowity-pokaz-mozliwosci-technologii-webgl/#respond" title="Skomentuj „Niesamowity pokaz możliwości technologii WebGL”">0 komentarzy</a>
						</p>
						<h2>
                          <a href="news/niesamowity-pokaz-mozliwosci-technologii-webgl/" rel="bookmark" title="Niesamowity pokaz możliwości technologii WebGL">Niesamowity pokaz możliwości technologii WebGL</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">Technologia WebGL szybko zdobywa popularność i jest coraz lepiej obsługiwana przez przeglądarki internetowe. Nie każdy jednak zdaje sobie sprawę, jak wiele można dzięki niej zdziałać. Poniżej przedstawiam dwie przykładowe aplikacje HTML5, dzięki którym nadrobisz ewentualne zaległości w tej kwestii.
</p>
							<p class="read-more"><a href="news/niesamowity-pokaz-mozliwosci-technologii-webgl/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
				<div class="post">
					<div class="grid3 first">
						<a href="artykuly/recenzje/sprawdz-przegladarka-obsluguje-webgl/" rel="bookmark" title="Sprawdź czy twoja przeglądarka obsługuje WebGL"></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">21.05.2014</span>
                            <span>&middot;</span>
							<a href="artykuly/recenzje/">Recenzje</a>                            
                            							<span>&middot;</span>
							<a href="artykuly/recenzje/sprawdz-przegladarka-obsluguje-webgl/#respond" title="Skomentuj „Sprawdź czy twoja przeglądarka obsługuje WebGL”">0 komentarzy</a>
						</p>
						<h2>
                          <a href="artykuly/recenzje/sprawdz-przegladarka-obsluguje-webgl/" rel="bookmark" title="Sprawdź czy twoja przeglądarka obsługuje WebGL">Sprawdź czy twoja przeglądarka obsługuje WebGL</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">Ciekawa strona, która powie ci prawdę o WebGL w twojej przeglądarce internetowej
</p>
							<p class="read-more"><a href="artykuly/recenzje/sprawdz-przegladarka-obsluguje-webgl/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
				<div class="post">
					<div class="grid3 first">
						<a href="artykuly/recenzje/codio-przegladarkowe-ide/" rel="bookmark" title="Codio — przeglądarkowe IDE"><img width="222" height="150" src="wp-content/uploads/yinyang-fb44595f-222x150_8a086f.png" class="attachment-post-thumbnail wp-post-image" alt="Symbol yin yang"/></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">20.05.2014</span>
                            <span>&middot;</span>
							<a href="artykuly/recenzje/">Recenzje</a>                            
                            							<span>&middot;</span>
							<a href="artykuly/recenzje/codio-przegladarkowe-ide/#respond" title="Skomentuj „Codio — przeglądarkowe IDE”">0 komentarzy</a>
						</p>
						<h2>
                          <a href="artykuly/recenzje/codio-przegladarkowe-ide/" rel="bookmark" title="Codio — przeglądarkowe IDE">Codio — przeglądarkowe IDE</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">Codio to bogato wyposażone środowisko programistyczne, działające w przeglądarce internetowej, dzięki czemu można z niego korzystać na dowolnym komputerze z dostępem do internetu
</p>
							<p class="read-more"><a href="artykuly/recenzje/codio-przegladarkowe-ide/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
				<div class="post">
					<div class="grid3 first">
						<a href="news/programisto-ucz-sie-poprawnej-wymowy-angielskich-slow/" rel="bookmark" title="Programisto, ucz się poprawnej wymowy angielskich słów"><img width="222" height="150" src="wp-content/uploads/spiewak-222x150_8a086f.png" class="attachment-post-thumbnail wp-post-image" alt="śpiewak z mikrofonem"/></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">19.05.2014</span>
                            <span>&middot;</span>
							<a href="news/">News</a>                            
                            							<span>&middot;</span>
							<a href="news/programisto-ucz-sie-poprawnej-wymowy-angielskich-slow/#respond" title="Skomentuj „Programisto, ucz się poprawnej wymowy angielskich słów”">0 komentarzy</a>
						</p>
						<h2>
                          <a href="news/programisto-ucz-sie-poprawnej-wymowy-angielskich-slow/" rel="bookmark" title="Programisto, ucz się poprawnej wymowy angielskich słów">Programisto, ucz się poprawnej wymowy angielskich słów</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">Najnowszy eksperyment Google Chrome pomoże ci w nauce języka angielskiego
</p>
							<p class="read-more"><a href="news/programisto-ucz-sie-poprawnej-wymowy-angielskich-slow/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
				<div class="post">
					<div class="grid3 first">
						<a href="news/nowe-moduly-css-uklady-siatkowe-tresc-generowana-mediow-stronicowanych/" rel="bookmark" title="Dwa nowe moduły CSS: układy siatkowe i treść generowana dla mediów stronicowanych"><img width="222" height="148" src="wp-content/uploads/w3c_logo_8a086f.png" class="attachment-post-thumbnail wp-post-image" alt="Logo W3C"/></a>
					</div>
					<div class="grid5">
						<p class="metadata">
							<span class="the_time">17.05.2014</span>
                            <span>&middot;</span>
							<a href="news/">News</a>                            
                            							<span>&middot;</span>
							<a href="news/nowe-moduly-css-uklady-siatkowe-tresc-generowana-mediow-stronicowanych/#respond" title="Skomentuj „Dwa nowe moduły CSS: układy siatkowe i treść generowana dla mediów stronicowanych”">0 komentarzy</a>
						</p>
						<h2>
                          <a href="news/nowe-moduly-css-uklady-siatkowe-tresc-generowana-mediow-stronicowanych/" rel="bookmark" title="Dwa nowe moduły CSS: układy siatkowe i treść generowana dla mediów stronicowanych">Dwa nowe moduły CSS: układy siatkowe i treść generowana dla mediów stronicowanych</a>
                        </h2>
						<div class="entry-content">
							<p class="post-excerpt">W3C opublikowało dwa nowe moduły CSS: do definiowania układów siatkowych (Grid Layout Module Level 1) i treści generowanej dla mediów stronicowanych (Generated Content for Paged Media Module)
</p>
							<p class="read-more"><a href="news/nowe-moduly-css-uklady-siatkowe-tresc-generowana-mediow-stronicowanych/"><span>Czytaj dalej &rarr;</span></a></p>
						</div>
					</div>
				</div><!--.post-->
			<div id="pagination">
				<div class="fl"><a href="page/2/"><span>&#x00ab;&nbsp;Szast</span></a></div>
				<div class="fr"></div>
				<div class="clear"></div>
			</div><!--pagination-->
		</div>
		<div id="sidebar" class="grid4">
			<div id="search-2" class="widget widget_search"><form action="/">
	<input type="text" class="search-input" placeholder="Przeszukiwanie serwisu" name="s"/><input type="submit" class="search-submit" value=" "/>
</form></div><div id="text-2" class="widget widget_text"><h3 class="widget-title">Dołącz do nas na Facebooku</h3>			<div class="textwidget"><div class="fb-like-box" data-href="http://www.facebook.com/pages/BeautifulCode/329199580505491" data-width="300" data-height="240" data-show-faces="true" data-border-color="#fafafa" data-stream="false" data-header="false"></div></div>
		</div><div id="loginwithajaxwidget-2" class="widget widget_loginwithajaxwidget"><h3 class="widget-title"><span class="lwa-title">Zaloguj się</span></h3>	<div class="lwa lwa-default">        <form class="lwa-form" action="/" method="post">
        	<div>
        	<span class="lwa-status"></span>
            <table>
                <tr class="lwa-username">
                    <td class="lwa-username-label">
                        <label>Nazwa użytkownika</label>
                    </td>
                    <td class="lwa-username-input">
                        <input type="text" name="log"/>
                    </td>
                </tr>
                <tr class="lwa-password">
                    <td class="lwa-password-label">
                        <label>Hasło</label>
                    </td>
                    <td class="lwa-password-input">
                        <input type="password" name="pwd"/>
                    </td>
                </tr>
                <tr><td colspan="2"></td></tr>
                <tr class="lwa-submit">
                    <td class="lwa-submit-button">
                        <input type="submit" name="wp-submit" id="lwa_wp-submit" value="Zaloguj się" tabindex="100"/>
                        <input type="hidden" name="lwa_profile_link" value="1"/>
                        <input type="hidden" name="login-with-ajax" value="login"/>
						                    </td>
                    <td class="lwa-submit-links">
                        <input name="rememberme" type="checkbox" class="lwa-rememberme" value="forever"/> <label>Zapamiętaj mnie</label>
                        <br/>
												<a class="lwa-links-remember" href="/" title="Przywracanie hasła">Zapomniałeś hasło?</a>
						                                            </td>
                </tr>
            </table>
            </div>
        </form>
                <form class="lwa-remember" action="/" method="post" style="display:none;">
        	<div>
        	<span class="lwa-status"></span>
            <table>
                <tr>
                    <td>
                        <strong>Zapomniane hasło</strong>         
                    </td>
                </tr>
                <tr>
                    <td class="lwa-remember-email">  
                                                <input type="text" name="user_login" class="lwa-user-remember" value="Wpisz nazwę użytkownika lub e-mail" onfocus="if(this.value == 'Wpisz nazwę użytkownika lub e-mail'){this.value = '';}" onblur="if(this.value == ''){this.value = 'Wpisz nazwę użytkownika lub e-mail'}"/>
                                            </td>
                </tr>
                <tr>
                    <td class="lwa-remember-buttons">
                        <input type="submit" value="Nowe hasło" class="lwa-button-remember"/>
                        <a href="#" class="lwa-links-remember-cancel">Anuluj</a>
                        <input type="hidden" name="login-with-ajax" value="remember"/>
                    </td>
                </tr>
            </table>
            </div>
        </form>
        			</div></div><div id="text-5" class="widget widget_text">			<div class="textwidget">
<!-- bt4-300x600 -->
</div>
		</div>		</div>
				<div class="clear"></div>
	</div><!--.wrapper-->
	<div id="subfooter">
		<div class="wrap-shadow">
			<div class="wrapper">
				<div id="wpfp-most_favorited_posts" class="widget wpfp_widget_view"><h3 class="widget-title">Popularne wpisy</h3><ul><li><a href="dokumentacje/css/css3-selektory/" title="CSS 3: Selektory">CSS 3: Selektory</a> (352)</li><li><a href="kursy/cpp/programowanie-cpp/" title="Programowanie w języku C++">Programowanie w języku C++</a> (283)</li><li><a href="kursy/android/podst/pierwsza-aplikacja/" title="Budowa pierwszej aplikacji">Budowa pierwszej aplikacji</a> (266)</li><li><a href="kursy/javascript/wszystko-jasne/" title="JavaScript. I wszystko jasne">JavaScript. I wszystko jasne</a> (248)</li><li><a href="kursy/android/podst/" title="Programowanie Android dla początkujących">Programowanie Android dla początkujących</a> (239)</li><li><a href="kursy/cpp/programowanie-cpp/r1-czym-jest/" title="Rozdział 1. Co to jest język C++">Rozdział 1. Co to jest język C++</a> (197)</li><li><a href="kursy/android/podst/pierwsza-aplikacja/aktywnosci/" title="Uruchamianie nowej aktywności">Uruchamianie nowej aktywności</a> (182)</li><li><a href="kursy/cpp/programowanie-cpp/r4-pamiec/" title="Rozdział 4. Używanie pamięci">Rozdział 4. Używanie pamięci</a> (180)</li></ul></div><div id="alo-easymail-widget-3" class="widget alo_easymail_widget"><h3 class="widget-title">Newsletter</h3><div id="alo_em_widget_loading" class="alo_em_widget_loading" style="display:none;"><img src="wp-content/plugins/alo-easymail/images/wpspin_light_8a086f.gif" alt="" style="vertical-align:middle"/> Wysyłam...</div>
<div id="alo_easymail_widget_feedback"></div>
<form name="alo_easymail_widget_form" id="alo_easymail_widget_form" class="alo_easymail_widget_form alo_easymail_widget_form_public" method="post" action="" onsubmit="alo_em_pubblic_form();return false;">
<div class="alo_easymail_preform_msg">Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!</div>
<table class="alo_easymail_form_table"><tbody>
  <tr>
    <td><label for="opt_name">Imię i nazwisko</label></td>    <td><input type="text" name="alo_em_opt_name" value="" id="opt_name" maxlength="50" class="input-text"/></td>
  </tr>
  <tr>
    <td><label for="opt_email">E-mail</label></td>
    <td><input type="text" name="alo_em_opt_email" value="" id="opt_email" maxlength="50" class="input-text"/></td>
  </tr>
</tbody></table>
<input type="submit" name="submit" value="Zapisz się" class="input-submit"/>
</form>
</div>				<div class="clear"></div>
			</div><!--wrapper-->
		</div><!--wrap-shadow-->
	</div><!--#subfooter-->
	<div id="footer" class="container">
		<div class="wrapper">
			<ul id="menu-menu-w-stopce" class="fl"><li id="menu-item-174" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-174"><a href="kontakt/">Kontakt</a></li>
<li id="menu-item-4152" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4152"><a href="reklama/">Reklama</a></li>
<li id="menu-item-5476" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5476"><a href="tlumacz-z-nami/">Tłumacz z nami</a></li>
<li id="menu-item-5477" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5477"><a href="publikuj-u-nas/">Publikuj u nas</a></li>
</ul>			<p class="fr">Copyright © 2014 <span>·</span> BeautifulCode</p>
			<div class="clear"></div>
		</div>
	</div><!--#footer-->
<script type="text/javascript" src="wp-content/plugins/w3-total-cache/pub/minify_php-file-M9RPzs8rSUwu0U3LL8rVNdfPzEvOKU1JLdbPAqLC0tSiSj2QjF5uZh4A_php.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var _wpcf7 = {"loaderUrl":"http:\/\/www.bt4.pl\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Trwa wysy\u0142anie...","cached":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="wp-content/plugins/w3-total-cache/pub/minify_php-file-M9RPzs8rSUwu0U3LL8rVNdfPzEvOKU1JLdbPKtYvTi7KLCgpBgA_php.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
var ratingsL10n = {"plugin_url":"http:\/\/www.bt4.pl\/wp-content\/plugins\/wp-postratings","ajax_url":"/","text_wait":"Please rate only 1 post at a time.","image":"stars_crystal","image_ext":"gif","max":"5","show_loading":"1","show_fading":"1","custom":"0"};
var ratings_mouseover_image=new Image();ratings_mouseover_image.src=ratingsL10n.plugin_url+"/images/"+ratingsL10n.image+"/rating_over."+ratingsL10n.image_ext;;
/* ]]> */
</script>
<script type="text/javascript" src="wp-content/plugins/wp-postratings/postratings-js_8a086f.js"></script>
<!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project=7905531; 
var sc_invisible=1; 
var sc_security="52c414a0"; 
</script>
<script type="text/javascript" src="counter/counter_xhtml.js"></script>
<noscript><div class="statcounter"><a title="web analytics" href="http://statcounter.com/" class="statcounter"><img class="statcounter" src="7905531/0/52c414a0/1/image_file.jpg" alt="web analytics"/></a></div></noscript>
<!-- End of StatCounter Code for Default Guide -->
 <!-- Place this tag after the last +1 button tag. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'pl'};
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</body>
</html>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/
Minified using disk
Page Caching using disk: enhanced
 Served from: www.bt4.pl @ 2014-11-24 02:00:15 by W3 Total Cache -->