<?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>grafika.ws</title>
	<atom:link href="https://grafika.ws/feed/" rel="self" type="application/rss+xml" />
	<link>https://grafika.ws</link>
	<description>Creando websites que funcionan</description>
	<lastBuildDate>Mon, 06 Aug 2018 04:17:59 +0000</lastBuildDate>
	<language>es-MX</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.7.15</generator>
	<item>
		<title>No mas Flash</title>
		<link>https://grafika.ws/no-mas-flash/</link>
		
		<dc:creator><![CDATA[grafiko]]></dc:creator>
		<pubDate>Mon, 06 Aug 2018 03:59:45 +0000</pubDate>
				<category><![CDATA[buscador]]></category>
		<category><![CDATA[diseño]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[responsivo]]></category>
		<category><![CDATA[smartphones]]></category>
		<category><![CDATA[website]]></category>
		<guid isPermaLink="false">http://grafika.ws/?p=338</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://grafika.ws/no-mas-flash/">No mas Flash</a> appeared first on <a rel="nofollow" href="https://grafika.ws">grafika.ws</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id='av_section_1'  class='avia-section av-jhmbopet-60ca4e5a18cadc2b5e3c878f72859173 main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-0  avia-builder-el-no-sibling  avia-bg-style-scroll container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><main  role="main" itemprop="mainContentOfPage"  class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-338'><div class='entry-content-wrapper clearfix'>

<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-jhmc1xr2-9d4960a9c10ebe61acbdcac27fd66400">
.avia-image-container.av-jhmc1xr2-9d4960a9c10ebe61acbdcac27fd66400 img.avia_image{
box-shadow:none;
}
.avia-image-container.av-jhmc1xr2-9d4960a9c10ebe61acbdcac27fd66400 .av-image-caption-overlay-center{
color:#ffffff;
}
</style>
<div  class='avia-image-container av-jhmc1xr2-9d4960a9c10ebe61acbdcac27fd66400 av-styling- avia_animated_image av-animated-when-visible-95 fade-in avia-align-center  avia-builder-el-1  el_before_av_two_third  avia-builder-el-first  sombra av-has-copyright av-copyright-icon-reveal'   itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img class='wp-image-341 avia-img-lazy-loading-not-341 avia_image ' src="https://grafika.ws/wp-content/uploads/2018/08/adobe-flash-1500x630.jpg" alt='' title='Adobe Flash'  height="630" width="1500"  itemprop="thumbnailUrl" srcset="https://grafika.ws/wp-content/uploads/2018/08/adobe-flash.jpg 1500w, https://grafika.ws/wp-content/uploads/2018/08/adobe-flash-300x126.jpg 300w, https://grafika.ws/wp-content/uploads/2018/08/adobe-flash-768x323.jpg 768w, https://grafika.ws/wp-content/uploads/2018/08/adobe-flash-1024x430.jpg 1024w, https://grafika.ws/wp-content/uploads/2018/08/adobe-flash-705x296.jpg 705w, https://grafika.ws/wp-content/uploads/2018/08/adobe-flash-450x189.jpg 450w, https://grafika.ws/wp-content/uploads/2018/08/adobe-flash-610x256.jpg 610w" sizes="(max-width: 1500px) 100vw, 1500px" /></div><small class="avia-copyright">©jlgarcia 2018</small></div></div>

<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af">
.flex_column.av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
</style>
<div  class='flex_column av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af av_two_third  avia-builder-el-2  el_after_av_image  el_before_av_one_third  first flex_column_div av-zero-column-padding  '     ><section  class='av_textblock_section av-jhmca5k0-a75e9b7bf6eeaa8870039df8f334ed90 '   itemscope="itemscope" itemtype="https://schema.org/BlogPosting" itemprop="blogPost" ><div class='avia_textblock'  itemprop="text" ><h1>No más Flash</h1>
<p>Flash empezó como una gran idea en un mundo donde era difícil o complicado presentar diseños o tipografías atractivas en las páginas web. Ahora resultaba posible hacer animaciones, gráficos con movimiento, agregar funciones que no existían en los navegadores directamente, tipografías, imágenes en vectores, etc.</p>
<h3>¿Por qué no más Flash?</h3>
<p>El Flash presenta una serie de problemas graves para los usuarios como la introducción de virus, y graves para los dueños de los sitios como la imposibilidad de ver contenidos en ése formato en aparatos móviles o por buscadores como Google, Bing o Yahoo.</p>
<p>Esos aparatos no tienen la potencia computacional de una máquina de escritorio y los teléfonos necesitan correr el navegador y encima el plug in de flash entre otras aplicaciones que el usuario probablemente está corriendo al momento. Esto hace lenta la navegación y en algunos casos imposible si el aparato no es capaz de correr o descargar la animación.</p>
<p><img loading="lazy" class="size-medium wp-image-343 alignleft sombra" src="http://grafika.ws/wp-content/uploads/2018/08/flash-puzzle-300x300.png" alt="Ejemplo de letrero cuando el sitio tiene un objeto en Flash" width="300" height="300" srcset="https://grafika.ws/wp-content/uploads/2018/08/flash-puzzle-300x300.png 300w, https://grafika.ws/wp-content/uploads/2018/08/flash-puzzle-80x80.png 80w, https://grafika.ws/wp-content/uploads/2018/08/flash-puzzle-36x36.png 36w, https://grafika.ws/wp-content/uploads/2018/08/flash-puzzle-180x180.png 180w, https://grafika.ws/wp-content/uploads/2018/08/flash-puzzle-120x120.png 120w, https://grafika.ws/wp-content/uploads/2018/08/flash-puzzle.png 350w" sizes="(max-width: 300px) 100vw, 300px" />Por ahi del año 2010, <a href="https://www.apple.com/hotnews/thoughts-on-flash/">Steve Jobs decidió que iba a retirar por completo el soporte de Flash</a> en sus teléfonos y tabletas. Los demás fabricantes siguieron el ejemplo después de fracasar en sus intentos por correr el plug in en sus propios aparatos. En el 2016 los fabricantes de navegadores <a href="https://www.theverge.com/2016/5/15/11679394/chrome-to-block-flash-later-2016">empezaron a bloquear</a> aplicaciones en Flash. Si entras a una página con algo en Flash, te aparece un cuadro con un símbolo de plug in roto, típicamente una pieza de rompecabezas avisándo que es necesario hacer un click para permitir correr la animación.</p>
<h3>El fin de Flash</h3>
<p>En el 2017 Adobe Systems, la compañía dueña de las patentes de Flash, <a href="https://theblog.adobe.com/adobe-flash-update/">anunció el final.</a></p>
<p>Varios de los problemas que resolvía Flash ahora se resuelven utilizando tecnologías renovadas, como HTML, CSS y Java Script. Ahora es posible animar partes de una página, utilizar tipografías diferentes a las comunes, programación interactiva, y todo esto funcionando prácticamente igual en computadoras de escritorio, laptos, tabletas y teléfonos móviles.</p>
<p>Menos problemas de seguridad, funcionamiento rápido y posibilidades que no existían en Flash, como acceso completo al contenido de parte de los robots que crean las bases de datos en los buscadores, mejorándo las probabilidades de que nos encuentren los usuarios.</p>
</div></section></div>
<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-vazs-85ae9eb00a795353ceb85ca9240658c3">
.flex_column.av-vazs-85ae9eb00a795353ceb85ca9240658c3{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
</style>
<div  class='flex_column av-vazs-85ae9eb00a795353ceb85ca9240658c3 av_one_third  avia-builder-el-4  el_after_av_two_third  avia-builder-el-last  flex_column_div av-zero-column-padding  '     ><div  class='avia-builder-widget-area clearfix  avia-builder-el-5  avia-builder-el-no-sibling '><section id="avia_fb_likebox-7" class="widget clearfix avia-widget-container avia_fb_likebox avia_no_block_preview"><div class='av_facebook_widget_wrap ' ><div class="fb-page" data-width="500" data-href="https://www.facebook.com/grafikaws" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div><span class="seperator extralight-border"></span></section><section id="avia-instagram-feed-2" class="widget clearfix avia-widget-container avia-instagram-feed avia_no_block_preview"><div class="av-instagram-pics av-instagram-size-thumbnail"><div class='av-instagram-row'><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36784520_379326112593063_7961307136854589440_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=103&#038;_nc_ohc=hOYW98u5dM0AX8W28NO&#038;oh=71d88ab4472b0cbab6b0eaea5767fa99&#038;oe=5FD13E24" target="" class=" " title="muelle.mx" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36784520_379326112593063_7961307136854589440_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=103&#038;_nc_ohc=hOYW98u5dM0AX8W28NO&#038;tp=16&#038;oh=d99a1dcb9ea84936bcb28d075376f69f&#038;oe=5FD404CA);" rel="noopener"></a></div><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36679311_1980803581938746_8605219951109734400_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=102&#038;_nc_ohc=GrKhVlJqwQAAX-DXQCl&#038;oh=382124bd813101e6a5465664e08adf2f&#038;oe=5FD2D231" target="" class=" " title="boswagens.com" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36679311_1980803581938746_8605219951109734400_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=102&#038;_nc_ohc=GrKhVlJqwQAAX-DXQCl&#038;tp=16&#038;oh=5617c8292e036de8dd6f74929cb81e66&#038;oe=5FD2CF8A);" rel="noopener"></a></div><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36638976_2179648738933460_2615303644932734976_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=108&#038;_nc_ohc=KzzcP_-0LcEAX-jtyrk&#038;oh=1c4f9b51ee1932c1cee97af966fd392a&#038;oe=5FD465A4" target="" class=" " title="jlgarcia.com" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36638976_2179648738933460_2615303644932734976_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=108&#038;_nc_ohc=KzzcP_-0LcEAX-jtyrk&#038;tp=16&#038;oh=38d455292b4af4b5f5e526c1d7a49b7f&#038;oe=5FD4231B);" rel="noopener"></a></div></div></div><a class="av-instagram-follow avia-button" href="https://instagram.com/grafikaws" rel="me noopener" target="lightbox">En Instagram.</a><span class="seperator extralight-border"></span></section></div></div></div></div></main><!-- close content main element --></div></div><div id='after_section_1'  class='main_color av_default_container_wrap container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-338'><div class='entry-content-wrapper clearfix'>
<p>The post <a rel="nofollow" href="https://grafika.ws/no-mas-flash/">No mas Flash</a> appeared first on <a rel="nofollow" href="https://grafika.ws">grafika.ws</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Música y sonidos en websites</title>
		<link>https://grafika.ws/musica-y-sonidos/</link>
		
		<dc:creator><![CDATA[grafiko]]></dc:creator>
		<pubDate>Wed, 21 Mar 2018 02:11:36 +0000</pubDate>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[musica]]></category>
		<category><![CDATA[optimizacion]]></category>
		<category><![CDATA[sonido]]></category>
		<category><![CDATA[website]]></category>
		<guid isPermaLink="false">http://grafika.ws/?p=297</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://grafika.ws/musica-y-sonidos/">Música y sonidos en websites</a> appeared first on <a rel="nofollow" href="https://grafika.ws">grafika.ws</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id='av_section_2'  class='avia-section av-jhmbopet-60ca4e5a18cadc2b5e3c878f72859173 main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-0  avia-builder-el-no-sibling  avia-bg-style-scroll container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><main  role="main" itemprop="mainContentOfPage"  class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-338'><div class='entry-content-wrapper clearfix'>

<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-jhmc1xr2-3cce9d9b4ab70469ffdfc15549234fac">
.avia-image-container.av-jhmc1xr2-3cce9d9b4ab70469ffdfc15549234fac img.avia_image{
box-shadow:none;
}
.avia-image-container.av-jhmc1xr2-3cce9d9b4ab70469ffdfc15549234fac .av-image-caption-overlay-center{
color:#ffffff;
}
</style>
<div  class='avia-image-container av-jhmc1xr2-3cce9d9b4ab70469ffdfc15549234fac av-styling- avia_animated_image av-animated-when-visible-95 fade-in avia-align-center  avia-builder-el-1  el_before_av_two_third  avia-builder-el-first  sombra av-has-copyright av-copyright-icon-reveal'   itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img class='wp-image-299 avia-img-lazy-loading-not-299 avia_image ' src="https://grafika.ws/wp-content/uploads/2018/07/JLG_1467_2017-1500x630.jpg" alt='DJ en discoteca' title='DJ'  height="630" width="1500"  itemprop="thumbnailUrl" srcset="https://grafika.ws/wp-content/uploads/2018/07/JLG_1467_2017.jpg 1500w, https://grafika.ws/wp-content/uploads/2018/07/JLG_1467_2017-300x126.jpg 300w, https://grafika.ws/wp-content/uploads/2018/07/JLG_1467_2017-768x323.jpg 768w, https://grafika.ws/wp-content/uploads/2018/07/JLG_1467_2017-1024x430.jpg 1024w, https://grafika.ws/wp-content/uploads/2018/07/JLG_1467_2017-705x296.jpg 705w, https://grafika.ws/wp-content/uploads/2018/07/JLG_1467_2017-450x189.jpg 450w, https://grafika.ws/wp-content/uploads/2018/07/JLG_1467_2017-610x256.jpg 610w" sizes="(max-width: 1500px) 100vw, 1500px" /></div><small class="avia-copyright">©jlgarcia 2018</small></div></div>

<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af">
.flex_column.av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
</style>
<div  class='flex_column av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af av_two_third  avia-builder-el-2  el_after_av_image  el_before_av_one_third  first flex_column_div av-zero-column-padding  '     ><section  class='av_textblock_section av-jhmca5k0-a75e9b7bf6eeaa8870039df8f334ed90 '   itemscope="itemscope" itemtype="https://schema.org/BlogPosting" itemprop="blogPost" ><div class='avia_textblock'  itemprop="text" ><h1>Música y sonidos en websites</h1>
<p>Hice una pequeña encuesta entre amigos, conocidos y familiares que usan internet y les pregunté acerca de sus experiencias cuando entran a un website que empieza a tocar música. Las reacciones eran similares, Buscar rápidamente algún botón de apagado o cerrar la página de inmediato.</p>
<p>Lograr llevar a nuestras páginas a cualquier visitante es ya una labor difícil. Hay que mencionarla cuantas veces uno pueda, pagar anuncios, conseguir que otros la mencionen, pagar mas anuncios en Facebook, revisarla cuidadosamente para que no sea castigada por los buscadores y suba en los rankings y cuando por fin lo logramos y alguien hace click en el enlace que los llevará directamente a nuestra página principal, después de un segundo y a veces menos de música de fondo, se van.</p>
<h3>¿Por qué sucede eso?</h3>
<p>Muchos usuarios están viendo páginas en ambientes de trabajo, y de pronto irrumpir en el ambiente de oficina con cualquier tipo de música llama la atención de forma no deseada.</p>
<p>Otro caso, con el que me identifico plenamente, es que generalmente estoy escuchando música en mi computadora o algún podcast en mi teléfono y la música proveniente de algún website interrumpe y se vuelve molesto.</p>
<h3>Optimización</h3>
<p>Hay mas razones para no utilizar música en un website, pero las mas importantes son las anteriores por que están relacionadas con los usuarios que son quienes toman la decisión de entrar a la página. Darles una experiencia poco grata no nos ayuda.</p>
<p>Otras razones son que la música generalmente no aporta contenido útil a menos que se trate de un grupo musical o algún otro tipo de contenido que esté basado en sonidos y aún así hay que evitar tocar cualquier cosa a menos que el usuario lo solicite a través de alguna acción.</p>
<p>Los sonidos son archivos bastante grandes comparados con el otro tipo de archivos que hay que bajar a su aparato antes de poder ver una página. Archivos mas grandes significan mayores tiempos de espera, y mayor probabilidad de que los usuarios sientan que no carga lo suficientemente rápido y se vayan a otro sitio.</p>
</div></section></div>
<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-vazs-85ae9eb00a795353ceb85ca9240658c3">
.flex_column.av-vazs-85ae9eb00a795353ceb85ca9240658c3{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
</style>
<div  class='flex_column av-vazs-85ae9eb00a795353ceb85ca9240658c3 av_one_third  avia-builder-el-4  el_after_av_two_third  avia-builder-el-last  flex_column_div av-zero-column-padding  '     ><div  class='avia-builder-widget-area clearfix  avia-builder-el-5  avia-builder-el-no-sibling '><section id="avia_fb_likebox-7" class="widget clearfix avia-widget-container avia_fb_likebox avia_no_block_preview"><div class='av_facebook_widget_wrap ' ><div class="fb-page" data-width="500" data-href="https://www.facebook.com/grafikaws" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div><span class="seperator extralight-border"></span></section><section id="avia-instagram-feed-2" class="widget clearfix avia-widget-container avia-instagram-feed avia_no_block_preview"><div class="av-instagram-pics av-instagram-size-thumbnail"><div class='av-instagram-row'><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36784520_379326112593063_7961307136854589440_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=103&#038;_nc_ohc=hOYW98u5dM0AX8W28NO&#038;oh=71d88ab4472b0cbab6b0eaea5767fa99&#038;oe=5FD13E24" target="" class=" " title="muelle.mx" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36784520_379326112593063_7961307136854589440_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=103&#038;_nc_ohc=hOYW98u5dM0AX8W28NO&#038;tp=16&#038;oh=d99a1dcb9ea84936bcb28d075376f69f&#038;oe=5FD404CA);" rel="noopener"></a></div><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36679311_1980803581938746_8605219951109734400_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=102&#038;_nc_ohc=GrKhVlJqwQAAX-DXQCl&#038;oh=382124bd813101e6a5465664e08adf2f&#038;oe=5FD2D231" target="" class=" " title="boswagens.com" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36679311_1980803581938746_8605219951109734400_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=102&#038;_nc_ohc=GrKhVlJqwQAAX-DXQCl&#038;tp=16&#038;oh=5617c8292e036de8dd6f74929cb81e66&#038;oe=5FD2CF8A);" rel="noopener"></a></div><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36638976_2179648738933460_2615303644932734976_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=108&#038;_nc_ohc=KzzcP_-0LcEAX-jtyrk&#038;oh=1c4f9b51ee1932c1cee97af966fd392a&#038;oe=5FD465A4" target="" class=" " title="jlgarcia.com" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36638976_2179648738933460_2615303644932734976_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=108&#038;_nc_ohc=KzzcP_-0LcEAX-jtyrk&#038;tp=16&#038;oh=38d455292b4af4b5f5e526c1d7a49b7f&#038;oe=5FD4231B);" rel="noopener"></a></div></div></div><a class="av-instagram-follow avia-button" href="https://instagram.com/grafikaws" rel="me noopener" target="lightbox">En Instagram.</a><span class="seperator extralight-border"></span></section></div></div></div></div></main><!-- close content main element --></div></div><div id='after_section_2'  class='main_color av_default_container_wrap container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-338'><div class='entry-content-wrapper clearfix'>
<p>The post <a rel="nofollow" href="https://grafika.ws/musica-y-sonidos/">Música y sonidos en websites</a> appeared first on <a rel="nofollow" href="https://grafika.ws">grafika.ws</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Websites seguros</title>
		<link>https://grafika.ws/sitios-seguros/</link>
		
		<dc:creator><![CDATA[grafiko]]></dc:creator>
		<pubDate>Mon, 19 Feb 2018 20:52:54 +0000</pubDate>
				<category><![CDATA[certificado]]></category>
		<category><![CDATA[seguridad]]></category>
		<category><![CDATA[virus]]></category>
		<category><![CDATA[website]]></category>
		<guid isPermaLink="false">http://grafika.ws/?p=260</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://grafika.ws/sitios-seguros/">Websites seguros</a> appeared first on <a rel="nofollow" href="https://grafika.ws">grafika.ws</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id='av_section_3'  class='avia-section av-jhmbopet-60ca4e5a18cadc2b5e3c878f72859173 main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-0  avia-builder-el-no-sibling  avia-bg-style-scroll container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><main  role="main" itemprop="mainContentOfPage"  class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-338'><div class='entry-content-wrapper clearfix'>

<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-jhmc1xr2-684457012187a14889402a097c3276d4">
.avia-image-container.av-jhmc1xr2-684457012187a14889402a097c3276d4 img.avia_image{
box-shadow:none;
}
.avia-image-container.av-jhmc1xr2-684457012187a14889402a097c3276d4 .av-image-caption-overlay-center{
color:#ffffff;
}
</style>
<div  class='avia-image-container av-jhmc1xr2-684457012187a14889402a097c3276d4 av-styling- avia_animated_image av-animated-when-visible-95 fade-in avia-align-center  avia-builder-el-1  el_before_av_two_third  avia-builder-el-first  sombra av-has-copyright av-copyright-icon-reveal'   itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img class='wp-image-265 avia-img-lazy-loading-not-265 avia_image ' src="https://grafika.ws/wp-content/uploads/2018/07/JLG_9919-Edit-1500x630.jpg" alt='Candado en websites' title='Seguridad en Websites'  height="630" width="1500"  itemprop="thumbnailUrl" srcset="https://grafika.ws/wp-content/uploads/2018/07/JLG_9919-Edit.jpg 1500w, https://grafika.ws/wp-content/uploads/2018/07/JLG_9919-Edit-300x126.jpg 300w, https://grafika.ws/wp-content/uploads/2018/07/JLG_9919-Edit-768x323.jpg 768w, https://grafika.ws/wp-content/uploads/2018/07/JLG_9919-Edit-1024x430.jpg 1024w, https://grafika.ws/wp-content/uploads/2018/07/JLG_9919-Edit-705x296.jpg 705w, https://grafika.ws/wp-content/uploads/2018/07/JLG_9919-Edit-450x189.jpg 450w, https://grafika.ws/wp-content/uploads/2018/07/JLG_9919-Edit-610x256.jpg 610w" sizes="(max-width: 1500px) 100vw, 1500px" /></div><small class="avia-copyright">©jlgarcia 2018</small></div></div>

<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af">
.flex_column.av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
</style>
<div  class='flex_column av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af av_two_third  avia-builder-el-2  el_after_av_image  el_before_av_one_third  first flex_column_div av-zero-column-padding  '     ><section  class='av_textblock_section av-jhmca5k0-a75e9b7bf6eeaa8870039df8f334ed90 '   itemscope="itemscope" itemtype="https://schema.org/BlogPosting" itemprop="blogPost" ><div class='avia_textblock'  itemprop="text" ><h1>Websites seguros</h1>
<p>Cuando nos conectamos a un website, desde la computadora o aparato móvil, nuestro navegador solicita la información necesaria al servidor y éste le regresa los documentos, imágenes y programas necesarios para visualizar la página.</p>
<p>Entre nuestra computadora y el website la información viaja de manera prácticamente pública. Así funciona internet. Solicitas información y la petición va saltando de computadora en computadora hasta llegar a la indicada y así se regresa también.</p>
<p>Si alguien en alguna de éstas computadoras, intercepta las comunicaciones podría conocer qué página vemos, qué estamos escuchando si es música o video. Incluso nuestro número de tarjeta de crédito, incluyendo nombre y número de atrás de la tarjeta.</p>
<h3>Encriptación</h3>
<p>Una forma de evitar éste problema, es utilizar la encriptación de datos. De ésta manera podemos comunicarnos con un website y enviar y recibir información de manera segura a través de las redes públicas de internet.</p>
<p>Los sitios que manejan datos de tarjetas de crédito utilizan éste mecanismo a veces sólo en la página donde se escriben los datos y a veces en todo el website.</p>
<h3>Certificados</h3>
<p>Es necesario instalar un certificado expedido por una autoridad que certifica tu website y expide el archivo para ser utilizado sólo en el sitio que está certificando para que los usuarios puedan verificar que se trata de un servicio legítimo y no un fraude.</p>
<h3>¿Cómo saber si la comunicación está encriptada?</h3>
<p>En la barra de la dirección, observar si el enlace empieza con <strong>https://</strong> si no es así, la conexión no es segura. Algunos navegadores indican con un candado y color verde a la izquierda de la barra de dirección que la conexión es segura.</p>
<p><img loading="lazy" class="alignnone size-full wp-image-269" src="http://grafika.ws/wp-content/uploads/2018/07/candadito-gws.png" alt="Captura de pantalla de notificación de sitio seguro" width="231" height="52" /></p>
</div></section></div>
<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-vazs-85ae9eb00a795353ceb85ca9240658c3">
.flex_column.av-vazs-85ae9eb00a795353ceb85ca9240658c3{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
</style>
<div  class='flex_column av-vazs-85ae9eb00a795353ceb85ca9240658c3 av_one_third  avia-builder-el-4  el_after_av_two_third  avia-builder-el-last  flex_column_div av-zero-column-padding  '     ><div  class='avia-builder-widget-area clearfix  avia-builder-el-5  avia-builder-el-no-sibling '><section id="avia_fb_likebox-7" class="widget clearfix avia-widget-container avia_fb_likebox avia_no_block_preview"><div class='av_facebook_widget_wrap ' ><div class="fb-page" data-width="500" data-href="https://www.facebook.com/grafikaws" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div><span class="seperator extralight-border"></span></section><section id="avia-instagram-feed-2" class="widget clearfix avia-widget-container avia-instagram-feed avia_no_block_preview"><div class="av-instagram-pics av-instagram-size-thumbnail"><div class='av-instagram-row'><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36784520_379326112593063_7961307136854589440_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=103&#038;_nc_ohc=hOYW98u5dM0AX8W28NO&#038;oh=71d88ab4472b0cbab6b0eaea5767fa99&#038;oe=5FD13E24" target="" class=" " title="muelle.mx" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36784520_379326112593063_7961307136854589440_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=103&#038;_nc_ohc=hOYW98u5dM0AX8W28NO&#038;tp=16&#038;oh=d99a1dcb9ea84936bcb28d075376f69f&#038;oe=5FD404CA);" rel="noopener"></a></div><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36679311_1980803581938746_8605219951109734400_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=102&#038;_nc_ohc=GrKhVlJqwQAAX-DXQCl&#038;oh=382124bd813101e6a5465664e08adf2f&#038;oe=5FD2D231" target="" class=" " title="boswagens.com" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36679311_1980803581938746_8605219951109734400_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=102&#038;_nc_ohc=GrKhVlJqwQAAX-DXQCl&#038;tp=16&#038;oh=5617c8292e036de8dd6f74929cb81e66&#038;oe=5FD2CF8A);" rel="noopener"></a></div><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36638976_2179648738933460_2615303644932734976_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=108&#038;_nc_ohc=KzzcP_-0LcEAX-jtyrk&#038;oh=1c4f9b51ee1932c1cee97af966fd392a&#038;oe=5FD465A4" target="" class=" " title="jlgarcia.com" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36638976_2179648738933460_2615303644932734976_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=108&#038;_nc_ohc=KzzcP_-0LcEAX-jtyrk&#038;tp=16&#038;oh=38d455292b4af4b5f5e526c1d7a49b7f&#038;oe=5FD4231B);" rel="noopener"></a></div></div></div><a class="av-instagram-follow avia-button" href="https://instagram.com/grafikaws" rel="me noopener" target="lightbox">En Instagram.</a><span class="seperator extralight-border"></span></section></div></div></div></div></main><!-- close content main element --></div></div><div id='after_section_3'  class='main_color av_default_container_wrap container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-338'><div class='entry-content-wrapper clearfix'>
<p>The post <a rel="nofollow" href="https://grafika.ws/sitios-seguros/">Websites seguros</a> appeared first on <a rel="nofollow" href="https://grafika.ws">grafika.ws</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Aparatos Móviles</title>
		<link>https://grafika.ws/aparatos-moviles/</link>
		
		<dc:creator><![CDATA[grafiko]]></dc:creator>
		<pubDate>Thu, 25 Jan 2018 20:08:27 +0000</pubDate>
				<category><![CDATA[diseño]]></category>
		<category><![CDATA[responsivo]]></category>
		<category><![CDATA[smartphones]]></category>
		<category><![CDATA[website]]></category>
		<guid isPermaLink="false">http://grafika.ws/?p=84</guid>

					<description><![CDATA[<p>The post <a rel="nofollow" href="https://grafika.ws/aparatos-moviles/">Aparatos Móviles</a> appeared first on <a rel="nofollow" href="https://grafika.ws">grafika.ws</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div id='av_section_4'  class='avia-section av-jhmbopet-60ca4e5a18cadc2b5e3c878f72859173 main_color avia-section-no-padding avia-no-border-styling  avia-builder-el-0  avia-builder-el-no-sibling  avia-bg-style-scroll container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><main  role="main" itemprop="mainContentOfPage"  class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-338'><div class='entry-content-wrapper clearfix'>

<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-jhmc1xr2-3f9694a635e2b97610d9b6db3db78681">
.avia-image-container.av-jhmc1xr2-3f9694a635e2b97610d9b6db3db78681 img.avia_image{
box-shadow:none;
}
.avia-image-container.av-jhmc1xr2-3f9694a635e2b97610d9b6db3db78681 .av-image-caption-overlay-center{
color:#ffffff;
}
</style>
<div  class='avia-image-container av-jhmc1xr2-3f9694a635e2b97610d9b6db3db78681 av-styling- avia_animated_image av-animated-when-visible-95 fade-in avia-align-center  avia-builder-el-1  el_before_av_two_third  avia-builder-el-first  sombra av-has-copyright av-copyright-icon-reveal'   itemprop="image" itemscope="itemscope" itemtype="https://schema.org/ImageObject" ><div class="avia-image-container-inner"><div class="avia-image-overlay-wrap"><img class='wp-image-245 avia-img-lazy-loading-not-245 avia_image ' src="https://grafika.ws/wp-content/uploads/2018/05/JLG_9910-1500x630.jpg" alt='Smartphone con ilustración estadística' title='Smartphones en internet'  height="630" width="1500"  itemprop="thumbnailUrl" srcset="https://grafika.ws/wp-content/uploads/2018/05/JLG_9910.jpg 1500w, https://grafika.ws/wp-content/uploads/2018/05/JLG_9910-300x126.jpg 300w, https://grafika.ws/wp-content/uploads/2018/05/JLG_9910-768x323.jpg 768w, https://grafika.ws/wp-content/uploads/2018/05/JLG_9910-1024x430.jpg 1024w, https://grafika.ws/wp-content/uploads/2018/05/JLG_9910-705x296.jpg 705w, https://grafika.ws/wp-content/uploads/2018/05/JLG_9910-450x189.jpg 450w, https://grafika.ws/wp-content/uploads/2018/05/JLG_9910-610x256.jpg 610w" sizes="(max-width: 1500px) 100vw, 1500px" /></div><small class="avia-copyright">©jlgarcia 2018</small></div></div>

<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af">
.flex_column.av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
</style>
<div  class='flex_column av-1j3pg-0ecce86b68a343e67d39c35a7e01b8af av_two_third  avia-builder-el-2  el_after_av_image  el_before_av_one_third  first flex_column_div av-zero-column-padding  '     ><section  class='av_textblock_section av-jhmca5k0-a75e9b7bf6eeaa8870039df8f334ed90 '   itemscope="itemscope" itemtype="https://schema.org/BlogPosting" itemprop="blogPost" ><div class='avia_textblock'  itemprop="text" ><h1>Aparatos Móviles</h1>
<p>Los aparatos móviles están transformando el mundo de las comunicaciones. Con ellos podemos accesar nuestros datos y actualizaciones sobre lo que pasa a nuestro alrededor. Ahora marcar un número telefónico y hablar directamente con alguien mas es sólo una mas de las opciones de comunicación que nos proporcionan estas maravillas modernas.</p>
<p>Una de esas opciones es el acceso a páginas de internet. Antes accesibles a través de computadoras de escritorio y laptops. Los diseños de páginas se adaptaban a las pantallas cada vez mas grandes, con mas colores y mejor resolución. Después aparecen los teléfonos inteligentes con pantallas pequeñas y acceso a internet.</p>
<p>Surgió el problema de cómo desplegar el website en la computadora y en el teléfono y que sea legible, claro y sin deterioro de la identidad del mismo.</p>
<h3>Doble website</h3>
<p>Algunos hicieron doble website, uno para computadoras de escritorio y otro para pantallas pequeñas. El servidor detectaba qué aparato estaba visitando y le entregaba la página adecuada.</p>
<p>Para lograr esta solución se tomaba el mismo contenido y se diseñaba para cada pantalla, doble trabajo y cada vez que existiera una actualización se corría el riesgo de terminar con contenido distinto para cada versión.</p>
<h3>Websites responsivos</h3>
<p>Lo ideal es alimentar con el mismo contenido y presentar dos o mas versiones de manera automática. La solución fué inventar funciones sencillas para enviar distintos diseños con el mismo contenido según el tamaño de la pantalla con la que se visualiza el website.</p>
<p>Ahora la gran mayoría de los aparatos que accesan internet para ver páginas son aparatos móviles como celulares y tabletas y éstos son de 50% a 70% en total.</p>
<p>Los sitios actuales deben estar optimizados para los dos tipos de aparatos y los que no lo están deben modernizarse o se estrán perdiendo de la mitad de su público potencial por lo menos.</p>
</div></section></div>
<style type="text/css" data-created_by="avia_inline_auto" id="style-css-av-vazs-85ae9eb00a795353ceb85ca9240658c3">
.flex_column.av-vazs-85ae9eb00a795353ceb85ca9240658c3{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
</style>
<div  class='flex_column av-vazs-85ae9eb00a795353ceb85ca9240658c3 av_one_third  avia-builder-el-4  el_after_av_two_third  avia-builder-el-last  flex_column_div av-zero-column-padding  '     ><div  class='avia-builder-widget-area clearfix  avia-builder-el-5  avia-builder-el-no-sibling '><section id="avia_fb_likebox-7" class="widget clearfix avia-widget-container avia_fb_likebox avia_no_block_preview"><div class='av_facebook_widget_wrap ' ><div class="fb-page" data-width="500" data-href="https://www.facebook.com/grafikaws" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div><span class="seperator extralight-border"></span></section><section id="avia-instagram-feed-2" class="widget clearfix avia-widget-container avia-instagram-feed avia_no_block_preview"><div class="av-instagram-pics av-instagram-size-thumbnail"><div class='av-instagram-row'><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36784520_379326112593063_7961307136854589440_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=103&#038;_nc_ohc=hOYW98u5dM0AX8W28NO&#038;oh=71d88ab4472b0cbab6b0eaea5767fa99&#038;oe=5FD13E24" target="" class=" " title="muelle.mx" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36784520_379326112593063_7961307136854589440_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=103&#038;_nc_ohc=hOYW98u5dM0AX8W28NO&#038;tp=16&#038;oh=d99a1dcb9ea84936bcb28d075376f69f&#038;oe=5FD404CA);" rel="noopener"></a></div><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36679311_1980803581938746_8605219951109734400_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=102&#038;_nc_ohc=GrKhVlJqwQAAX-DXQCl&#038;oh=382124bd813101e6a5465664e08adf2f&#038;oe=5FD2D231" target="" class=" " title="boswagens.com" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36679311_1980803581938746_8605219951109734400_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=102&#038;_nc_ohc=GrKhVlJqwQAAX-DXQCl&#038;tp=16&#038;oh=5617c8292e036de8dd6f74929cb81e66&#038;oe=5FD2CF8A);" rel="noopener"></a></div><div class="av-instagram-item"><a href="//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/fr/e15/s1080x1080/36638976_2179648738933460_2615303644932734976_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=108&#038;_nc_ohc=KzzcP_-0LcEAX-jtyrk&#038;oh=1c4f9b51ee1932c1cee97af966fd392a&#038;oe=5FD465A4" target="" class=" " title="jlgarcia.com" style="background-image:url(//instagram.ftij3-1.fna.fbcdn.net/v/t51.2885-15/e15/c230.0.619.619a/s150x150/36638976_2179648738933460_2615303644932734976_n.jpg?_nc_ht=instagram.ftij3-1.fna.fbcdn.net&#038;_nc_cat=108&#038;_nc_ohc=KzzcP_-0LcEAX-jtyrk&#038;tp=16&#038;oh=38d455292b4af4b5f5e526c1d7a49b7f&#038;oe=5FD4231B);" rel="noopener"></a></div></div></div><a class="av-instagram-follow avia-button" href="https://instagram.com/grafikaws" rel="me noopener" target="lightbox">En Instagram.</a><span class="seperator extralight-border"></span></section></div></div></div></div></main><!-- close content main element --></div></div><div id='after_section_4'  class='main_color av_default_container_wrap container_wrap sidebar_right'  ><div class='container av-section-cont-open' ><div class='template-page content  av-content-small alpha units'><div class='post-entry post-entry-type-page post-entry-338'><div class='entry-content-wrapper clearfix'>
<p>The post <a rel="nofollow" href="https://grafika.ws/aparatos-moviles/">Aparatos Móviles</a> appeared first on <a rel="nofollow" href="https://grafika.ws">grafika.ws</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
