Fusión Digital VE: Responsive

Diseño Web con AngularJS

0 AngulasJS, Diseño Web, Responsive 19:53

<div style="text-align: justify;">
En lo que se refiere al desarrollo y diseño web, nosotros siempre queremos estar presente porque es algo que realmente nos apasiona y disfrutamos hacer y nos llena de mucha alegría encontrar recursos útiles y sencillos los cuales podamos compartir con ustedes. No sabemos si han escuchado de AngularJS, pero es uno de esos recursos que todo diseñador web debe tener en su caja de herramientas.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRF7YIku3DegR-4DK-s5pZ-v8Mi3g07fIzJcAVcqjfyBpAcw95EiamrkIhhskeEDZq2tfs73DMNAo0lCS8UzeTD1GX5FZ-4TDg_brKZV_TOi5QObs3Z68sWTZy9G-_cU3G8F3Tybo-KqCT/s1600/AngularJS_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Diseño Web con AngularJS portada" border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRF7YIku3DegR-4DK-s5pZ-v8Mi3g07fIzJcAVcqjfyBpAcw95EiamrkIhhskeEDZq2tfs73DMNAo0lCS8UzeTD1GX5FZ-4TDg_brKZV_TOi5QObs3Z68sWTZy9G-_cU3G8F3Tybo-KqCT/s640/AngularJS_1.jpg" title="Diseño Web con AngularJS portada" width="640" /></a></div>
<br /></div>
<div style="text-align: justify;">
Según nuestro compañero blogger <b>Carlos Azaustre</b>, "<i>AngularJS es un framework MVC de JavaScript para el Desarrollo Web Front End que permite crear aplicaciones SPA (<i>Single-Page Applications</i>). Entra dentro de la familia de frameworks como <a href="http://backbonejs.org/">BackboneJS</a></i>" citado de <a href="https://carlosazaustre.es/blog/empezando-con-angular-js/" target="_blank">carlosazaustre.es</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYeEsfbmhxOD11m0fP4XxQRL02XH1pF34Jl8Qa4CmWkQ4U6uhAUilxHT2UPmTk_jhc1ziTAheEyAVj-V1G_J2vAZ_DT6w0Ucc-1ly-uj4bM7M_Gf_m4k7TmOU8hyphenhyphencvA4VEo0JDuxAAw8RS/s1600/AngularJS_Portada.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Diseño Web con AngularJS 1" border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYeEsfbmhxOD11m0fP4XxQRL02XH1pF34Jl8Qa4CmWkQ4U6uhAUilxHT2UPmTk_jhc1ziTAheEyAVj-V1G_J2vAZ_DT6w0Ucc-1ly-uj4bM7M_Gf_m4k7TmOU8hyphenhyphencvA4VEo0JDuxAAw8RS/s640/AngularJS_Portada.jpg" title="Diseño Web con AngularJS 1" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Aunque AngularJS en realidad existe desde mediados de 2009, desde hace un año estamos observando que muchos sitios web, sobre todos aquellos que manejan estadísticas, indicadores, mediciones, entre otros, están usándolo y explotándolo al nivel más alto, es por eso que en esta entrada queremos compartir con ustedes las 5 mejores implementaciones de AngularJS en sitios web.</div>
<div style="text-align: justify;">
<br /></div>
<i><u><b>1. Simplify</b></u></i><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzLHYP0tOXGJzvKYSeWPk2wINMBQ5kQbPcNzhAUKvBew4ttV09mE-UwclDExNgD78bUBy9wyGFrTIzR6eyL03zyCyllif4R7GdTRNtVvjoX-VYmw-6ClEnSo9eU2BJaIGsBa9aqE3G5Jnj/s1600/AngularJS_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Diseño Web con AngularJS 2" border="0" height="221" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzLHYP0tOXGJzvKYSeWPk2wINMBQ5kQbPcNzhAUKvBew4ttV09mE-UwclDExNgD78bUBy9wyGFrTIzR6eyL03zyCyllif4R7GdTRNtVvjoX-VYmw-6ClEnSo9eU2BJaIGsBa9aqE3G5Jnj/s640/AngularJS_2.jpg" title="Diseño Web con AngularJS 2" width="640" /></a></div>
<br />
<br />
<div style="text-align: justify;">
Simplify es una excelente plantilla hecha con Bootstrap y AngulaJS. También está integrada con Sass CCS lo que hace que su modificación sea un tema bastante sencillo. Puedes encontrar más información acerca de ella haciendo <a href="http://themeforest.net/item/simplify-responsive-admin-app-with-angularjs/8514646?ref=milkakula" target="_blank">click aquí</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<i><u><b>2. Xenon</b></u></i></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb61dPAqsNwfwJ-neUd7QJM6q6WjQ5lIhEepuOJ9aq4rpbibDtm8w3Gr0uJAD_b502cA2h07jOARPzdB0z1tfVmnsyDX78M_pcLlxQkPgT3fIm_Jd5wwlLqtOmjypJ-sR_4aULffXxj3xS/s1600/AngularJS_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Diseño Web con AngularJS 3" border="0" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb61dPAqsNwfwJ-neUd7QJM6q6WjQ5lIhEepuOJ9aq4rpbibDtm8w3Gr0uJAD_b502cA2h07jOARPzdB0z1tfVmnsyDX78M_pcLlxQkPgT3fIm_Jd5wwlLqtOmjypJ-sR_4aULffXxj3xS/s640/AngularJS_3.jpg" title="Diseño Web con AngularJS 3" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Xenon, al igual que Simplify, es una plantilla creada bajo Bootstrap y AngularJS. En la página de su creador podrás encontrar una versión hecha solo con HTML5. Para más información de esta plantilla haz <a href="http://themeforest.net/item/xenon-bootstrap-admin-theme-with-angularjs/9059661?ref=milkakula" target="_blank">click aquí</a>.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<u><i><b>3. HeyMetro</b></i></u></div>
<div style="text-align: justify;">
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJyWcYV1tU0RFDJiht-x-9gVQa5IK8AGOk43ix-ntXzXpKn0RKT_Xbo9llwc9e7Tjqi6MVRcfjMtf-ZlvKTtRXvqShNweUToHHk1ovZSg3RPC3rDMVJRMS8rdyEWDfe_V-O8AklgSBG9u/s1600/AngularJS_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Diseño Web con AngularJS 4" border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiJyWcYV1tU0RFDJiht-x-9gVQa5IK8AGOk43ix-ntXzXpKn0RKT_Xbo9llwc9e7Tjqi6MVRcfjMtf-ZlvKTtRXvqShNweUToHHk1ovZSg3RPC3rDMVJRMS8rdyEWDfe_V-O8AklgSBG9u/s640/AngularJS_4.jpg" title="Diseño Web con AngularJS 4" width="640" /></a></div>
<br /></div>
<div style="text-align: justify;">
HeyMetro es otra excelente plantilla diseñada bajo Bootstrap y AngulasJS, su estilo fue definido bajo el uso de CSS Less. Para más información de esta plantilla, haz <a href="http://themeforest.net/item/heymetro-bootstrap-web-app-theme-with-angularjs/9266245?ref=milkakula" target="_blank">click aquí</a>.<br />
<u><i><b><br /></b></i></u>
<u><i><b>4. UpWork</b></i></u><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2NyLvHNcpTSD9DGWDX2wpBDSnVO5NVErbzAthQcV0_EsJOQy2hvFhqaU34mtVlKnkyDUM7-XYS2ScmPjokG82nddJ4xZOCPFCwPq0qwdaAky5BueagN3tm2gekKqYadjDWS7daTQY7WXs/s1600/AngularJS_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Diseño Web con AngularJS 5" border="0" height="306" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2NyLvHNcpTSD9DGWDX2wpBDSnVO5NVErbzAthQcV0_EsJOQy2hvFhqaU34mtVlKnkyDUM7-XYS2ScmPjokG82nddJ4xZOCPFCwPq0qwdaAky5BueagN3tm2gekKqYadjDWS7daTQY7WXs/s640/AngularJS_5.jpg" title="Diseño Web con AngularJS 5" width="640" /></a></div>
<br />
A diferencia de las plantillas anteriores, las cuales están orientadas más hacia usuarios internos (administradores, colaboradores, entre otros), UpWork es todo lo contrario. Con este sitio web diseñado bajo AngulasJS podemos ver que no solo cubre temas operativos y funcionales, sino también la parte visual de nuestros usuarios externos que es algo realmente importante. Si quieres verla en vivo y probar su funcionabilidad haz <a href="https://www.upwork.com/" target="_blank">click aquí</a>.<br />
<br />
<u><i><b>5. Piluku</b></i></u><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIC2ivcpz8AVDM1kG7goe8rHDA9Gbo-XpVflGAWUiFqdJeN-w310GAjfa41fp9sMu2GsrHyD1Vn1AfOBGK7GYv24hE6EVUg50_XYJyuD0c-5_7xjS4I0pliV9wEnBA2FdSRd8Mbo343WU_/s1600/AngularJS_6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Diseño Web con AngularJS 6" border="0" height="258" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIC2ivcpz8AVDM1kG7goe8rHDA9Gbo-XpVflGAWUiFqdJeN-w310GAjfa41fp9sMu2GsrHyD1Vn1AfOBGK7GYv24hE6EVUg50_XYJyuD0c-5_7xjS4I0pliV9wEnBA2FdSRd8Mbo343WU_/s640/AngularJS_6.jpg" title="Diseño Web con AngularJS 6" width="640" /></a></div>
<br /></div>
<div style="text-align: justify;">
Por último, pero no menos importante, te traemos Piluku. Piluku es una plantilla hecha con Bootstrap y AngulasJS, es totalmente responsive y tiene una finalidad de tipo administrativa. Si quieres saber más de esta plantilla haz <a href="http://themeforest.net/item/piluku-bootstrap-admin-angularjs-admin-template/11511932?ref=milkakula" target="_blank">click aquí</a>.<br />
<br />
Como podemos ver, AngulasJS es una excelente tecnología que cubre tanto requerimientos de clientes internos como externos y estamos seguros que tendrá muchas más innovaciones y uso a lo largo del tiempo. Si te gustó la entrada no olvides compartirla en las redes sociales. ¡Nos leemos!</div>

Diseño Web con AngularJS

En lo que se refiere al desarrollo y diseño web, nosotros siempre queremos estar presente porque es algo que realmente nos apasiona y disfr...

Seguir leyendo »

Top 5 sitios web con diseño responsive

0 CSS, Diseño Web, Responsive, Top, Web Design 17:54

<div class="MsoNormal" style="text-align: justify;">
Últimamente, en foros, blogs y en redes sociales, se habla
de la web responsive y muchos se preguntan ¿Qué es la web responsive y como se
digiere todo este mundo? Bueno, la web responsive no es más que el diseño que se
logra adaptar a los diferentes dispositivos donde esta sea visualizado, en la mayoría de los casos,  a través de una tecnología conocida como "Media Query". </div>
<br />
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimK4FZBInYPhP2RDuzl6Y-yh3lDAEHBXV313RFFYk68BzJ538jpdzn1igdLs-ni3puXKTVh6p0LMECf0SU2lJPzP11vxPVgMSSU28dJw1tOqojnThV0vM4tH6u5ttdrberSkhyphenhyphenjq95qnUg/s1600/responsive-web-design.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Portada Sitios Web Responsive" border="0" height="160" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimK4FZBInYPhP2RDuzl6Y-yh3lDAEHBXV313RFFYk68BzJ538jpdzn1igdLs-ni3puXKTVh6p0LMECf0SU2lJPzP11vxPVgMSSU28dJw1tOqojnThV0vM4tH6u5ttdrberSkhyphenhyphenjq95qnUg/s320/responsive-web-design.png" title="Portada Sitios Web Responsive" width="320" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Básicamente, para hacer esto, se debe crear una plantilla de
estilo la cual reacciona en base al tamaño de la pantalla del dispositivo que
consulta tu página web y le responde con las medidas adecuadas para que el
contenido se adapte a dicho dispositivo. Hace ya una semana colocamos a
disposición una plantilla CSS Responsive la cual puedes descargar desde este
enlace y te servirá de mucho si estás iniciando con esta tendencia del diseño
web.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<a href="http://www.fusiondigitalve.com.ve/2015/09/plantilla-con-media-query-para-css.html" target="_blank">Descarga la plantilla con Media Query para CSS Responsive</a></div>
<div style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Bien, dejando claro esto, podemos entrar  en materia con la verdadera razón
que nos reúne hoy en día y es hablar de los 5 mejores sitios web con diseño
responsive, las cuales, están increíblemente diseñados y su estética es
impecable. No te hacemos esperar más así que comencemos.</div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Puesto #5:</b>  <b><a href="http://mightynice.com.au/" target="_blank">Mighty Nice</a></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyz70xcuyivCOPYF1MD09CYqebC-pWG40xhmwTxedz8nn2RkY3SJVNrd96lSEZLmiyREk8sllc8N7vOGz3INnW8GY7nfTZNO7Er7AGvLiT6Ok9ZcTBMaPeBnjGP09r7kClWZZF3Q6__nIU/s1600/Top_Responsive_1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="#5 - Sitios Web Responsive" border="0" height="395" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyz70xcuyivCOPYF1MD09CYqebC-pWG40xhmwTxedz8nn2RkY3SJVNrd96lSEZLmiyREk8sllc8N7vOGz3INnW8GY7nfTZNO7Er7AGvLiT6Ok9ZcTBMaPeBnjGP09r7kClWZZF3Q6__nIU/s640/Top_Responsive_1.jpg" title="#5 - Sitios Web Responsive" width="640" /></a></b></div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Mighty Nice es un estudio creativo con sede en Australia. Está conformado por artistas, directores creativos, diseñadores gráficos, ilustradores y soñadores, como se puede leer en su resumen.<b></b></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div style="text-align: justify;">
<b>Puesto #4: <a href="http://www.heartkids.co.nz/" target="_blank">Heart Kids</a></b></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXrC46fbAEMMX4Op5qMW9PjFTAb6EFEGwLPknOY1uo9NPlp4L67PaW1Y9wIW_DMI07meh2mZpk6hoWdwTofl_wkCvvGRy6kBwN8URWxd6LYvuJAwNauoGjVjeFA3MFuxx9avFCQ8Aql5s/s1600/Top_Responsive_2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="#4 - Sitios Web Responsive" border="0" height="448" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRXrC46fbAEMMX4Op5qMW9PjFTAb6EFEGwLPknOY1uo9NPlp4L67PaW1Y9wIW_DMI07meh2mZpk6hoWdwTofl_wkCvvGRy6kBwN8URWxd6LYvuJAwNauoGjVjeFA3MFuxx9avFCQ8Aql5s/s640/Top_Responsive_2.jpg" title="#4 - Sitios Web Responsive" width="640" /></a></div>
<div style="text-align: justify;">
<b><br /></b></div>
<div class="MsoNormal" style="text-align: justify;">
Aunque a muchos les parezca duro este tema, Heart Kids trata
de darles valor a aquellos niños que nacieron con algún problema en su corazón
y que han logrado, gracias al apoyo de donaciones y de operaciones complejas,
salir adelante. En realidad, son un verdadero ejemplo de lucha y es por
ello que se titulan como "Born Soldiers" (soldados de nacimiento).</div>
<br />
<div style="text-align: justify;">
<b>Puesto #3: <a href="http://www.nodeplus.com.cn/" target="_blank">Activation Node Plus</a></b></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwbegRfrwd2MoqhE1IcKpQFrdfO5cI-QLEQb74Ryopee22SUgVtF0GZ8Gj_mo5u6JKOJOUZ1kj_-1gfIb081-CN5jdMfiyabhu-AjGuqQLErDCqbQqsTHLP5su2-07cU4TAohSv1-2sA2/s1600/Top_Responsive_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="#3 - Sitios Web Responsive" border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnwbegRfrwd2MoqhE1IcKpQFrdfO5cI-QLEQb74Ryopee22SUgVtF0GZ8Gj_mo5u6JKOJOUZ1kj_-1gfIb081-CN5jdMfiyabhu-AjGuqQLErDCqbQqsTHLP5su2-07cU4TAohSv1-2sA2/s640/Top_Responsive_3.jpg" title="#3 - Sitios Web Responsive" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
</div>
<div class="MsoNormal" style="text-align: justify;">
¡Wow!.. En serio, es lo único que se nos ocurrió decir luego
de solo estar en su <a href="http://www.fusiondigitalve.com.ve/2015/09/top-5-mejores-disenos-de-landing-page.html" target="_blank">Landing Page</a>. Desde los efectos, la dinámica de la página,
es totalmente una fuente de captar la atención del visitante. También resulta
interesante que con tu puntero puedes interactuar con elementos de la página.
De nuevo ¡Wow!</div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Puesto #2: <a href="http://www.harbor-suites.com/" target="_blank">Harbor Suites</a></b></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0xY8yktSCGkg_SvgPybiwqf4-EeeAfsqj_Kuc2YXjtm5wBk7qNvfqiUQXQNo9m5OZVHzsh1lBXK6Wl0t8DvpFuXLFXLM2QXLsh4ScLKqn0WOtowPCA7lRBzti91juYKOJ6Ee4faQrgqIc/s1600/Top_Responsive_4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="#2 - Sitios Web Responsive" border="0" height="426" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0xY8yktSCGkg_SvgPybiwqf4-EeeAfsqj_Kuc2YXjtm5wBk7qNvfqiUQXQNo9m5OZVHzsh1lBXK6Wl0t8DvpFuXLFXLM2QXLsh4ScLKqn0WOtowPCA7lRBzti91juYKOJ6Ee4faQrgqIc/s640/Top_Responsive_4.jpg" title="#2 - Sitios Web Responsive" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div class="MsoNormal" style="text-align: justify;">
Clásica, profesional y única, es lo menos que podemos decir
de Harbor Suites. Nada simple, eso si, sencilla pero cada elemento que se puede
observar fue trabajado con la más alta precisión posible. Una página digna de
admirar por los diseñadores web.</div>
<br />
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b>Puesto #1: <a href="http://www.sennheiser-reshapingexcellence.com/" target="_blank">Sennheiser</a></b></div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXMMuBCQVmychcN16w5rHWS642hhovdLofB5nGJGjfU-Ai_d4-FUs2_zV1q4AXCsRmB5UWV6jKcGmFD5_fobUtvott8Dld8SnqNSTaQ1ppRj_hoq8WKFZedzFN74r8E9_LBa1e05mAIxS1/s1600/Top_Responsive_5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="#1 - Sitios Web Responsive" border="0" height="328" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXMMuBCQVmychcN16w5rHWS642hhovdLofB5nGJGjfU-Ai_d4-FUs2_zV1q4AXCsRmB5UWV6jKcGmFD5_fobUtvott8Dld8SnqNSTaQ1ppRj_hoq8WKFZedzFN74r8E9_LBa1e05mAIxS1/s640/Top_Responsive_5.jpg" title="#1 - Sitios Web Responsive" width="640" /></a></div>
<div style="text-align: justify;">
<br /></div>

<br />
<div style="text-align: justify;">
Sennheiser va más allá de nuestra imaginación, la
verdad cuando interactuamos con el sitio no podíamos creer lo bien elaborado
que está y la temática es excelente. No te vamos a arruinar la visita con algún
spoiler por lo que dejaremos que vayas, la pruebes y nos dejes en la sección de
comentarios del blog tu opinión, no solo de esta en particular, si no de todas,
eso nos encantaría.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
También recuerda compartir esta entrada en tus
redes sociales, debemos trabajar con nuestra misión en Sennheiser por lo que
más compartas más rápido lo lograremos... Nos leemos.</div>

Top 5 sitios web con diseño responsive

Últimamente, en foros, blogs y en redes sociales, se habla de la web responsive y muchos se preguntan ¿Qué es la web responsive y como se d...

Seguir leyendo »

Plantilla con Media Query para CSS Responsive

0 CSS, Diseño Web, Media Query, Plantilla, Responsive 17:43

<div style="text-align: justify;">
Hace unos días apoyamos a un cliente en <a href="https://es.fiverr.com/fusiondigitalve/optimizar-tu-sitio-web-bajo-blogger-o-wordpress" target="_blank">Fiverr </a>en transformar su sitio web en responsive tomando en cuenta que está por liberar su versión móvil. Según el mismo nos cuenta, investigó previamente a comunicarse con nosotros acerca del proceso pero no tenía claro cuáles eran las acciones que se debían tomar para llevarlo a cabo ni en donde se debían tomar. Luego de unas cuantas horas, la hoja de estilo responsive estaba lista. Se sorprendió bastante al ver lo rápido que se entregó el trabajo y nos dio las gracias por los resultados.</div>
<div style="text-align: justify;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-1h5iD0GeuArI9pIoKYfnpyKPf7-neCs7WU9csuJTUjEUUKU4fdfRyKuGCxaHsuFFn_vZfO6mw8M0N4pJjmYy42zcDFzhJDSzxGpBQraBl92uxyVne3zvsxwbT5tpoqFKdzpo140rGV8-/s1600/CSS_Media_Query_Template.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-1h5iD0GeuArI9pIoKYfnpyKPf7-neCs7WU9csuJTUjEUUKU4fdfRyKuGCxaHsuFFn_vZfO6mw8M0N4pJjmYy42zcDFzhJDSzxGpBQraBl92uxyVne3zvsxwbT5tpoqFKdzpo140rGV8-/s400/CSS_Media_Query_Template.png" width="400" /></a></div>
<div style="text-align: justify;">
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Ahora bien, hacer una hoja de estilo responsive desde cero es un trabajo de dedicación, por lo que en esta entrada vamos a compartir contigo una plantilla base para que trasformes tu hoja de estilo en una hoja de estilo responsive a través del uso de Media Query.</div>
<div style="text-align: justify;">
<br /></div>
<h3 style="text-align: justify;">
<a href="http://www.mediafire.com/download/4q1k4u8w5oo2c4y/responsive_ccs_template.css" target="_blank">Descarga plantilla con media query para CSS Responsive</a></h3>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Esperamos que sea de tu agrado y le encuentras tanta utilidad como nosotros. Si tienes alguna duda o sugerencia puedes indicárnosla en la sección de comentarios.</div>

Plantilla con Media Query para CSS Responsive

Hace unos días apoyamos a un cliente en Fiverr en transformar su sitio web en responsive tomando en cuenta que está por liberar su versión ...

Seguir leyendo »

AddThis

Diseño Web con AngularJS

Top 5 sitios web con diseño responsive

Plantilla con Media Query para CSS Responsive

Visitas

Archivo