Tendencias en diseño web en 2016

tendencias en diseño web

Las tendencias en cuanto a diseño evolucionan de forma constante y más en ámbitos relacionados con las últimas tecnologías. En mi opinión, estos son los cambios más importantes a seguir en cuanto a diseño web:

Colores planos

Los degradados hace tiempo que pasaron a mejor vida, los colores se han vuelto más puros y cercanos al RGB y los colores secundarios que nacen de su mezcla. Ahora podemos usar color rojo, amarillo, verde, morado, azul o naranja en grandes partes del diseño sin miedo. Ya no es necesario hacer tonos pastel o suavizarlos mezclándolos con gris.

En gran parte este cambio se lo debemos al éxito del diseño flat, que popularizó las paletas de colores simples pero elegantes. A partir de ahí han surgido versiones derivadas como el Material Design de Google o el Modern UI de Microsoft, que evolucionan ese minimalismo cromático permitiendo más libertad al diseñador pero sin salirse de unas normas claras y funcionales. (más…)

Curso online gratuito de programación web en idesweb.

iDESWEB es otro curso gratuito muy interesante, en este caso llevado a cabo por la Universidad de Alicante. Está enfocado a la introducción al desarrollo web, concretamente se aprenderá programación HTML, CSS, JavaScript y PHP, así como los principios básicos de diseño web, usabilidad y accesibilidad.

Aquí podéis ver el temario completo: idesweb.es/temario

Los requisitos para hacer el curso son simples:

– Tener ganas de aprender.
– Tener unas nociones mínimas de programación, no es necesario conocer un lenguaje particular, pero si ya conoces C, C++ o Java, será mucho fácil aprender JavaScript y PHP.
– Disponer, como mínimo, de 10 horas a la semana durante 15 semanas. (más…)

20 herramientas para llenar maquetaciones con texto y fotos

Cuando se hace un nuevo diseño de un sitio web o de una publicación impresa acabamos llenándolo de texto e imágenes de prueba, ya sea para ver nosotros mismos como queda o para enseñárselo al cliente. Muchos programas ya incluyen el típico “lorem ipsu“, todo un clásico de la maquetación impresa, otras veces aporreamos el teclado hasta generar un texto aleatorio, con las fotos pues toca abrir nuestro editor favorito y generar alguna del tamaño que buscamos.

Por suerte existen alternativas, herramientas online que generan de forma sencilla textos e imágenes de relleno. Las hay que buscar probar todas las etiquetas HTML, otras sacarnos una sonrisa con los textos o llenar nuestros diseños de tiernos gatitos. Pero siempre es útil tener una lista a mano.

Empezamos con los textos:

lipsum.com: El clásico “lorem ipsu”, podemos elegir la cantidad de párrafos, palabras, bytes o listas que debe ocupar el texto.

quijotipsum.com: La única que ofrece un texto en español sacado de El Quijote, podemos seleccionar solo el número de párrafos.

chrisvalleskey.com/fillerama/: Saca textos de series conocidas como Futurama o Dexter, entre otras. Podemos elegir cuantos párrafos y si incluye cabeceras y listas HTML. (más…)

Herramientas gratuitas que te avisan si tu sitio web se cae.


Servidor en llamas

Siempre es importante averiguar en el menor tiempo posible cuando nuestro sitio web se ha caído, ya sea por errores en el servidor, de software o problemas de red. Pero por desgracia los webmasters nunca tenemos el tiempo suficiente para visitar todos nuestros sitios web a diario y muchas veces somos los últimos en enterarnos. Incluso si se trata de un trabajo, muchas veces el cliente espera unas horas a ver si el problema se soluciona solo y cuando ve que no es así nos llama ya cabreado.

Para evitar esto podemos instalar en nuestro ordenador algún programa que compruebe cada x minutos si todo funciona correctamente, pero eso solo nos da una visión limitada. Puede tratarse de un problema de red y mientras en nuestro equipo todo funciona a la perfección, otros visitantes con diferentes ISP o de otros países tener problema. Por eso existen servicios que comprueban nuestros sitios web cada cierto tiempo desde distintas localizaciones geográficas, avisándonos por correo electrónico, sms o incluso por teléfono cuando hay problemas. Dentro de estos servicios muchos ofrecen versiones gratuitas, más limitadas en opciones pero igualmente validas. (más…)

40 plantillas HTML/CSS gratuitas y de alta calidad.

Esta es una lista de 40 plantillas HTML/CSS de alta calidad y gratuitas. Muy útiles para usarlas como base para nuevos proyectos, inspirarse con nuevas ideas o aprender observando como están hechas. Algunas son HTML5, el estándar de la web del futuro.

La mayoría también incorporan archivos .psd con capas para modificar los gráficos, aunque es un formato de Photoshop deberían poderse abrir con Gimp.

Airlines

Descarga

Art of Business

Descarga

Big City

Descarga

(más…)