﻿<?xml version="1.0" encoding="UTF-8"?><rss version="0.92">
<channel>
	<title>Παναγιώτης «thePrince» Βελισαράκος</title>
	<link>http://www.prince.gr</link>
	<description>Το προσωπικό μου ιστολόγιο, με θέματα για web developers κια άλλα.</description>
	<lastBuildDate>Fri, 25 Jun 2010 20:40:33 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	<!-- generator="WordPress/3.0" -->

	<item>
		<title>Ελαστικό design με CSS @media queries</title>
		<description><![CDATA[Το prince.gr έχει αλλάξει αρκετά στη version 3.0, αλλαγή που συνέπεσε με την ισάριθμη version του <a href="http://wordpress.org/">WordPress</a>. Οι αισθητικές αλλαγές είναι ολοφάνερες αλλά έχει αλλάξει επίσης αρκετά το <abbr title="Cascading Style Sheets">CSS</abbr> που δίνει μορφή στο site. Η σημαντικότερη βελτίωση είναι που πλέον, το design προσαρμόζεται στην οθόνη του χρήστη. Δεν πρόκειται όμως για ένα &#171;απλό&#187; ελαστικό site&#8230;]]></description>
		<link>http://www.prince.gr/article/fluid-design-with-css-media-queriesa-queries/</link>
			</item>
	<item>
		<title>Πρώτα βήματα στην HTML: form</title>
		<description><![CDATA[Θα κλείσουμε αυτή την σύντομη ξενάγηση στα βασικότερα tags της <abbr title="HyperText Markup Language">HTML</abbr> με τα <code>form</code>, <code>label</code>, <code>input</code> και τα υπόλοιπα tags που μας επιτρέπουν να σχεδιάσουμε κάθε είδους φόρμας. Δυστυχώς, οι φόρμες της HTML, χρειάζονται είτε Javascript είτε κάποια τεχνολογία στον server για την επεξεργασία τους, είτε <em>και</em> τα δύο. Ωστόσο, μπορούμε να ξεκινήσουμε από τα βασικά.]]></description>
		<link>http://www.prince.gr/article/first_steps_in_html-form/</link>
			</item>
	<item>
		<title>Πρώτα βήματα στην HTML: table</title>
		<description><![CDATA[Τα tables (πίνακες) είναι ίσως τα πιο κακομεταχειρισμένα tags της <abbr title="HyperText Markup Language">HTML</abbr>. Τα περισσότερα sites που υπάρχουν στο διαδίκτυο και είναι φτιαγμένα μέχρι πριν από 4-5 χρόνια χρησιμοποιούν πίνακες για το design ενώ <strong>δεν</strong> είναι αυτή η δουλειά για την οποία προορίζονται &#8212; τα tables είναι για την πληροφορία εκείνη που πρέπει να παρουσιαστεί σε πίνακα για να είναι ευανάγνωστη: αριθμοί, στατιστικές, σύγκριση χαρακτηριστικών κ.α.]]></description>
		<link>http://www.prince.gr/article/first_steps_in_html-table/</link>
			</item>
	<item>
		<title>Πρώτα βήματα στην HTML: body και τα πρώτα tags</title>
		<description><![CDATA[Φτάσαμε στο <code>body</code>. Τώρα αρχίζουν τα δύσκολα διότι, ότι γράψουμε από εδώ και πέρα θα εμφανιστεί στο διαδίκτυο και θα μείνει για πάντα! Εδώ θα μπει το βιογραφικό μας σημείωμα, η φόρμα επικοινωνίας, οι σκέψεις μας σχετικά με το ασφαλιστικό και την πορεία της ομάδας μας στα γήπεδα της ευρώπης. Αλλά πρώτα, λίγη θεωρία&#8230;]]></description>
		<link>http://www.prince.gr/article/first_steps_in_html-body/</link>
			</item>
	<item>
		<title>Πρώτα βήματα στην HTML: html και head</title>
		<description><![CDATA[Αφού <a href="/article/first_steps_in_html-doctype/">αποφασίσαμε</a> τι είδους/version &#171;γλώσσα&#187; θα χρησιμοποιήσουμε για το site μας, ώρα να ξεκινήσουμε! Θα υποθέσω προς το παρόν οτι φτιάχνουμε ένα site σε <a href="http://www.w3.org/TR/html4/">HTML Strict 4.01</a> και, σε κάποιο επόμενο άρθρο, <del>θα αναφερθώ στις διαφορές με την <abbr title="Extensible HyperText Markup Language">XHTML</abbr></del>. Τώρα που το σκέφτομαι, δε νομίζω πως έχει νόημα να αναφερθώ στην XHTML πλέον &#8212; η αφορμή για το ξεσκόνισμα των παλιών αυτών άρθρων είναι η <a href="http://www.w3.org/TR/html5/">HTML5</a> και η XHTML, καλώς ή κακώς, θα περάσει στην ιστορία. Μπορείτε βέβαια να γράψετε HTML5 κώδικα με <abbr title="Extensible Markup Language">XML</abbr> σύνταξη αλλά γιατί να το κάνετε;]]></description>
		<link>http://www.prince.gr/article/first_steps_in_html-head/</link>
			</item>
	<item>
		<title>Πρώτα βήματα στην HTML: το DOCTYPE</title>
		<description><![CDATA[Αυτό είναι το πρώτο από μια σειρά άρθρων που ολοκλήρωσα στα τέλη του 2007 και πλέον πρέπει να επικαιροποιηθούν. Πρόκειται για τα πρώτα βήματα στην <abbr title="HyperText Markup Language">HTML</abbr> και θα προσθέσω πληροφορίες για την HTML5 που φάνηκε στον ορίζοντα. Θα ξεκινήσω λοιπόν με μια σύντομη εισαγωγή στην HTML και θα δούμε κιόλας την πρώτη γραμμή που θα πρέπει να υπάρχει στον κώδικα: την δήλωση <code>DOCTYPE</code>.]]></description>
		<link>http://www.prince.gr/article/first_steps_in_html-doctype/</link>
			</item>
	<item>
		<title>Κεντραρισμένες εικόνες προεπισκόπησης (thumbnails)</title>
		<description><![CDATA[Πολλές φορές απαιτείται να παρουσιάσουμε μια λίστα με εικόνες προεπισκόπησης (thumbnails) το μέγεθος των οποίων δεν το γνωρίζουμε ή δεν είναι σταθερό. Αυτό μπορεί να συμβεί είτε γιατί οι φωτογραφίες προέρχονται από διαφορετικές πηγές είτε γιατί το <abbr title="Content Management System">CMS</abbr> που χρησιμοποιείται δεν έχει τη δυνατότητα να προσαρμόσει το μέγεθος στις απαιτήσεις μας κατά την καταχώρηση των προϊόντων. Ακολουθεί μια εύκολη μέθοδος για &#8230;ευπαρουσίαστες λίστες προϊόντων &#8212; χωρίς tables φυσικά!]]></description>
		<link>http://www.prince.gr/article/centered_thumbnails/</link>
			</item>
	<item>
		<title>webtrash.gr</title>
		<description><![CDATA[Το ανανεωμένο <a href="http://www.webtrash.gr/">webtrash.gr</a>, είναι στο αέρα.<br />Επιτέλους.]]></description>
		<link>http://www.prince.gr/article/webtrash-gr/</link>
			</item>
	<item>
		<title>HTML &lt;BUTTON&gt; element, μέρος 2ο</title>
		<description><![CDATA[Επιστρέφω στο &#60;BUTTON&#62; βρίσκοντας λύσεις, workarounds και bugs στην προσπάθειά μου να τα κάνω &#171;όμορφα&#187; ή τουλάχιστον, όπως μου ζητήθηκε!]]></description>
		<link>http://www.prince.gr/article/html_button_element_part_2/</link>
			</item>
	<item>
		<title>Breadcrumb navigation και άλλες ιστορίες!</title>
		<description><![CDATA[Μετά από 6 δύσκολους, σε προσωπικό αλλά και επαγγελματικό επίπεδο, επιστρέφω στην ενεργό &#171;δράση&#187;, με ένα σύντομο tutorial και τις καλύτερες ευχές για τη νέα χρονιά που μόλις πριν από 1 μήνα ξεκίνησε!]]></description>
		<link>http://www.prince.gr/article/breadcrumb_navigation/</link>
			</item>
</channel>
</rss>
