En este post te traemos una lista de recursos web sobre: JavaScript, SVG, Herramientas para crear paletas de colores, Tutoriales HTML, Plantillas para newsletter, Fonts, y más, que pensamos puede ser de gran ayuda para aquellos que desarrollamos para la web.

Sin nada mas que agregar vemos la lista a continuación:

colorfavs.com

Por medio de colorfavs.com traemos un sitio que tiene como objetivo «construir un lugar que hace que sea fácil crear, descubrir nuevos colores y paletas para todos sus proyectos».

Características:

• Permite crear paletas de colores a partir de: imágenes (desde urls y desde nuestro ordenador).
• Provee paletas de colores ya generadas y colores.
• Permite guardar en favoritos las paletas y colores que nos hayan gustado si nos registramos.

codyhouse.co/ Vertical Fixed Navigation

Por medio de codyhouse.co  tenemos un excelente tutorial para realizar una navegación vertical fija (fixed) en nuestros proyectos web, puedes ver el demo en este enlace .

iconshock.com / Material Design Icons

Por medio  de iconshock.com traemos una lista de iconos categorizadas, que  siguen el concepto de Material Design, estos iconos vienen en formatos: SVG y PNG transparentes.

Los tipos de licencia para nuestro uso esta dividida en tres:

1. Personal License (free)
2. Premium License $19
3. Premium License $35

Notie JS

Es una pequeña librería JavaScript que es bastante limpia y nos ayuda a crear simples alertas sobre: tareas realizadas con éxito, errores, informativas y de confirmación, algo que cabe destacar es que no tiene dependencias.

ScrollReveal

Con solo 2.8KB se vuelve en un gran recurso para crear una muy bonita animación de desplazamiento (scroll) que funciona tanto en desktop como en móviles.

También podemos instalar vía npm y bowel:

• npm install scrollreveal
• bower install scrollreveal

Cerberus

Para aquellos que trabajan plantillas HTML para enviarlas como newsletter, traemos este valioso recurso que puede ser de gran ayuda ya que puedes ahorrarte un poco de tiempo, se trata de Cerberus un sitio web que nos provee de diferentes plantillas HTML previamente revisadas en diferentes clientes de correo, ademas estas plantillas ya tienen un soporte para la parte del responsive.

La lista de clientes de correo para las cuales brinda soporte es la siguiente:

Overpass Font

Es una bonita fuente inspirada en Highway Gothic fuente y ademas es de código abierto (open source).

Colofilter CSS

Estos filtros de colores utiliza modos de mezcla css y fueron fuertemente inspirados por nuevos anuncios que Spotify mostraba en el 2015, solamente comentarles desde ya que no tiene soporte para IE, Opera Mini y Safari (desktop & IOS ).

caniuse.com

Me parece una muy buena herramienta para el desarrollo web, ya que nos permite ver de una manera fácil que navegadores web soportan ciertas propiedades, estas pueden ser de tipo: CSS, JavaScript, HTML5, y otras, muy bueno se los recomiendo.

Gridly (The minimal grid system)

Un sistema de grid minimalista con un tamañao de 170Bytes, esta librería CSS nos provee de un sistema de grid bastante simple para el desarrollo en nuestras paginas web.

La entrada Top recursos web – [ Lista #2 ] aparece primero en Vivir y Aprender Web.

Para que empecemos con los mejores recursos en cada semana traemos una nueva sección en Vivir y Aprender Web, en la cual realizáremos una lista con los mejores recursos para desarrolladores web cada semana, a continuación la primera lista compuesta por 7 buenos recursos.

Bueno sin nada mas que agregar comenzamos:

 1) cssreset.com

Comenzamos con http://cssreset.com/ un sitio donde encontraremos los mas populares CSS Reset del 2015 en un solo lugar, actualmente la lista cuenta con los CSS reset de Eric Meyer’s, HTML5 Doctor CSS Reset, Yahoo! (YUI 3) Reset CSS, entre otros.

2) ChocolateChip UI

Ahora por medio de chocolatechip-ui.com tenemos una UI (Interfaz de usuario) lista para crear aplicaciones móviles con un look nativo, lo podemos usar tanto en web como en aplicaciones híbradas también, actualmente tienen soporte para tres plataformas: Android, iOS, Windows phone.

Además es Open Source.

3) UI movement

uimovement.com un bonito website donde cada día podemos encontrar las mejores e inspiradoras UI, las cuales son plasmadas a través de imágenes GIF animadas.

4) cssreflex.com / CSS3 Generators

Por medio de cssreflex.com/css-generators nos encontramos con una buena serie de generadores que nos ayudaran a crear de manera fácil nuestro código css para: border-radius, border-images, shadow, entre otros ademas de ser un buen website ya que ademas cuenta con un blog con contenidos bastantes buenos (en inglés).

5) Dragula

bevacqua.github.io/dragula es una librería JS que nos ayudara a crear un bonito efecto al arrastrar y soltar (drag and drop) elementos HTML en nuestras paginas web, te invito a que lo revises verás que esta bastante bien.

6) CSS Buttons

Un buen recurso enfocado en botones es este website cssbuttons.tumblr.com nos muestra más de 100 bonitos e inspiradores formas que pueden tener nuestros botones, están creados con HTML5/ CSS3 y Javascript,  y no solo eso ademas nos muestras las demo por medio de sus enlaces a codepen.io.

7) photos.oliur.com

Para finalizar si estas buscando fotografías para tus proyectos te recomiendo te des una vuelta por este website photos.oliur.com tiene varias fotografías que podemos utilizar libremente ya que están bajo licencia CC0, se que no se compara a otros bancos de imágenes pero lo bueno es su tipo de licencia y quién sabe tal vez encontrarás lo que buscas

Bueno esta es la primera lista de recursos que hacemos espero haya sido de tu agrado y si crees que puede ser de ayuda a alguien más te invito a que la compartas por las redes sociales, gracias y hasta la próxima.

La entrada Top recursos para desarrolladores web de la semana – Agosto 23 / 2015 aparece primero en Vivir y Aprender Web.