<?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>Diseño web archivos - manuel.cillero.es</title>
	<atom:link href="https://manuel.cillero.es/blog/tag/disenio-web/feed/" rel="self" type="application/rss+xml" />
	<link>https://manuel.cillero.es/blog/tag/disenio-web/</link>
	<description>mi circunstancia digital</description>
	<lastBuildDate>Sat, 25 Jun 2022 06:34:52 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.5</generator>
	<item>
		<title>Identificar tipografías en una página web con Fontanello</title>
		<link>https://manuel.cillero.es/blog/identifica-tipografias-en-una-pagina-web-con-fontanello/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=identifica-tipografias-en-una-pagina-web-con-fontanello</link>
					<comments>https://manuel.cillero.es/blog/identifica-tipografias-en-una-pagina-web-con-fontanello/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Tue, 30 Mar 2021 11:45:30 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Fuentes tipográficas]]></category>
		<category><![CDATA[Utilidades]]></category>
		<guid isPermaLink="false">https://manuel.cillero.es/?p=201376</guid>

					<description><![CDATA[<p>Tan sencillo como instalar Fontanello en el navegador (disponible para Mozilla …</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/identifica-tipografias-en-una-pagina-web-con-fontanello/">Identificar tipografías en una página web con Fontanello</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Tan sencillo como instalar <a href="https://fontanello.app/" target="_blank" rel="noopener">Fontanello</a> en el navegador (disponible <a href="https://addons.mozilla.org/en-US/firefox/addon/fontanello/" target="_blank" rel="noopener">para Mozilla Firefox</a> y <a href="https://chrome.google.com/webstore/detail/fontanello/jdlhfjlpaijjhklfadlhbbmpjfddkglc" target="_blank" rel="noopener">para Google Chrome</a>) y seleccionar el trozo de texto que se quiere identificar. Luego pulsar con el botón derecho sobre el texto marcado e ir a la opción Fontanello del menú contextual. Muy útil.</p>
<script type="text/javascript"> toolTips('.classtoolTips32','<strong>Object-Oriented Programming</strong> (<em>Programación Orientada a Objetos</em>), es un paradigma de programación donde el código se organiza en unidades llamadas clases, que se <em>instancian</em> en objetos que se relacionan entre sí'); </script><p>La entrada <a href="https://manuel.cillero.es/blog/identifica-tipografias-en-una-pagina-web-con-fontanello/">Identificar tipografías en una página web con Fontanello</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/identifica-tipografias-en-una-pagina-web-con-fontanello/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>No una, ni dos, ni diez; sino ¡46 buenas practicas para el diseño de formularios web!</title>
		<link>https://manuel.cillero.es/blog/no-una-ni-dos-ni-diez-sino-46-buenas-practicas-para-el-diseno-de-formularios-web/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=no-una-ni-dos-ni-diez-sino-46-buenas-practicas-para-el-diseno-de-formularios-web</link>
					<comments>https://manuel.cillero.es/blog/no-una-ni-dos-ni-diez-sino-46-buenas-practicas-para-el-diseno-de-formularios-web/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Wed, 08 May 2019 20:03:33 +0000</pubDate>
				<category><![CDATA[Notas rápidas]]></category>
		<category><![CDATA[Buenas prácticas]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Formularios]]></category>
		<guid isPermaLink="false">https://manuel.cillero.es/?p=80630</guid>

					<description><![CDATA[<p>When a form baffles, frustrates or asks for more …</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/no-una-ni-dos-ni-diez-sino-46-buenas-practicas-para-el-diseno-de-formularios-web/">No una, ni dos, ni diez; sino ¡46 buenas practicas para el diseño de formularios web!</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>When a form baffles, frustrates or asks for more than is necessary, the risk of a respondent giving up is sky-high. Some people will abandon the form altogether. Others will unsubscribe. Either way, you’re not likely to get a second chance.</p>
<p><a href="https://www.noupe.com/design/46-form-design-best-practices.html">https://www.noupe.com/design/46-form-design-best-practices.<span class='tooltipsall tooltipsincontent classtoolTips9'>HTML</span></a></p>
<script type="text/javascript"> toolTips('.classtoolTips9','<strong>HyperText Markup Language</strong> (<em>Lenguaje de Marcas de HiperTexto</em>), es el lenguaje de marcado, no de programación, con etiquetas que interpreta el navegador para mostrar una página web.'); </script><script type="text/javascript"> toolTips('.classtoolTips37','<strong>Tecnologías de la Información y la Comunicación</strong>, son el conjunto de servicios, redes de comunicaciones, sistemas, ordenadores, software y dispositivos que permiten la captura, acceso, producción, almacenamiento, tratamiento, y presentación de la información en forma de voz, imágenes y datos.'); </script><p>La entrada <a href="https://manuel.cillero.es/blog/no-una-ni-dos-ni-diez-sino-46-buenas-practicas-para-el-diseno-de-formularios-web/">No una, ni dos, ni diez; sino ¡46 buenas practicas para el diseño de formularios web!</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/no-una-ni-dos-ni-diez-sino-46-buenas-practicas-para-el-diseno-de-formularios-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>14 Best Knowledge-Base WordPress Wiki-Style Themes</title>
		<link>https://manuel.cillero.es/blog/14-best-knowledge-base-wordpress-wiki-style-themes/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=14-best-knowledge-base-wordpress-wiki-style-themes</link>
					<comments>https://manuel.cillero.es/blog/14-best-knowledge-base-wordpress-wiki-style-themes/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Sat, 13 Apr 2019 06:34:40 +0000</pubDate>
				<category><![CDATA[Notas rápidas]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Temas WordPress]]></category>
		<guid isPermaLink="false">https://manuel.cillero.es/blog/14-best-knowledge-base-wordpress-wiki-style-themes/</guid>

					<description><![CDATA[<p>Me lo guardo como temas de inspiración para mi TIC-tac-doc.</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/14-best-knowledge-base-wordpress-wiki-style-themes/">14 Best Knowledge-Base WordPress Wiki-Style Themes</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Me lo guardo como temas de inspiración para mi <strong><em><span class='tooltipsall tooltipsincontent classtoolTips37'>TIC</span>-tac-doc</em></strong>.</p>
<p><a href="https://webdesign.tutsplus.com/articles/best-knowledge-base-wordpress-wiki-style-themes--cms-28669">https://webdesign.tutsplus.com/articles/best-knowledge-base-wordpress-wiki-style-themes&#8211;<span class='tooltipsall tooltipsincontent classtoolTips26'>CMS</span>-28669</a></p>
<script type="text/javascript"> toolTips('.classtoolTips26','<strong>Content Management System</strong> (<em>Sistema de Gestión de Contenidos</em>), es un software para para la creación y administración de contenidos, generalmente de páginas web, sin requerir conocimientos de programación.'); </script><script type="text/javascript"> toolTips('.classtoolTips37','<strong>Tecnologías de la Información y la Comunicación</strong>, son el conjunto de servicios, redes de comunicaciones, sistemas, ordenadores, software y dispositivos que permiten la captura, acceso, producción, almacenamiento, tratamiento, y presentación de la información en forma de voz, imágenes y datos.'); </script><p>La entrada <a href="https://manuel.cillero.es/blog/14-best-knowledge-base-wordpress-wiki-style-themes/">14 Best Knowledge-Base WordPress Wiki-Style Themes</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/14-best-knowledge-base-wordpress-wiki-style-themes/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>An Introduction to Web Components &#124; CSS-Tricks</title>
		<link>https://manuel.cillero.es/blog/an-introduction-to-web-components-css-tricks/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=an-introduction-to-web-components-css-tricks</link>
					<comments>https://manuel.cillero.es/blog/an-introduction-to-web-components-css-tricks/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Sat, 13 Apr 2019 06:30:04 +0000</pubDate>
				<category><![CDATA[Notas rápidas]]></category>
		<category><![CDATA[Componentes Web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<guid isPermaLink="false">https://manuel.cillero.es/blog/an-introduction-to-web-components-css-tricks/</guid>

					<description><![CDATA[<p>Web Components are generally available in all of the major browsers with the exception of …</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/an-introduction-to-web-components-css-tricks/">An Introduction to Web Components | CSS-Tricks</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Web Components</strong> are generally available in all of the major browsers with the exception of Microsoft Edge and Internet Explorer 11, but <em>polyfills</em> exist to fill in those gaps.</p>
<p><a href="https://css-tricks.com/an-introduction-to-web-components/">https://<span class='tooltipsall tooltipsincontent classtoolTips24'>CSS</span>-tricks.com/an-introduction-to-web-components/</a></p>
<script type="text/javascript"> toolTips('.classtoolTips24','<strong>Cascading Style Sheets</strong> (<em>Hojas de Estilo en Cascada</em>), es un lenguaje de marcado que aplica en cascada estilos gráficos a los elementos de una página web para mostrarla en el navegador.'); </script><p>La entrada <a href="https://manuel.cillero.es/blog/an-introduction-to-web-components-css-tricks/">An Introduction to Web Components | CSS-Tricks</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/an-introduction-to-web-components-css-tricks/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>10 parejas de fuentes populares en Google Web Font</title>
		<link>https://manuel.cillero.es/blog/10-parejas-de-fuentes-populares-en-google-web-font/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=10-parejas-de-fuentes-populares-en-google-web-font</link>
					<comments>https://manuel.cillero.es/blog/10-parejas-de-fuentes-populares-en-google-web-font/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Thu, 11 Apr 2019 19:00:56 +0000</pubDate>
				<category><![CDATA[Notas rápidas]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Fuentes tipográficas]]></category>
		<category><![CDATA[Google Web Font]]></category>
		<guid isPermaLink="false">https://manuel.cillero.es/blog/10-parejas-de-fuentes-populares-en-google-web-font/</guid>

					<description><![CDATA[<p>La selección de fuentes que se complementen no es una tarea fácil para los diseñadores …</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/10-parejas-de-fuentes-populares-en-google-web-font/">10 parejas de fuentes populares en Google Web Font</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>La selección de fuentes que se complementen no es una tarea fácil para los diseñadores web. A veces es difícil saber por dónde empezar. Si tienes problemas para crear una buena combinación de fuente de cuerpo y cabecera para tu sitio web, o simplemente quieres un pequeño empujón en la dirección correcta, aquí encontrarás diez combinaciones populares con las que tomar aire.</p>
<p><a href="https://1stwebdesigner.com/10-popular-google-web-font-pairings/">https://1stwebdesigner.com/10-popular-google-web-font-pairings/</a></p>
<p>La entrada <a href="https://manuel.cillero.es/blog/10-parejas-de-fuentes-populares-en-google-web-font/">10 parejas de fuentes populares en Google Web Font</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/10-parejas-de-fuentes-populares-en-google-web-font/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Designing for #accessibility. Posters …</title>
		<link>https://manuel.cillero.es/blog/designing-for-accessibility/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=designing-for-accessibility</link>
					<comments>https://manuel.cillero.es/blog/designing-for-accessibility/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Fri, 16 Jun 2017 16:29:01 +0000</pubDate>
				<category><![CDATA[Notas rápidas]]></category>
		<category><![CDATA[Accesibilidad web]]></category>
		<category><![CDATA[Diseño web]]></category>
		<guid isPermaLink="false">https://manuel.cillero.es/blog/designing-for-accessibility/</guid>

					<description><![CDATA[<p>Designing for #accessibility. Posters showing the dos and don'ts of designing for users with …</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/designing-for-accessibility/">Designing for #accessibility. Posters …</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Designing for #accessibility. Posters showing the dos and don&#8217;ts of designing for users with accessibility needs including autism, blindness, low vision, D/deaf or hard of hearing, mobility and dyslexia.</p>
<p><a href="https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/">https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility/</a></p>
<p>La entrada <a href="https://manuel.cillero.es/blog/designing-for-accessibility/">Designing for #accessibility. Posters …</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/designing-for-accessibility/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>gràffica.info</title>
		<link>https://manuel.cillero.es/blog/graffica-info/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=graffica-info</link>
					<comments>https://manuel.cillero.es/blog/graffica-info/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Mon, 27 Jun 2016 13:15:34 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Blogroll]]></category>
		<category><![CDATA[Diseño gráfico]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Recursos]]></category>
		<guid isPermaLink="false">http://manuel.cillero.es/?p=8996</guid>

					<description><![CDATA[<p>Enlace original: http://graffica.info En mi lista infinita de sindicaciones, que Feedly me gestiona con gran solvencia, …</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/graffica-info/">gràffica.info</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><strong>Enlace original</strong>:<br />
<a href="http://graffica.info"><code>http://graffica.info</code></a></p>
<p>En mi lista infinita de <em>sindicaciones</em>, que <a href="https://feedly.com">Feedly</a> me gestiona con gran solvencia, sobresalen algunas fuentes por méritos propios, ya sea por afinidad con sus contenidos, por su utilidad, o por su asiduidad publicando. Y <a href="http://graffica.info">gràffica.info</a> hace pleno. Centrada en el mundo del <em><strong>diseño gráfico, la creatividad y la cultura visual</strong></em>, no dejan de publicar noticias sobre novedades y <a href="http://graffica.info/?s=tendencias">tendencias</a>, también <a href="http://graffica.info/entrevistas/">entrevistas</a>, o sus habituales referencias a recursos y <a href="http://graffica.info/utilidades/">utilidades</a> para profesionales gráficos y desarrolladores.</p>
<p>Y aunque <a href="http://graffica.info/nosotros/">se definen</a> como periódico, la verdad es que publican regularmente con la misma filosofía de un blog; de hecho usan <strong>WordPress</strong> con el tema <a href="http://outspoken.wpshower.com/">Outspoken</a>. Para un ámbito más profesional editan <a href="https://revista-graffica.myshopify.com/collections/all">una revista en papel</a>, que según veo puede <a href="http://graffica.info/tienda/">adquirirse en su tienda web</a> o recibirse por suscripción.</p>

<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-310nt0-8e5a7313963374d0db6a6f0236ae41aa">
.avia-image-container.av-310nt0-8e5a7313963374d0db6a6f0236ae41aa img.avia_image{
box-shadow:none;
}
.avia-image-container.av-310nt0-8e5a7313963374d0db6a6f0236ae41aa .av-image-caption-overlay-center{
color:#ffffff;
}
</style>
<div  class='avia-image-container av-310nt0-8e5a7313963374d0db6a6f0236ae41aa av-styling- avia-align-center  avia-builder-el-0  avia-builder-el-no-sibling '   itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img decoding="async" fetchpriority="high" class='wp-image-9014 avia-img-lazy-loading-not-9014 avia_image ' src="https://manuel.cillero.es/wp-content/uploads/2016/06/graffica_revistas-1.jpg?x94392" alt='' title='Revistas gràffica.info'  height="360" width="1024"  itemprop="thumbnailUrl" srcset="https://manuel.cillero.es/wp-content/uploads/2016/06/graffica_revistas-1.jpg 1024w, https://manuel.cillero.es/wp-content/uploads/2016/06/graffica_revistas-1-300x105.jpg 300w, https://manuel.cillero.es/wp-content/uploads/2016/06/graffica_revistas-1-768x270.jpg 768w, https://manuel.cillero.es/wp-content/uploads/2016/06/graffica_revistas-1-705x248.jpg 705w, https://manuel.cillero.es/wp-content/uploads/2016/06/graffica_revistas-1-450x158.jpg 450w" sizes="(max-width: 1024px) 100vw, 1024px" /></div></div></div>
<p>El caso es que sólo tengo que echar un vistazo a mi <a href="https://www.evernote.com">Evernote</a> para comprobar que muchas de las reseñas que guardo en mi particular <em>cajón de sastre</em> digital son referencias a entradas suyas, especialmente tutoriales, artículos sobre marca personal, multitud de referencias a recursos como plantillas, fuentes o iconos, y también entradas dedicadas al <a href="http://graffica.info/?s=c%C3%B3mic">cómic</a> y la <a href="http://graffica.info/ilustracion/">ilustración</a>.</p>
<script type="text/javascript"> toolTips('.classtoolTips24','<strong>Cascading Style Sheets</strong> (<em>Hojas de Estilo en Cascada</em>), es un lenguaje de marcado que aplica en cascada estilos gráficos a los elementos de una página web para mostrarla en el navegador.'); </script><script type="text/javascript"> toolTips('.classtoolTips37','<strong>Tecnologías de la Información y la Comunicación</strong>, son el conjunto de servicios, redes de comunicaciones, sistemas, ordenadores, software y dispositivos que permiten la captura, acceso, producción, almacenamiento, tratamiento, y presentación de la información en forma de voz, imágenes y datos.'); </script><p>La entrada <a href="https://manuel.cillero.es/blog/graffica-info/">gràffica.info</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/graffica-info/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Eligiendo un tema gráfico para mi sitio</title>
		<link>https://manuel.cillero.es/blog/disenio-grafico-para-mi-sitio/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=disenio-grafico-para-mi-sitio</link>
					<comments>https://manuel.cillero.es/blog/disenio-grafico-para-mi-sitio/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Mon, 04 Jan 2016 09:12:31 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[manuel.cillero.es]]></category>
		<category><![CDATA[Temas Premium]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://manuel.cillero.es/?p=5347</guid>

					<description><![CDATA[<p>Con los datos cargados y el sitio funcionando sobre WordPress llegó el momento de depurar los …</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/disenio-grafico-para-mi-sitio/">Eligiendo un tema gráfico para mi sitio</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><a href="https://manuel.cillero.es/blog/primero-migrar-contenidos/">Con los datos cargados</a> y el sitio <a href="https://manuel.cillero.es/blog/mi-sitio-ahora-con-wordpress/">funcionando sobre WordPress</a> llegó el momento de depurar los flecos y elegir la envoltura. Como quiero minimizar cualquier tentación al desarrollo y maximizar las posibilidades proporcionadas por cualquiera de los cientos de temas gratuitos o de pago disponibles en la red, me centro en buscar una alternativa cómoda y con ciertas garantías de futuro.<span id="more-5347"></span></p>
<p>Aunque parece evidente que <a href="http://www.inboundcycle.com/blog-de-inbound-marketing/es-necesario-un-gran-dise%C3%B1o-para-crear-un-gran-blog">el aspecto gráfico de un sitio web no es relevante si los contenidos son buenos</a>, para los que no podemos presumir de contenidos debemos, al menos, tener nuestra casa presentable para cualquier visita. Elegir un tema que cubra adecuadamente las expectativas, con comportamiento <em>responsive</em> de fábrica, y con capacidad suficiente de personalización, es un reto para asegurar una instalación duradera. Es una elección fácil por la cantidad de temas disponibles para los usuarios de WordPress, pero también difícil, y diría que por la misma razón.</p>
<p>El tema elegido ha sido <a href="http://www.kriesi.at/themes/enfold/">Enfold</a> de <a href="http://www.kriesi.at/">Kriesi.at</a>, un tema <em>premium</em> por el que gustosamente <a href="http://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990">he pagado 59$</a> para aprovechar todas sus opciones, actualizaciones y los 6 meses de soporte incluidos. Está <a href="http://www.kriesi.at/documentation/enfold/">bien documentado</a>, en inglés, con un <a href="http://www.kriesi.at/support/forum/enfold/">foro muy activo</a> y con <a href="http://www.kriesi.at/themedemo/?theme=enfold-overview">varias demos</a> que pueden importarse directamente en el tema para adaptarlas a las necesidades del sitio.</p>
<p>Aunque no quiero programar, he preferido crear de partida <a href="http://codex.wordpress.org/Child_Themes">un tema hijo</a> para que cualquier modificación que requiera código, ya sea en los estilos, en las plantillas o con nuevas funciones, no afecte en ningún momento a las actualizaciones del tema original. Me ha bastado con descargar la <a href="http://www.kriesi.at/documentation/enfold/using-a-child-theme/">plantilla proporcionada por los autores</a> y seguir las instrucciones.</p>
<p>Hasta ahora sólo he personalizado algunos aspectos básicos del tema, pero incluye una buena lista de <code><code></code></code><a href="http://ayudawp.com/que-son-los-shortcodes-y-como-crearlos/">[shortcodes]</a> que son comandos que pueden escribirse en el propio editor de WordPress para añadir características al contenido sin necesidad de <em>scripts</em> ni programación adicional. Cada tema o <em>plugin</em> puede proporcionar sus propios <code>[shortcodes]</code> para, por ejemplo, poner una galería de imágenes animada en mitad de una página o formatear libremente el contenido en columnas.</p>
<p>Pues la aplicación de estos <code>[shortcodes]</code> resulta aún más sencilla y visual si se utiliza el <strong>editor avanzado de plantillas</strong> incluido en el tema, donde puedo crear páginas con multitud de elementos avanzados a golpe de ratón:</p>
<div class='avia-iframe-wrap'><iframe title="Enfold - Advanced Layout Editor (short)" src="https://player.vimeo.com/video/64927358?dnt=1&amp;app_id=122963" width="1500" height="844" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div>
<p>De hecho, así he creado la <a href="/">página de portada</a> o las páginas de <a href="http://manuel.cillero.es/doc/metrica-3/">Métrica 3</a>. El rendimiento final es bueno por ahora, sin haber aplicado aún ningún optimizador para el sitio. Seguimos.</p>
<script type="text/javascript"> toolTips('.classtoolTips15','<strong>REpresentational State Transfer</strong> (<em>Transferencia de REpresentación de Estado</em>), suele referirse a cualquier interfaz entre sistemas basada en HTTP para obtener datos o indicar la ejecución de operaciones sobre los datos.'); </script><script type="text/javascript"> toolTips('.classtoolTips27','<strong>Block Element Modifier</strong> (<em>Modificador de Bloques de Elementos</em>), es una metodología para crear componentes escalables y reutilizables basada en la nomenclatura de las clases CSS de una página web.'); </script><script type="text/javascript"> toolTips('.classtoolTips34','<strong>Graphical User Interface</strong> (<em>Interfaz Gráfica de Usuario</em>), proporciona un entorno visual usando un conjunto de imágenes y componentes gráficos para representar la información y las acciones disponibles para interactuar con el sistema operativo o una aplicación de usuario.'); </script><script type="text/javascript"> toolTips('.classtoolTips37','<strong>Tecnologías de la Información y la Comunicación</strong>, son el conjunto de servicios, redes de comunicaciones, sistemas, ordenadores, software y dispositivos que permiten la captura, acceso, producción, almacenamiento, tratamiento, y presentación de la información en forma de voz, imágenes y datos.'); </script><p>La entrada <a href="https://manuel.cillero.es/blog/disenio-grafico-para-mi-sitio/">Eligiendo un tema gráfico para mi sitio</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/disenio-grafico-para-mi-sitio/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Incluir fuentes en una página web</title>
		<link>https://manuel.cillero.es/blog/incluir-fuentes-en-una-pagina-web/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=incluir-fuentes-en-una-pagina-web</link>
					<comments>https://manuel.cillero.es/blog/incluir-fuentes-en-una-pagina-web/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Thu, 19 May 2011 14:01:48 +0000</pubDate>
				<category><![CDATA[Notas rápidas]]></category>
		<category><![CDATA[Diseño web]]></category>
		<guid isPermaLink="false"></guid>

					<description><![CDATA[<p>Artículo con todo lo necesario para poder usar fuentes de caracteres en páginas web sin necesidad de …</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/incluir-fuentes-en-una-pagina-web/">Incluir fuentes en una página web</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><a href="http://www.xanelaweb.com/fuentes-personalizadas-en-la-web-con-font-face/">Artículo</a> con todo lo necesario para poder usar fuentes de caracteres en páginas web sin necesidad de disponer de ellas en el equipo cliente, sino descargándolas como recursos de la propia página. Descartando alternativas como <a href="http://www.n4gash.com/2008/sifr-tipografias-no-estandar-paginas-web/">sIFR</a> ó <a href="http://oloblogger.blogspot.com/2010/01/cufon-usar-fuentes-no-estandar.html">Cufón</a> parece que lo más adecuado es usar <strong>@font-face</strong>, <a href="http://webfonts.info/wiki/index.php?title=%40font-face_browser_support">soportado en la mayoría de los navegadores</a> con formatos como <em>Embebed OpenType</em> (<a href="http://msdn.microsoft.com/en-us/library/ms530757%28v=vs.85%29.aspx">requerido en IE8 o anteriores</a>) o <em>TrueType</em>.</p>
<script type="text/javascript"> toolTips('.classtoolTips9','<strong>HyperText Markup Language</strong> (<em>Lenguaje de Marcas de HiperTexto</em>), es el lenguaje de marcado, no de programación, con etiquetas que interpreta el navegador para mostrar una página web.'); </script><p>La entrada <a href="https://manuel.cillero.es/blog/incluir-fuentes-en-una-pagina-web/">Incluir fuentes en una página web</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/incluir-fuentes-en-una-pagina-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Diagramas de flujo y mapas para tu sitio web</title>
		<link>https://manuel.cillero.es/blog/diagramas-de-flujo-y-mapas-para-tu-sitio-web/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=diagramas-de-flujo-y-mapas-para-tu-sitio-web</link>
					<comments>https://manuel.cillero.es/blog/diagramas-de-flujo-y-mapas-para-tu-sitio-web/#respond</comments>
		
		<dc:creator><![CDATA[Manuel Cillero]]></dc:creator>
		<pubDate>Sat, 28 Nov 2009 21:42:15 +0000</pubDate>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Diseño web]]></category>
		<category><![CDATA[Profesional]]></category>
		<category><![CDATA[Recursos]]></category>
		<guid isPermaLink="false"></guid>

					<description><![CDATA[<p>Basta con entrar en SlickPlan, registrarte y crear tu diagrama de flujo, o proyectar el mapa de tu sitio web, de manera elegante y sencilla. No requiere la instalación de ningún software y es una alternativa más avanzada a SlickMap CSS. Vía wwwhat&#8217;s new.</p>
<p>La entrada <a href="https://manuel.cillero.es/blog/diagramas-de-flujo-y-mapas-para-tu-sitio-web/">Diagramas de flujo y mapas para tu sitio web</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Basta con entrar en <a href="http://wwwhatsnew.com/2009/11/27/slickplan-crea-diagramas-de-flujo-y-sitemaps-en-la-web/">SlickPlan</a>, registrarte y crear tu diagrama de flujo, o proyectar el mapa de tu sitio web, de manera elegante y sencilla. No requiere la instalación de ningún software y es una alternativa más avanzada a <a href="http://astuteo.com/slickmap/">SlickMap <span class='tooltipsall tooltipsincontent classtoolTips24'>CSS</span></a>.</p>
<p>Vía <a href="http://wwwhatsnew.com/2009/11/27/slickplan-crea-diagramas-de-flujo-y-sitemaps-en-la-web/">wwwhat&#8217;s new</a>.</p>
<script type="text/javascript"> toolTips('.classtoolTips24','<strong>Cascading Style Sheets</strong> (<em>Hojas de Estilo en Cascada</em>), es un lenguaje de marcado que aplica en cascada estilos gráficos a los elementos de una página web para mostrarla en el navegador.'); </script><p>La entrada <a href="https://manuel.cillero.es/blog/diagramas-de-flujo-y-mapas-para-tu-sitio-web/">Diagramas de flujo y mapas para tu sitio web</a> se publicó primero en <a href="https://manuel.cillero.es">manuel.cillero.es</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://manuel.cillero.es/blog/diagramas-de-flujo-y-mapas-para-tu-sitio-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
