Home » Posts tagged 'JavaScript'

Tag Archives: JavaScript

Tendencias Web´s Verano 2019 Tendencias clasificadas en diseño y desarrollo.

Comenzamos este año 2019 con algunas tendencias que ya se dejaban ver poco antes de empezar el año, así que es hora de ponerse manos a la obra para mantener tu sitio web actualizado.

Las tendencias para este 2019 vuelven a lo básico, lo sencillo que impacta desde el primer vistazo, ¡quién lo diría! Pero tiene mucho sentido, pues estas nuevas tendencias vienen para mejorar los tiempos de carga y la experiencia de usuario notablemente.

lo primero,  dividir el grupo de tendencias en clasificaciones de diseño y desarrollo, permitiendo establecer un orden entre las numerosas tecnologías con las que se relaciona la disciplina web.

Tendencias webs verano 2018


Diseño Web

Si bien es cierto que algunas tendencias vienen  marcando con fuerza desde años anteriores, este 2019, se consolidarán más todavía, como es el caso del Responsive Web Design. Los diseñadores ahora son conscientes que deberían llamarlo simplemente «diseño web», porque toda web debe ser adaptable.  Aparte, encontraremos algunas tendencias remarcables:

Optimización

La optimización está cobrando una parte importante en lo que respecta al trabajo del diseñador. Todas las técnicas que están a nuestra mano para optimizar un sitio web marcarán el diseño. Ejemplos son CSS para animaciones, degradados, iconos, así como lenguajes como SVG se usarán más. Que sea muy bonita, es insuficiente.

Single Page Application

Los SPA son cada vez más populares, no por el agua calentita,  sino por  sitios donde toda la información se encuentra  dividida mediante distintas vistas  o simplemente por medio de secciones en las que realizamos scroll para desplazarnos.

Scalable Vector Graphics

El lenguaje SVG es el mejor aliado para usar iconos, imágenes de alta calidad, etc. SVG es vectorial, por lo que puede ampliarse o reducirse sin perder calidad, algo esencial, además permite optimización gracias al cacheado de todos los recursos gráficos.

Grandes componentes

Menor  información con elementos gráficos muy  grandes, fotos que ocupan toda la pantalla, vídeos que aparecen como fondos en páginas web. En general esta estética está ganando muchos adeptos.

Material Design

Google está apoyando con fuerza el denominado Material Design,  unas guías estéticas para la construcción de interfaces de usuario y sitios web en general. Encontraremos más sitios y aplicaciones que se basen en este lenguaje de interacción entre usuario y máquina.

Desarrollo web

Web Components

El nuevo estándar del W3C para el desarrollo de sitios, está disponible, y librerías como Polymer de Google permiten exprimir todo su potencial. En 2019 el uso de estas tecnologías va a multiplicarse convirtiéndose en la herramienta preferida de muchos desarrolladores front end.

NodeJS

Son muchos los desarrolladores que se apoyan en herramientas que tienen como motor Javascript bajo  plataforma NodeJS. La tendencia no es tanto usarlo como  back end para desarrollo, que también, sino aprovechar las herramientas que permite el lenguaje para optimización de recursos, gestión de tareas, etc.

PHP 7

La nueva versión de programación marcará 2019, puesto que más que nunca es importante la actualización, es hasta dos veces más rápido que su antecesor, aportando nuevas características para la programación y la seguridad.

Isomorfización

Es la capacidad de usar el mismo código tanto en el cliente como el servidor, lo que nos ofrece varias ventajas, en cuanto a,  rapidez, mantenimiento y versatilidad de las aplicaciones.

Cloud Computing

Aprovechar la nube, nos permite rapidez, flexibilidad, escalabilidad, todo lo que un proyecto web necesita, no sólo se usarán cada vez más los cloud hosting, sino además cualquiera de los servicios XaaS que nos permitan cubrir necesidades de manera instantánea a través de proveedores externos. La proliferación de empresas con propuestas Back end as a Service son un buen ejemplo de ello.

Pues es todo por hoy, el tema un poco más espeso que en días posteriores, pero es necesario diversificar la complejidad del contenido, sea como sea, aquí lo dejo, ¡buen provecho, glup!

Academias Walton Palmer
Academias Walton Palmer

Joaquín Aguilar.

Acelerar tu sitio web. Aquí sí se puede y se debe correr.

Acelerar tu sitio web, teniendo en cuenta que desde la creación de Internet, los tamaños de archivos  no hacen más que engordar, es una contradicción en sí mismo.  Pero hay algunas cosas que podemos hacer para paliar de algún modo esto.

 

Acelera tu web

 

A primera vista, no parece un problema demasiado complejo, pero  su impacto sobre el rendimiento y la capacidad de mantenimiento es muy grande. Sin contar con los dispositivos móviles y los distintos anchos de banda.

Afortunadamente, tenemos el control sobre el tamaño de los archivos y la forma en que nuestra página se presenta ante un navegador.

¿POR QUÉ ser más rápido?

Claro, ya sé, eres de esa minoría que dispone de fibra óptica en la puerta de tu casa y piensas que todo el mundo navega a tu ritmo, ¡error!, las cifras hablan por si solas, la inmensa mayoría aun anda a pedales. Por tanto si tu contenido no es accesible a la mayoría, con fluidez, finalmente, aburrirás a las hormigas con eternas cargas de pantalla. También hay un buen número de beneficios SEO y UX que obtendremos si nos tomamos el tiempo necesario para optimizar nuestra web.

Como consecuencia de todo lo anterior también seremos más rentables en cuanto a coste de ancho de banda, opción nada despreciable para los usuarios 3G y 4G.

EL PRIMER PASO

Pensar en modular, en función de la combinación de la mayor cantidad de piezas comunes de nuestro código como nos sea posible, si somos capaces de combinar dos clases CSS en una y utilizar menos código para proporcionar el mismo resultado, mucho mejor. Tener demasiado código puede penalizar bastante en JavaScript y dispositivos móviles.

LAS DEPENDENCIA  Y LAS PETICIONES HTTP.

Las solicitudes que dependan de terceras, son con diferencia,  el mayor motivo para la ralentización de una página. No olvides que desde tu hoja de estilo CSS, se pueden llamar imágenes, hay que  limitarlas usando sprites o SVG,  cuando sea posible.

Aunque esto puede parecer obvio, si tu sitio necesita servir muchas HTTP  lo mejor puede ser pensar en trabajar con un CDN, la fiabilidad de los servidores en cadena, para cubrir grandes demandas está más que contrastada.

CÓDIGO MÁS LEGIBLE

Un CSS ineficiente o demasiado JavaScript pueden aumentar los tiempos de carga,  escribir la ruta exacta por una cadena de selectores es mucho menos eficiente que usar de un selector único de identificación. Ambos dirigen el estilo al mismo elemento, pero éste ultimo simplemente hace el trabajo mucho más rápido. Por cierto comprueba los códigos copiados de librerías externas.

HTML MUY SIMPLE

Unas hojas de estilo en cascada o Reset CSS,  al comienzo de un documento HTML,   minimiza, en la medida de lo posible, las múltiples diferencias visuales que se dan a la hora de mostrar una misma página web, en diferentes navegadores, causa de que cada navegador implementa su hoja de estilos propia e interna, con determinados valores por defecto. Con la introducción de más elementos en la especificación de HTML5, también tenemos mucha más flexibilidad.

A GOOGLE LE GUSTA EL CÓDIGO LIMPIO.

Google ha hecho una prioridad el tema del código limpio. Para ocupar posiciones destacadas en sus resultados de búsqueda, las páginas ahora deben prestar atención a muchos atributos diferentes del código. Llamando demasiados recursos externos, teniendo absurdamente grandes las imágenes, o incluso  escribiendo mal el código JavaScript puede tirar tu sitio abajo en las posiciones de los resultados.

RESUMEN

Al optimizar nuestro código, tenemos que pensar no sólo en el tamaño de los archivos, sino también considerar cómo va a ser leído; ya sea por los navegadores o  seres humanos.

El uso del móvil también debe ser tomado en consideración, muchos proveedores de servicios restringen el ancho de banda en estos días.

Por tanto sumar algo de tiempo a tu trabajo puede ser la diferencia a ser tenido en consideración o no.


*Todas las promociones Hostinet contienen un código promocional de descuento directo, cortesía de Tomatrending.com.

Joaquín Aguilar.

Calendario de pubicaciones.

junio 2019
L M X J V S D
« May    
 12
3456789
10111213141516
17181920212223
24252627282930

Aquí También

EMAIL
Facebook51k
Facebook
Google+7k
Google+
Pinterest18k
Instagram27k

Bloguers

bloguers_rc1
Translate »
Social Share Buttons and Icons powered by Ultimatelysocial
error

Enjoy this blog? Please spread the word :)