Animate.css es un pack de animaciones en CSS para que des un poco de vida a tu web, landing page o cualquier proyecto que tengas online.
Lo mejor es que puedes ver y descubrir los efectos en su propia web y después, decidir exportar solo los que más te gusten o los que pienses que vas a utilizar. Solo son unas cuantas líneas de código que cambiarán la navegabilidad de tu proyecto web.
Vía: The Starter Kit
( Click para ampliar y ver el resto )
Qué el diseño de colores sencillos y planos está volviendo al mundo interactivo es evidente. Por fin se va dejando los degradados y sombras, optando por iconos e interfaces más puras y directas.
Por eso los chicos de Pixeden nos traen 3 packs de iconos de estilo Flat inspirados en la UI de Google, con un acabado muy fino.
Flat Design Icons set: [ Descargar Vol. 1 ] [ Descargar Vol. 2 ] [ Descargar Vol. 3 ]
Desde PuntoGeek nos llega una herramienta online que puede venir bien a la hora de realizar un primer análisis SEO gratuito de nuestra web. Se trata de MetricSpot y está claro que este tipo de servicios online gratuitos son muy básicos y no acaban de ofrecer demasiados datos precisos, ya que la realidad muchas veces tiene detalles que se le escapan a un análisis en el que solo debes poner un dato (la URL), pero aún así, nos ofrece una primera visión (repito, seguramente sesgada) sobre SEO, contenido, usabilidad, aspectos técnicos y redes sociales, que pueden ayudarnos a modificar alguna cosilla y mejorar un poco nuestro SEO.
Hace ya unos días iniciamos un sorteo de 2 licencias de CSS Hat, un complemento para Photoshop que convierte las capas a CSS de manera muy muy precisa y aunque ya hace días que se cerro la participación, entre días festivos, gripes y otras historias, hasta el día de hoy no hemos podido hacer público el nombre de los 2 ganadores, así que ahí van:
Los ganadores de las 2 licencias son: David (@miscalzoncillos) y Sergio (@dongabal). Así que felicidades y en breve nos pondremos en contacto con vosotros para facilitaros las licencias.
Hoy os queremos presentar un complemento para Photoshop que vendrá de perlas a todos aquellos que os dedicáis al diseño web. Se trata de CSS Hat y su función aunque simple, es de mucha ayuda para la edición web, sobretodo por la calidad del resultado. CSS Hat convierte las imágenes en código CSS. Simplemente hacemos click en una capa, consultamos la conversión CSS, copiamos el resultado y lo pegamos en nuestro editor HTML. Todo ello de manera sencilla y rápida, pero sobretodo con una precisión que no se consigue de manera nativa con Photoshop ni con otros plugins gratuitos que ruedan por internet.
El precio de este complemento es de 29,99$, y después de haberlo probado os puedo asegurar que es un regalo poder contar con un complemento de este nivel a ese precio.
Aún así, para aquellos que preferís esperar unos días y comprobar que tal suerte tenéis, el equipo de CSS Hat quiere regalar 2 licencias entre los lectores de Ateneu Popular que twitteen acerca de por qué necesita/quieren CSS Hat.
La manera de participar en el sorteo de cada una de las 2 licencias de CSS Hat es el siguiente:
Desde hoy y hasta el próximo miércoles 20 de mayo, entraran en el sorteo todos aquellos que escriban un tweet explicando por qué quieren una licencia de CSS Hat mencionando @CSSHat y con el hastag #ateneupopular.
Con el cambio de diseño en la web de Ateneu Popular, una de las cosas que más me preocupaba era el tiempo de carga de la web, hacerla más rápida, intentando no perder por eso en diseño y mostrando todo lo que necesitaba mostrar.
Pero ¿como comprobar el tiempo de carga?
Servicios hay muchos, más o menos precisos, pero que sirven para poder hacerte una idea general de donde estás. Aún así, la mayoría solo tienen en cuenta la carga desde el servidor en el que funcionan, pero al ser Ateneu Popular una web con lectores repartidos por todo el planeta, las diferencias entre cargar la web en España, en México o Colombia, tenía su importancia, ya que el resultado no es el mismo dependiendo de donde venga la petición, variando mucho el resultado al ser desde un servidor o desde otro.
Es por eso que WatchMouse me fue de mucha utilidad para poder chequear la carga de Ateneu Popular desde servidores repartidos por todo el mundo, como Dinamarca, Australia, Alemania, Estados Unidos, Canadá, etc y ver así las variaciones de tiempo de carga de un servidor a otro.
Si hace unos días os presentábamos el restyling del logo de Ateneu Popular, hoy le toca el turno a la madre del cordero, la página web.
Ya eran casi 3 años con el mismo diseño y con algunas limitaciones que con el paso del tiempo y las mejoras tecnológicas ocurridas iban dejando cada día más una web antigua y muy encorsetada, por eso, con la escusa del restyling del logo, hemos querido aprovechar para darle una vuelta al diseño de la web, adaptarla a la nueva imagen y a las nuevas posibilidades.
La web que teníamos hasta ahora era muy estrecha, de hecho estaba pensada para funcionar sin problemas con monitores y resoluciones de hace casi 6 años y eso ha cambiado mucho. Así que hemos pasado de un ancho total de 880 píxeles a los 1058 píxeles de ahora, y eso es importante porque nos sirve para reordenar los elementos para que sean mucho más claros y sobretodo para poder trabajar mucho mejor con las imágenes, porque Ateneu Popular es básicamente un blog visual.
Trabajar con un ancho mayor nos permite tener una web mucho más clara, pero lo que realmente hace que la nueva web sea mucho más entendedora es el cambio de colores, pasando de los oscuros a otros mucho más claros, que hacen que la web parezca aún más grande y mucho menos agobiante.
Los artículos relacionados en una web con casi 6.000 artículos es primordial, ya que nos permite encontrar de manera sencilla otras noticias relacionadas de uno u otra manera con la que estamos leyendo. El problema es que hasta ahora tenían muy poca importancia y se limitaban a un listado de texto que muchas veces no acababa de aclarar la utilidad real del artículo propuesto. Ahora al trabajarlo con una imagen en miniatura acompañando al titular del texto, es mucho más facil escoger el link que queremos ver.
Aprovechando el nuevo diseño, hemos querido separar lo que es la información de la noticia, de lo que es información necesaria pero secundaria, como la fecha de publicación, el autor de la entrada, las categorías a las que pertenece, los comentarios que se han realizado sobre la noticia y los botones para que podáis compartir la noticia en las redes sociales.
De esta manera, ordenamos la información y le damos a cada uno de estos elementos la importancia que merece, como se pude apreciar en el tamaño de la fecha de publicación, que crece exponencialmente respecto a la anterior versión, queriendo remarcar de esta manera la importancia que tiene en Ateneu Popular, ya que actualizamos la web una media de 4-5 veces al día. Además, ponemos mucho más a mano los botones de compartir a ver si así os cuesta menos utilizarlos (ejem, ejem).
Con el nuevo diseño también hemos mejorado el servicio de comentarios, añadiendo la funcionalidad de responder directamente a un comentario anterior, pudiendo “anidar” hasta 3 niveles. Eso permite conversaciones mucho más fluidas y entendedoras.
Está nueva web que hoy os presentamos no solo está realizada desde un punto de vista visual, sino que hemos buscado la coherencia, la accesibilidad y la practicidad, por eso hemos trabajado para reducir el tiempo de carga de la página y ahora mismo Ateneu Popular tarda entre un 25% y un 35% menos de tiempo en cargarse.
Como no podía ser de otra manera, si la página web tiene diseño nuevo, la versión móvil también se tenía que ver afectada y en este caso hemos ido a simplificarla a la mínima expresión para que la carga sea rápida y la navegación de lo más sencilla.
Aparte de todo lo que ya os hemos contado, hay detalles por todos los rincones que esperamos sean de vuestro agrado y os hagan mucho más amenas vuestras visitas.
Por último, nos encantaría saber vuestra opinión, vuestras sugerencias, lo que os gusta, lo que os desagrada, vuestras preguntas, todo, así que tenéis como siempre los comentarios abiertos para decir lo que os venga en gana y así de paso estrenáis el nuevo sistema.
(Click en la imagen para ampliar)
Desde Heart Internet nos llega está infografía realizada a partir de una encuesta a 500 diseñadores web de diversos países, en la que nos explica su visión de la realidad, datos económicos, hacía donde va la demanda actual y en un futuro cercano, etc.
El resultado en muchos casos no parece muy esperanzador, con bajadas de precios generalizadas, mayoría de clientes que subestiman el precio del diseño, peores previsiones para el próximo año, etc.
¿como lo veis vosotros? ¿Es un análisis acertado?
Vía: Geeks Room
