top-recursos-web–lista-2

Top recursos web – [ Lista #2 ]

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.

colorfavs

 

 

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 .

codyhouse-vertical-nav

 

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

Material_Design_Icons

 

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.

notie-js

 

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

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.

cerberus

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

  • Desktop
  • Outlook 2000/02/03/07/10/13 (Windows)
  • Outlook 2011/16 (Mac)
  • Apple Mail
  • Thunderbird
  • Web
  • Gmail
  • Outlook.com
  • Yahoo
  • Aol
  • Outlook Web Access
  • Mobile
  • Mail (iOS)
  • Gmail (iOS, Android 4.4)
  • Mail (Android 4.4)
  • Mailbox (iOS)
  • Inbox (iOS)
  • Yahoo (iOS)

 

Overpass Font

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

overpass-font

 

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 ).

colorfilter-css

 

 

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.

can-i-use-tools

 

 

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.
gridly-grid-system