<?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>Servicios y Soluciones de Negocio, Sistemas de Información, Desarrollo Web, Marketing Online &#187; Html5</title>
	<atom:link href="http://www.esviable.es/category/programacion/html5-programacion/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.esviable.es</link>
	<description>Servicios y Soluciones de Negocio, Sistemas de Información, Desarrollo Web, Marketing Online</description>
	<lastBuildDate>Sat, 22 May 2010 04:28:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Aumentar el dataspace de una base de datos en HTML 5</title>
		<link>http://www.esviable.es/2010/02/27/aumentar-el-dataspace-de-una-base-de-datos-en-html5/</link>
		<comments>http://www.esviable.es/2010/02/27/aumentar-el-dataspace-de-una-base-de-datos-en-html5/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 08:41:10 +0000</pubDate>
		<dc:creator>Efren</dc:creator>
				<category><![CDATA[Html5]]></category>
		<category><![CDATA[dataspace]]></category>
		<category><![CDATA[db]]></category>
		<category><![CDATA[html5]]></category>

		<guid isPermaLink="false">http://www.esviable.es/?p=176</guid>
		<description><![CDATA[Por ahora no hay una solución sencilla para gestionar el dataspace de una base de datos en html5
El mecanismo más usado es insertar un registro en la tabla &#8216;Quota&#8217; en el fichero principal de la base de datos de sqlite.
Esta es la ruta para un sistema microsoft, podéis encontrar en otro post las rutas para [...]]]></description>
			<content:encoded><![CDATA[<p>Por ahora no hay una solución sencilla para gestionar el dataspace de una base de datos en html5<br />
El mecanismo más usado es insertar un registro en la tabla &#8216;Quota&#8217; en el fichero principal de la base de datos de sqlite.<br />
Esta es la ruta para un sistema microsoft, podéis encontrar en otro post las rutas para mac y linux</p>
<p>C:\Users\<username>\AppData\Local\Google\Chrome\User Data\Default\databases\Databases.db<br />
El valor de &#8216;quota&#8217; es en bytes.</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.esviable.es%2F2010%2F02%2F27%2Faumentar-el-dataspace-de-una-base-de-datos-en-html5%2F&amp;linkname=Aumentar%20el%20dataspace%20de%20una%20base%20de%20datos%20en%20HTML%205"><img src="http://www.esviable.es/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.esviable.es/2010/02/27/aumentar-el-dataspace-de-una-base-de-datos-en-html5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creando una base de datos para aplicaciones en HTML 5</title>
		<link>http://www.esviable.es/2010/02/27/creando-una-base-de-datos-para-aplicaciones-en-html-5/</link>
		<comments>http://www.esviable.es/2010/02/27/creando-una-base-de-datos-para-aplicaciones-en-html-5/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 08:31:31 +0000</pubDate>
		<dc:creator>Efren</dc:creator>
				<category><![CDATA[Html5]]></category>
		<category><![CDATA[Programacion]]></category>
		<category><![CDATA[db]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.esviable.es/?p=169</guid>
		<description><![CDATA[Aprovechando las características de html5, estoy creando una aplicación para que se pueda ejecutar offline. Para ello he credo una base de datos que tenga los siguientes métodos:

function initDb() {
try {
if (!window.openDatabase) {
} else {
shortName = 'esviable_app';
version = '1.0';
displayName = 'Esviable_app';
maxSize = 2000000; // in bytes
db = openDatabase(shortName, version, displayName, maxSize);
}
} catch(e) {
if (e == [...]]]></description>
			<content:encoded><![CDATA[<p>Aprovechando las características de html5, estoy creando una aplicación para que se pueda ejecutar offline. Para ello he credo una base de datos que tenga los siguientes métodos:</p>
<p><span id="more-169"></span></p>
<pre class="javascript">function initDb() {
try {
if (!window.openDatabase) {
} else {
shortName = 'esviable_app';
version = '1.0';
displayName = 'Esviable_app';
maxSize = 2000000; // in bytes
db = openDatabase(shortName, version, displayName, maxSize);
}
} catch(e) {
if (e == INVALID_STATE_ERR) {
console.log("Invalid database version.");
} else {
alert("Unknown error "+e+".");
}
}
return db;
}

<!-- creación de tablas de la base de datos !-->
function createTables(db) {
db.transaction( function (transaction) {
transaction.executeSql('CREATE TABLE IF NOT EXISTS user(id INT NOT
NULL PRIMARY KEY, firstName CHAR(35), lastName CHAR(35), age INT,
address CHAR(40), email CHAR(20), phone CHAR(15));');
});
}
<!-- creación de usuarios para la base de datos !-->
function createUsers(users) {
db.transaction( function (transaction) {
while (users.length &gt; 0) {
user = users.pop();
console.log("User: " + user.firstName + " " + user.lastName, + " " + user.age
 + " " + user.address + " " + user.email + " " + user.phone);
transaction.executeSql('INSERT INTO user(firstName, lastName, age, address,
email, phone) values (?, ?, ?, ?, ?, ?);', [user.firstName,user.lastName, user.age,
user.address, user.email, user.phone], null,errorHandler);
}
endTime = new Date().getTime();
alert(endTime-startTime);
});
}</pre>
<p>Las dudas principales que se pueden tener a la hora de trabajar con bases de datos en html5 creo que pueden ser las siguientes:</p>
<p>- ¿Dónde se guardan las bases de datos con html5?</p>
<p>Dependiendo del navegador, en chrome y firefox:<br />
Windows (vista/7), en C:\Users\\AppData\Local\Chromium|(Google)\UserData\Default\databases<br />
Linux, en $HOME/.config/chromium/Default/databases/<br />
Mac, en $HOME/Library/Application Support/Chromium/Default/databases/<br />
Reemplazar para linux y mac chromium por firefox</p>
<p>- ¿Cómo elimino una base de datos en html5?<br />
Se pueden eliminar desde el propio navegador, en los ficheros que se almacenan junto con las cookies<br />
Las puedes eliminar a través del directorio donde se ubican<a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.esviable.es%2F2010%2F02%2F27%2Fcreando-una-base-de-datos-para-aplicaciones-en-html-5%2F&amp;linkname=Creando%20una%20base%20de%20datos%20para%20aplicaciones%20en%20HTML%205"><img src="http://www.esviable.es/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.esviable.es/2010/02/27/creando-una-base-de-datos-para-aplicaciones-en-html-5/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 Listado de Atributos y Elementos Eliminados</title>
		<link>http://www.esviable.es/2010/02/03/html5-listado-de-atributos-y-elementos-eliminados/</link>
		<comments>http://www.esviable.es/2010/02/03/html5-listado-de-atributos-y-elementos-eliminados/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 18:23:36 +0000</pubDate>
		<dc:creator>Efren</dc:creator>
				<category><![CDATA[Html5]]></category>
		<category><![CDATA[atributos]]></category>
		<category><![CDATA[elementos]]></category>
		<category><![CDATA[eliminados]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[w3c]]></category>

		<guid isPermaLink="false">http://www.esviable.es/?p=125</guid>
		<description><![CDATA[Tras pasar un tiempo repasando la documentación de HTML5, he decidido realizar un listado de las novedades para ir teniéndolas frescas de cara a realizar mis primeros trabajos con este standard.
Iré completando el artículo con las novedades, ya que por ahora solo he recabado información sobre lo que no se va a poder utilizar.
Elementos eliminados
Estos [...]]]></description>
			<content:encoded><![CDATA[<p>Tras pasar un tiempo repasando la documentación de HTML5, he decidido realizar un listado de las novedades para ir teniéndolas frescas de cara a realizar mis primeros trabajos con este standard.</p>
<p>Iré completando el artículo con las novedades, ya que por ahora solo he recabado información sobre lo que no se va a poder utilizar.</p>
<p><strong>Elementos eliminados</strong></p>
<p>Estos son los elementos eliminados y las razones de porqué son prohibidos:<span id="more-125"></span></p>
<ul>
<li>Los siguientes elementos (muy usados hace pocos años) se quitan de HTML5 porque son <strong>puramente presentacionales</strong> (no tienen semántica) y todo el tema estético se debe tratar con CSS:
<ul>
<li><strong>basefont</strong></li>
<li><strong>big</strong></li>
<li><strong>center</strong></li>
<li><strong>font</strong></li>
<li><strong>s</strong></li>
<li><strong>strike</strong></li>
<li><strong>tt</strong></li>
<li><strong>u</strong></li>
</ul>
</li>
<li>Los elementos para <strong>trabajar con frames</strong> (frame, frameset y noframes) se quitan del estándar por razones obvias: afectan negativamente a la usabilidad y accesibilidad de la web. Además, prácticamente rompen la web, y si se necesita algo similar se puede acudir a los iframe, más potentes y mejor pensados.</li>
<li>El elemento <strong>acronym</strong> se elimina simplemente porque crea confusión sobre su uso, y los desarrolladores no entienden demasiado bien para qué usarlo. Las abreviaciones y acrónimos se pueden marcar con abbr, que sí se mantiene en el estándar.</li>
<li>El elemento <strong>applet</strong> se ha declarado obsoleto y hoy en día no se utiliza. El elemento object reemplaza sus funciones y es lo común hoy en día.</li>
<li>El elemento <strong>isindex</strong> se quita definitivamente. En la era de las cavernas se utilizaba para mandar información al servidor, pero con la llegada de los formularios su uso es arcaico y poco útil.</li>
<li>El elemento <strong>dir</strong> también se declara obsoleto (ya lo era en HTML4), y simplemente se recomienda usar listas normales con ul.</li>
<li>El elemento <strong>noscript</strong> se mantiene en HTML pero no en XML/XHTML, ya que su contenido está en HTML. No estoy muy de acuerdo con este movimiento, pero así será.</li>
</ul>
<h2>Atributos eliminados</h2>
<p>Para empezar, todos los atributos referentes a la presentación han sido eliminados, por la misma razón de antes: CSS sirve mejor ese propósito. Recuerdo que el atributo style (que contiene CSS) es ahora universal y puede ser aplicado a todos los elementos, así que si queremos indicar su presentación sin añadir una hoja de estilos aparte, tendremos que usar este atributo. Atención a la lista porque esto sí que es importante, ya que algunos de estos elementos son muy usados, aunque otros están muy obsoletos:</p>
<ul>
<li>Atributo <strong>align</strong> en todos los elementos.</li>
<li>Atributos <strong>alink, link, text y vlink</strong> en el elemento body.</li>
<li>Atributo <strong>background</strong> en el elemento body.</li>
<li>Atributo <strong>bgcolor</strong> en los elementos table, tr, td, th y body.</li>
<li>Atributo <strong>border</strong> en todos los elementos.</li>
<li>Atributos <strong>cellpadding y cellspacing</strong> en el elemento table.</li>
<li>Atributos <strong>char y charoff</strong> en los elementos col, colgroup, tbody, td, tfoot, th, thead y tr.</li>
<li>Atributo <strong>clear</strong> en el elemento br.</li>
<li>Atributo <strong>compact</strong> en los elementos dl, menu, ol y ul.</li>
<li>Atributo <strong>frame</strong> en el elemento table.</li>
<li>Atributo <strong>frameborder</strong> en el elemento iframe.</li>
<li>Atributo <strong>height</strong> en los elementos td y th.</li>
<li>Atributos <strong>hspace y vspace</strong> en los elementos img y object.</li>
<li>Atributos <strong>marginheight y marginwidth</strong> en el elemento iframe.</li>
<li>Atributo <strong>noshade</strong> en el elemento hr.</li>
<li>Atributo <strong>nowrap</strong> en los elementos td y th.</li>
<li>Atributo <strong>rules</strong> en el elemento table.</li>
<li>Atributo <strong>scrolling</strong> en el elemento iframe.</li>
<li>Atributo <strong>size</strong> en el elemento hr.</li>
<li>Atributo <strong>type</strong> en los elementos li, ol y ul.</li>
<li>Atributo <strong>valign</strong> en los elementos col, colgroup, tbody, td, tfoot, th, thead y tr.</li>
<li>Atributo <strong>width</strong> en los elementos hr, table, td, th, col, colgroup y pre.</li>
</ul>
<p>Como veis, algunos de estos atributos sí que se mantienen para ciertos elementos, como la anchura y altura en las imágenes. Sin embargo estos no son los únicos atributos que se eliminan, también hay otros que se quitan por redundancia, por evitar confusiones, por su bajo uso o porque simplemente se han quedado obsoletos.</p>
<ul>
<li>Atributo <strong>accesskey</strong> en los elementos a, area, button, input, label, legend y textarea.</li>
<li>Atributos <strong>rev y charset</strong> en los elementos link y a.</li>
<li>Atributos <strong>shape y coords</strong> en el elemento a.</li>
<li>Atributo <strong>longdesc</strong> en los elementos img y iframe.</li>
<li>Atributo <strong>target</strong> en el elemento link.</li>
<li>Atributo <strong>nohref</strong> en el elemento area.</li>
<li>Atributo <strong>profile</strong> en el elemento head.</li>
<li>Atributo <strong>version</strong> en el elemento html.</li>
<li>Atributo <strong>name</strong> en los elementos img y a. Para obtener un comportamiento similar se recomienda usar id.</li>
<li>Atributo <strong>scheme</strong> en el elemento meta.</li>
<li>Atributos <strong>archive, classid, codebase, codetype, declare y standby</strong> en el elemento object.</li>
<li>Atributos <strong>valuetype y type</strong> en el elemento param.</li>
<li>Atributo <strong>language</strong> en el elemento script.</li>
<li>Atributo <strong>summary</strong> en el elemento table.</li>
<li>Atributos <strong>axis y abbr</strong> en los elementos td y th.</li>
<li>Atributo <strong>scope</strong> en el elemento td.</li>
</ul>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.esviable.es%2F2010%2F02%2F03%2Fhtml5-listado-de-atributos-y-elementos-eliminados%2F&amp;linkname=HTML5%20Listado%20de%20Atributos%20y%20Elementos%20Eliminados"><img src="http://www.esviable.es/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.esviable.es/2010/02/03/html5-listado-de-atributos-y-elementos-eliminados/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
