


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Κεντρική σελίδα | CSS3.gr</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="description" content="To CSS3 είναι ένα online περιοδικό που ασχολείται με τις σωστές πρακτικές και τα standards του Διαδικτύου" />

<meta name="keywords" content="Web Standards, CSS, CSS3, XHTML, Web Design, Web Development, SEO, Περιεχόμενο, Marketing, Προσβασιμότητα, Χρηστικότητα" />

<meta name="author" content="The CSS3 group" />
<meta name="DC.creator" content="The CSS3 group - http://www.css3.gr/" />
<meta name="DC.subject" content="Web Standards" />

<link rel='stylesheet' type='text/css' media='screen' href='http://css3.gr/?css=styles/site_css.v.1251299084' />
<style type='text/css' media='screen'>@import "http://css3.gr/?css=styles/site_css.v.1251299084";</style>

<link rel="stylesheet" type="text/css" media="print" href='http://css3.gr/?css=styles/print.v.1222004999' />
<style type='text/css' media='print'>@import "http://css3.gr/?css=styles/print.v.1222004999";</style>

<link rel="stylesheet" type="text/css" media="screen" href='http://css3.gr/?css=styles/syntax.v.1222004999' />
<style type='text/css' media='screen'>@import "http://css3.gr/?css=styles/syntax.v.1222004999";</style>

<!--[if IE 6]><link rel="stylesheet" type="text/css" href='http://css3.gr/?css=styles/ie6.v.1222105641' media="all" /><![endif]-->

	
	<link rel="shortcut icon" href="favicon.ico" />

<!-- Have a mint -->
<script src="/mint/?js" type="text/javascript"></script>

<!-- JQuery -->
<script src="/js/jquery.js" type="text/javascript"></script>
<script src="/js/jquery.scrollTo.js" type="text/javascript"></script>
<script src="/js/js.js" type="text/javascript"></script>

<link rel="alternate" type="application/rss+xml" title="RSS" href="http://css3.gr/articles/rss_2.0/" />

</head>

<body id="page-home">
	
	<div id="header">
		<div id="header-container">
			<h1>css3.gr</h1>
			
			<ul id="header-menu">
				<li class="active"><a href="http://css3.gr/"><span>Κεντρικη</span></a></li> 
				<li><a href="http://css3.gr/articles/"><span>Αρθρα</span></a></li> 
				<li><a href="http://css3.gr/blog/"><span>Blog</span></a></li> 
				<li><a href="http://css3.gr/about/"><span>Σχετικα με μας</span></a></li> 
				<li class="last"><a href="http://css3.gr/contact/"><span>Επικοινωνια</span></a></li>
			</ul>
		</div>
	</div>
	<!-- #header -->

<div id="wrapper">
	
	<div id="wrapper-container">
			
		<div id="main" class="clr">
			<div id="content">
			
			
			
			
				<div class="post">
				
					<h2 class="post-title"><a href="http://css3.gr/articles/article/websockets/" style="border:0">WebSockets, αμφίδρομη και ασύγχρονη επικοινωνία</a></h2>
					
					<h3 class="post-info"><a href="http://css3.gr/about/">Στέλιος Πετράκης</a>, στις <strong>07 April 2010</strong> &nbsp;&middot;&nbsp; <a href="http://css3.gr/articles/category/presentations/">Παρουσιάσεις&nbsp;&middot;&nbsp;</a><a href="http://css3.gr/articles/category/programming/">Προγραμματισμός&nbsp;&middot;&nbsp;</a></h3>
										
					<div class="post-body">
					<p>Το &#8216;web browsing&#8217; είναι γενικά μια απλή διαδικασία: οι χρήστες κάνουν κλικ στους συνδέσμους μιας σελίδας και οδηγούνται μέσω αυτών σε άλλες. Η λειτουργία αυτή, αν και βασική, δεν δίνει από μόνη της την δυνατότητα στους χρήστες να ζητήσουν ή να ενημερώσουν στοιχεία χωρίς να αλλάξουν σελίδα. Για να ξεπεραστεί αυτή η αδυναμία, αναπτύχθηκαν τεχνικές όπως το <a href="http://en.wikipedia.org/wiki/Ajax_(programming)">AJAX</a>, που ουσιαστικά προσφέρουν ένα στρώμα ασύγχρονης επικοινωνίας πάνω στην ήδη υπάρχουσα τεχνολογία. Μέσω ασύγχρονων κλήσεων λοιπόν, ο browser του χρήστη μπορεί να επικοινωνήσει με το website και να λάβει μια απάντηση χωρίς να χρειαστεί να αλλάξει σελίδα.</p>

                                        <div class="post-more">{&nbsp; <a href="http://css3.gr/articles/article/websockets/">διαβάστε περισσότερα &rarr;</a> &nbsp;}</div>
					
					</div>
					<!-- .post-body -->
				
			</div>
			<!-- #post -->	
			
				<div class="post">
				
					<h2 class="post-title"><a href="http://css3.gr/articles/article/file-api-a-solution-to-a-not-so-simple-problem/" style="border:0">File API, μια λύση σε ένα όχι και τόσο απλό πρόβλημα</a></h2>
					
					<h3 class="post-info"><a href="http://css3.gr/about/">Στέλιος Πετράκης</a>, στις <strong>13 January 2010</strong> &nbsp;&middot;&nbsp; <a href="http://css3.gr/articles/category/web-standards/">Web standards&nbsp;&middot;&nbsp;</a><a href="http://css3.gr/articles/category/programming/">Προγραμματισμός&nbsp;&middot;&nbsp;</a></h3>
										
					<div class="post-body">
					<p><img src="http://css3.gr/images/uploads/file-uploader.png" alt="" width="620" height="264" /></p>

<p>File uploaders. Εργαλεία που έχουν γίνει αναπόσπαστο κομμάτι κάθε web service στην εποχή μας, αλλά και ένας μόνιμος πονοκέφαλος για τους developers.</p>

<p>Όσο απλή και να φαίνεται η διαδικασία μαζικού upload 20 φωτογραφιών στο <a href="http://www.flickr.com/" title="Flickr">Flickr</a>, τα πράγματα στον κώδικα δεν είναι πάντα τόσο εύκολα. Έτσι λοιπόν στις μέρες μας για να μπορέσει κάποιος να υλοποιήσει μια σωστή διαδικασία μαζικού upload, θα πρέπει να χρησιμοποιήσει την τεχνολογία <a href="http://www.adobe.com/products/flashplayer/" title="Flash της Adobe">Flash της Adobe</a>, λόγω έλλειψης της δυνατότητας μαζικής και ασύγχρονης αποστολής αρχείων στον server από τους browsers που κυκλοφορούν.</p>

                                        <div class="post-more">{&nbsp; <a href="http://css3.gr/articles/article/file-api-a-solution-to-a-not-so-simple-problem/">διαβάστε περισσότερα &rarr;</a> &nbsp;}</div>
					
					</div>
					<!-- .post-body -->
				
			</div>
			<!-- #post -->	
			
				
		</div>
		<!-- #content -->

		<div id="sidebar">

	<form method="post" action="http://css3.gr/"  >
<div class='hiddenFields'>
<input type="hidden" name="ACT" value="19" />
<input type="hidden" name="XID" value="f21783d3c82137448d5f36291182921e83afb143" />
<input type="hidden" name="RP" value="search/results" />
<input type="hidden" name="NRP" value="" />
<input type="hidden" name="RES" value="" />
<input type="hidden" name="status" value="" />
<input type="hidden" name="weblog" value="" />
<input type="hidden" name="search_in" value="everywhere" />
<input type="hidden" name="where" value="all" />
<input type="hidden" name="site_id" value="1" />
</div>


	<div id="search" class="box">
		<div class="box-content">
				<p>
					<label for="field-search">Αναζητηση</label>
					<input type="text" name="keywords" id="field-search" class="text" />
					<input type="image" name="submit" src="/themes/site_themes/css3/ok.gif" value="OK" class="button" />
				</p>
		</div>
	</div>
	</form>

	<!-- #search -->
	
	<div id="categories" class="box">
		<div class="box-header">Κατηγοριες Αρθρων</div>
		<div class="box-content">

			<ul id="nav_categories" class="nav_categories">
	<li>
			<a href="http://css3.gr/articles/category/css/">CSS</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/css3.gr/">CSS3.gr</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/freelancing/">Freelancing</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/internet-marketing/">Internet Marketing</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/mobile-web-design/">Mobile Web Design</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/search-engine-optimization/">Search Engine Optimization</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/web-standards/">Web standards</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/presentations/">Παρουσιάσεις</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/development/">Ανάπτυξη</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/inspiration/">Έμπνευση</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/it-work/">Εργασία στο IT</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/copy/">Κείμενα</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/programming/">Προγραμματισμός</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/accessibility/">Προσβασιμότητα</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/design/">Σχεδιασμός</a>
			</li>
	<li>
			<a href="http://css3.gr/articles/category/usability/">Χρηστικότητα</a>
			</li>
</ul>


		</div>
	</div>
	<!-- #categories -->

	<div id="contribute" class="box">
		<div class="box-header">Συμμετοχη στο CSS3.gr</div>
		<div class="box-content">
			<img width="120" height="90" alt="ad" src="/images/contribute.jpg"/>
			<p><a href="/guidelines">Θέλετε να συμμετάσχετε;</a><br/>Μάθετε περισσότερα για τον τρόπο με τον οποίο μπορείτε να μας βοηθήσετε.</p>
		</div>
	</div>
	<!-- #contribute -->
	
</div>
<!-- #sidebar -->

		</div>
		<!-- #main -->
		
	</div>
	<!-- #wrapper-container -->
	
</div>	
<!-- #wrapper -->

<div id="footer">
		<div id="footer-container">
			<div id="extra" class="clr">
						
				<div id="extra-latest" class="clr">
					<h4>Τελευταια αρθρα <a href="http://feeds.feedburner.com/Css3-MainWebsite">RSS</a></h4>

					
					<div class="item">
						<div class="author">
							<span class="caption">Στέλιος</span>
							<img src="http://css3.gr/images/member_photos/photo_8.jpg" width="75" height="75" alt="Στέλιος Πετράκης" />
						</div>
						<div class="info">
							<span><a href="http://css3.gr/articles/category/presentations/">Παρουσιάσεις&nbsp;&middot;&nbsp;</a><a href="http://css3.gr/articles/category/programming/">Προγραμματισμός&nbsp;&middot;&nbsp;</a></span>
							<p><a href="http://css3.gr/articles/article/websockets/">WebSockets, αμφίδρομη και ασύγχρονη επικοινωνία</a></p>
							<span>Wednesday 07 April | <a href="http://css3.gr/articles/article/websockets/#comments">5 σχόλια &raquo;</a></span>
						</div>
					</div>
					
					<div class="item">
						<div class="author">
							<span class="caption">Στέλιος</span>
							<img src="http://css3.gr/images/member_photos/photo_8.jpg" width="75" height="75" alt="Στέλιος Πετράκης" />
						</div>
						<div class="info">
							<span><a href="http://css3.gr/articles/category/web-standards/">Web standards&nbsp;&middot;&nbsp;</a><a href="http://css3.gr/articles/category/programming/">Προγραμματισμός&nbsp;&middot;&nbsp;</a></span>
							<p><a href="http://css3.gr/articles/article/file-api-a-solution-to-a-not-so-simple-problem/">File API, μια λύση σε ένα όχι και τόσο απλό πρόβλημα</a></p>
							<span>Wednesday 13 January | <a href="http://css3.gr/articles/article/file-api-a-solution-to-a-not-so-simple-problem/#comments">5 σχόλια &raquo;</a></span>
						</div>
					</div>
					
					<div class="item">
						<div class="author">
							<span class="caption">Γιάννης Κ.</span>
							<img src="http://css3.gr/images/member_photos/photo_1.jpg" width="75" height="75" alt="Γιάννης Κωνσταντακόπουλος" />
						</div>
						<div class="info">
							<span><a href="http://css3.gr/articles/category/design/">Σχεδιασμός&nbsp;&middot;&nbsp;</a></span>
							<p><a href="http://css3.gr/articles/article/mobile-site-mobify/">Κατασκευάζοντας ένα mobile site με το Mobify</a></p>
							<span>Wednesday 16 December | <a href="http://css3.gr/articles/article/mobile-site-mobify/#comments">0 σχόλια &raquo;</a></span>
						</div>
					</div>
					
										
				</div>
				<!-- #extra-latest -->
				
				<div id="extra-blog">
					<h4>Τελευταια blog posts <a href="http://feeds.feedburner.com/Css3-Blog">RSS</a></h4>
					
					
					<div class="item">
						<div class="author">
							<span class="caption">Στέλιος</span>
							<img src="http://css3.gr/images/member_photos/photo_8.jpg" width="75" height="75" alt="Στέλιος Πετράκης" />
						</div>
						<div class="info">
							<span><a href="http://css3.gr/blog/category/tibits/">tibits&nbsp;&middot;&nbsp;</a></span>
							<p><a href="http://css3.gr/blog/post/-css/">Δημιουργώντας εικόνες μόνο με CSS</a></p>
							<span>Sunday 27 June | <a href="http://css3.gr/blog/post/-css/#comments">5 σχόλια &raquo;</a></span>
						</div>
					</div>
					
					<div class="item">
						<div class="author">
							<span class="caption">Στέλιος</span>
							<img src="http://css3.gr/images/member_photos/photo_8.jpg" width="75" height="75" alt="Στέλιος Πετράκης" />
						</div>
						<div class="info">
							<span><a href="http://css3.gr/blog/category/tibits/">tibits&nbsp;&middot;&nbsp;</a></span>
							<p><a href="http://css3.gr/blog/post/wtf-is-html5/">WTF is HTML5</a></p>
							<span>Friday 25 June | <a href="http://css3.gr/blog/post/wtf-is-html5/#comments">0 σχόλια &raquo;</a></span>
						</div>
					</div>
					
					<div class="item">
						<div class="author">
							<span class="caption">Στέλιος</span>
							<img src="http://css3.gr/images/member_photos/photo_8.jpg" width="75" height="75" alt="Στέλιος Πετράκης" />
						</div>
						<div class="info">
							<span><a href="http://css3.gr/blog/category/tibits/">tibits&nbsp;&middot;&nbsp;</a></span>
							<p><a href="http://css3.gr/blog/post/html5-rocks/">HTML5 rocks!</a></p>
							<span>Thursday 24 June | <a href="http://css3.gr/blog/post/html5-rocks/#comments">1 σχόλια &raquo;</a></span>
						</div>
					</div>
					
						
				</div>
				<!-- #extra-blog -->
				
				
				<div id="extra-credits">
					<div id="extra-credits-inner">
						<h4>Credits</h4>
					
						<p>Είμαστε ο Αλέξανδρος, ο Γιάννης, ο Γιάννης, ο Απόστολος, η Ζαχαρένια, ο Στέλιος.</p>
						<p>Τρέχουμε σε <a href="http://expressionengine.com/">Expression Engine</a> και μας φιλοξενεί το <a href="http://www.digitalbox.gr/">Digitalbox.gr</a>.</p>
						<p>Είμαστε ανοιχτοί σε προτάσεις συνεργασίας. <a href="http://css3.gr/about/">Θέλεις να μάθεις περισσότερα</a>;</p>
						
						<p class="validation">{ <a href="http://validator.w3.org/check/referer">xhtml</a>, <a href="http://jigsaw.w3.org/css-validator/check/referer?warning=no&amp;profile=css2.1">css</a> valid }</p>
					</div>
				</div>
			</div>
				
		</div>
	</div>
	
	<div id="footer-disclaimer">&copy; Copyright 2008 - css3.gr &nbsp;|&nbsp; <a href="http://css3.gr/contact/">Συμμετοχη</a> &nbsp;&bull;&nbsp; <a href="http://css3.gr/contact/">Επικοινωνια</a> &nbsp;&bull;&nbsp; <a href="http://css3.gr/about/">Σχετικα με μας</a> &nbsp;&bull;&nbsp; <a href="http://css3.gr/authors/">Φιλοξενουμενοι Συγγραφεις</a></div>

	

</body>
</html>
