643 lecturas 0 comentarios

Leaflet, el mapa interactivo definitivo

Leaflet es una librería JavaScript de código abierto, compatible con dispositivos móviles, de solo 42 KB y que cuenta con todas las características necesarias para un desarrollador que quiera incrustar un mapa interactivo en su web. Con 3 objetivos por bandera: simplicidad, rendimiento y usabilidad, Leaflet es compatible con la mayoría de las plataformas y navegadores. Además de contar con numerosos plugins desarrollados por la comunidad, también despliega una extensa documentación de la API.

4.659 lecturas 0 comentarios

Feedbacks web con Pastel

Pastel es el nombre de una herramienta fantástica con la que podrás analizar y comentar una web de forma fácil y rápida. Una vez hechos los comentarios, puedes compartirlos para que otra persona vea lo que has escrito en su web. Es perfecta para analizar la usabilidad, el SEO, el diseño u otras auditorías de un sitio web de un cliente o amigo.

968 lecturas 0 comentarios

Think with Google

¿Sabías que mejorar la carga de tu web en 0.1 segundos puede resultar en un incremento de la tasa de conversión del 0.8%?, ¿o que las páginas que tardan más de 3 segundos en cargar tienen una tasa de rebote 4 veces mayor?, ¿o que un retardo de un segundo en los tiempos de carga puede reducir las tasas de conversión un 20%?

La velocidad de carga de tu sitio es un factor importantísimo, tanto para el posicionamiento como para la experiencia de usuario. Si quieres empezar a optimizarla, pásate por la herramienta de Google «Think With Google» y consigue un análisis pormenorizado de aquellos parámetros que puedes mejorar, así como el tiempo y la valoración del tiempo de carga de tu web.

1.324 lecturas 0 comentarios

Gráficas en CSS puro

Si queréis mostrar gráficas en vuestra web, sin usar Javascript (JS) ni recargar el sitio con más código del necesario, Chart CSS es vuestra solución. Un montón de estilos, para todas las variantes (barras, columnas, líneas, pastel, etc.), personalizables, responsive y en solo 6KB de CSS.

1.646 lecturas 0 comentarios

Máscaras por CSS

Gracias a esta herramienta podremos enmascarar imágenes en formas geométricas de todo tipo o -incluso- hacerlas personalizadas nosotros mismos. ¡Y todo con CSS (clip-path)!

1.241 lecturas 0 comentarios

Galería de landings

La landing page, o página de aterrizaje de una web, es la parte más importante con la que atraer la atención del cliente y generar una venta (o cualquier otra conversión). Distribuir la información de forma correcta, los tamaños y colores de los elementos, etc. definen su efectividad.

En estas galerías, podéis ver un montón de buenos ejemplos de los que obtener ideas e inspiración:

· Visitar Landing Folio

· Visitar Land Book

1.440 lecturas 0 comentarios

¿Tu web carga rápido?

Con esta herramienta podrás hacer pruebas de la velocidad de carga de tu web, desde todas las partes del mundo: India, Francia, Estados Unidos, etc. obteniendo un resultado específico de cada zona y valores medios; además, podrás analizar tiempos de CPU, descargas

· Prueba la velocidad de tu web

1.375 lecturas 0 comentarios

Gráficas dinámicas en Javascript

Chart JS es una forma simple y flexible de añadir gráficas a tu página web. Gracias a canvas y javascript, podrás insertar todo tipo de diseños. Rápido, gratis, responsive y cuenta con animaciones. No se puede pedir más. Échale un ojo a las demos, si todavía no estás convencido.

988 lecturas 0 comentarios

Paletas de color: Happy Hues

Me encantan las webs que tienen como temática principal y exclusiva las paletas de color. En este caso, Happy Hues nos ofrece un diseño desenfadado y agradable para enseñarnos sus combinaciones más potentes. Echad un vistazo y generad vuestras propias paletas o probad con las existentes.

1.130 lecturas 0 comentarios

Recursos gratis para desarrolladores

Uno de los mayores valores que puede tener un profesional es su cartera de recursos. Hoy os traigo una página que recopila muchísimos de ellos, ¡y gratuitos!. Una librería super útil para todo desarrollador, se trata de Free for dev. Alojamiento, API’s de servicios, diseño, fotografía, DNS, correos, y un largo etc. a vuestra entera disposición.