﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Παναγιώτης «prince» Βελισαράκος &#187; HTML</title>
	<atom:link href="http://www.prince.gr/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.prince.gr</link>
	<description>Το προσωπικό μου ιστολόγιο, με θέματα για web developers.</description>
	<lastBuildDate>Wed, 11 Jan 2012 14:30:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Σχετικά με HTML λίστες σε Internet Explorer 7</title>
		<link>http://www.prince.gr/article/about-html-lists-and-internet-explorer-7/</link>
		<comments>http://www.prince.gr/article/about-html-lists-and-internet-explorer-7/#comments</comments>
		<pubDate>Thu, 22 Sep 2011 09:29:02 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet Explorer 7]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=519</guid>
		<description><![CDATA[Ο Microsoft Internet Explorer 7 (IE για συντομία) δόθηκε στο κοινό στα τέλη του 2006 και αντικαταστάθηκε από τον Internet Explorer 8 στις αρχές του 2009. Αυτό φυσικά δεν σημαίνει τίποτα για <a href="http://gs.statcounter.com/#browser_version-ww-monthly-201008-201108">το 5.07% του πληθυσμού παγκοσμίως</a> (<a href="http://gs.statcounter.com/#browser_version-GR-monthly-201008-201108">στην Ελλάδα 3.14%</a>) που τον χρησιμοποιεί ακόμα, κι εδώ μπαίνω εγώ, αφού ένα σημαντικό μέρος της καθημερινής μου δουλειάς αναλώνεται στο να αναγνωρίζω προβληματικές συμπεριφορές του παρωχημένου αυτού browser και να βρίσκω λύσεις. Και παρ' όλο που κάνω αυτή τη δουλειά αρκετά χρόνια τώρα, <em>ακόμα</em> βρίσκω&#8230; ιδιαιτερότητες!]]></description>
		<wfw:commentRss>http://www.prince.gr/article/about-html-lists-and-internet-explorer-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Οριζόντιο μενού με πλήρη στοίχιση</title>
		<link>http://www.prince.gr/article/full-justified-horizontal-menu/</link>
		<comments>http://www.prince.gr/article/full-justified-horizontal-menu/#comments</comments>
		<pubDate>Wed, 13 Jul 2011 13:48:52 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=512</guid>
		<description><![CDATA[Έστω ότι έχουμε ένα οριζόντιο μενού επιλογών στο site μας (όπως το παραπάνω μενού των κατηγοριών στο δικό μου) το οποίο θέλουμε να εκτείνεται απ΄ άκρη σε άκρη στο διαθέσιμο πλάτος, όπως στη <a href="/lessons/10/full-justified-horizontal-menu.html">σελίδα επίδειξης</a>, χωρίς να χρησιμοποιήσουμε πίνακα. Ακούγεται εύκολο; Για να δούμε!]]></description>
		<wfw:commentRss>http://www.prince.gr/article/full-justified-horizontal-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ενδεικτικό εικονίδιο σε εικόνα προεπισκόπησης&#8230;</title>
		<link>http://www.prince.gr/article/icon-overlay-on-thumbnail/</link>
		<comments>http://www.prince.gr/article/icon-overlay-on-thumbnail/#comments</comments>
		<pubDate>Sun, 26 Jun 2011 19:54:16 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=505</guid>
		<description><![CDATA[&#8230;ή αλλιώς, 2 τρόποι για να τοποθετήσουμε ένα εικονίδιο που υποδηλώνει το τι θα συμβεί με το κλικ, <em>πάνω από</em> (overlay) ένα thumbnail. Πρόκειται για μια πολύ συνηθισμένη τακτική σε multimedia λίστες και χρησιμοποιείται για να δει ο χρήστης αν το thumbnail «οδηγεί» σε εικόνα ή βίντεο ή -γιατί όχι- άλλου είδους αρχείο.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/icon-overlay-on-thumbnail/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Αναδημοσίευση: Πειραματισμοί με CHECKBOXes και RADIOs</title>
		<link>http://www.prince.gr/article/experimenting-with-checkboxes-and-radios/</link>
		<comments>http://www.prince.gr/article/experimenting-with-checkboxes-and-radios/#comments</comments>
		<pubDate>Sun, 19 Jun 2011 11:47:14 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[mooTools]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=501</guid>
		<description><![CDATA[Τις προάλλες είχα μια ιδέα για το πως θα μπορούσα να φτιάξω custom <code>checkbox</code> και <code>radio</code> με <abbr title="Cascading Style Sheets">CSS</abbr>3. Έθεσα σαν προϋπόθεση να εξακολουθούν να λειτουργούν (προφανώς) αλλά και να παρουσιάζονται με αποδεκτό τρόπο σε χρήστες του Internet Explorer 7 και 8 (όπου δεν υποστηρίζονται CSS3) και στην πορεία έκανα μερικά πειράματα με Javascript. Για να δούμε πως πήγε&#8230;]]></description>
		<wfw:commentRss>http://www.prince.gr/article/experimenting-with-checkboxes-and-radios/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Λίστα προϊόντων με εικόνα προεπισκόπησης</title>
		<link>http://www.prince.gr/article/product-list-with-thumbnails/</link>
		<comments>http://www.prince.gr/article/product-list-with-thumbnails/#comments</comments>
		<pubDate>Wed, 08 Sep 2010 16:01:36 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=445</guid>
		<description><![CDATA[Η παρουσίαση προϊόντων (ή άρθρων, νέων κ.λπ.) σε μορφή λίστας είναι πολύ συνηθισμένη και τις περισσότερες φορές, περιλαμβάνει και μια φωτογραφία. Ωστόσο, συχνά η φωτογραφία &#171;απουσιάζει&#187; και αυτό ίσως να δημιουργεί πρόβλημα. Διαβάστε παρακάτω για να καταλάβετε περί τίνος πρόκειται&#8230;]]></description>
		<wfw:commentRss>http://www.prince.gr/article/product-list-with-thumbnails/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Μυστικά και κόλπα για καθημερινή χρήση!</title>
		<link>http://www.prince.gr/article/frontend-programming-hints-and-tips/</link>
		<comments>http://www.prince.gr/article/frontend-programming-hints-and-tips/#comments</comments>
		<pubDate>Mon, 09 Aug 2010 08:49:35 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Προγραμματισμός]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=438</guid>
		<description><![CDATA[Πριν ξεκινήσω κι εγώ τις καλοκαιρινές μου διακοπές σκέφτηκα να μαζέψω μερικά κόλπα, μυστικά και λύσεις σε διάφορα μικρά ή μεγάλα προβλήματα που συνάντησα στην καθημερινή μου πλέον ενασχόληση με το front-end programming, για να τα βρείτε έτοιμα και να μην τραβιέστε με τις ώρες!]]></description>
		<wfw:commentRss>http://www.prince.gr/article/frontend-programming-hints-and-tips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: form</title>
		<link>http://www.prince.gr/article/first_steps_in_html-form/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-form/#comments</comments>
		<pubDate>Sun, 16 May 2010 09:44:42 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=90</guid>
		<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>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-form/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: table</title>
		<link>http://www.prince.gr/article/first_steps_in_html-table/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-table/#comments</comments>
		<pubDate>Sat, 15 May 2010 08:40:15 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=76</guid>
		<description><![CDATA[Τα tables (πίνακες) είναι ίσως τα πιο κακομεταχειρισμένα tags της <abbr title="HyperText Markup Language">HTML</abbr>. Τα περισσότερα sites που υπάρχουν στο διαδίκτυο και είναι φτιαγμένα μέχρι πριν από 4-5 χρόνια χρησιμοποιούν πίνακες για το design ενώ <strong>δεν</strong> είναι αυτή η δουλειά για την οποία προορίζονται &#8212; τα tables είναι για την πληροφορία εκείνη που πρέπει να παρουσιαστεί σε πίνακα για να είναι ευανάγνωστη: αριθμοί, στατιστικές, σύγκριση χαρακτηριστικών κ.α.]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-table/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: body και τα πρώτα tags</title>
		<link>http://www.prince.gr/article/first_steps_in_html-body/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-body/#comments</comments>
		<pubDate>Fri, 14 May 2010 07:54:32 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=74</guid>
		<description><![CDATA[Φτάσαμε στο <code>body</code>. Τώρα αρχίζουν τα δύσκολα διότι, ότι γράψουμε από εδώ και πέρα θα εμφανιστεί στο διαδίκτυο και θα μείνει για πάντα! Εδώ θα μπει το βιογραφικό μας σημείωμα, η φόρμα επικοινωνίας, οι σκέψεις μας σχετικά με το ασφαλιστικό και την πορεία της ομάδας μας στα γήπεδα της ευρώπης. Αλλά πρώτα, λίγη θεωρία&#8230;]]></description>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-body/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Πρώτα βήματα στην HTML: html και head</title>
		<link>http://www.prince.gr/article/first_steps_in_html-head/</link>
		<comments>http://www.prince.gr/article/first_steps_in_html-head/#comments</comments>
		<pubDate>Thu, 13 May 2010 12:16:51 +0000</pubDate>
		<dc:creator>Παναγιώτης Βελισαράκος</dc:creator>
				<category><![CDATA[Μαθήματα HTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.prince.gr/?p=71</guid>
		<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>
		<wfw:commentRss>http://www.prince.gr/article/first_steps_in_html-head/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

