60+ Herramientas de desarrollo y diseño web

Compartimos con vosotros más de 60 recursos gratuitos para enriquecer tus proyectos webs. ¡Revísalos y quédate con aquellos que más te gusten!

Gracias a los recursos gratis que compartimos, tendrás una gran variedad de herramientas para desarrollar cualquier proyecto web para poder darle una personalidad propia a todos y cada uno de tus proyectos. Son una buena fuente de referencia de la que podrás ir aprovechando aquellos recursos que sean útiles para tus webs.

Entre las distintas herramientas que aparecen en este curso web, aprenderás sobre fuentes tipográficas, iconos, slideshows y plugins especiales para poder aplicar a cualquier proyecto online y poder darle personalidad y un aspecto visual atractivo para tu usuario.

Temario del curso gratis de diseño web

Revisa el contenido y empieza hoy mismo a disfrutar de todas las herramientas disponibles para enriquecer cualquier proyecto online:

Empezar aquí

• Introducción y requisitos
• Cómo funcionará el curso
• Archivo maestro y una breve introducción al Bootstrap

Fuentes

• Font-Awesome
• ionicons
• Glyphicons
• Google Fonts
• blokkfont
• Weather-icons

Iconos, letras e imágenes

• Favicon Generator. For real.
• iconspedia
• CSSAuthor
• freepik
• Skitch
• ARCTEXT.JS
• Shuffle Letters
• mThumb

Generadores de código y otras cosas

• json-generator
• Htmlcompressor
• css3generator
• Gradient-editor por Colorzilla
• Generador de color HTML por hailpixel
• placehold.it

Plugins especiales

• Metro Notification
• Crystal Notification
• Yose Modal
• Mountain Notifications
• Autumn
• Metro Menu
• Tour Tip Guide
• KL-Animate
• Metro Modal

Animaciones

• Animate.css
• GreenSock
• GreenSock - Parte 2

Slideshows

• Super Simple Slider
• Galleria
• Supersized!
• Swiper

Servicios en linea

• JSON Parser Online
• Pingdom
• Codepen
• Responsinator

Utilidades para aplicaciones web

• http-server
• Sweetalert
• Bootstrap modals
• The date picker
• Chosen
• jQuery Complexify

Especiales de jQuery

• Masonry
• detectmobilebrowsers
• Lazyload
• STICKY

Video de fondo

• BigVideo
• VideoBG
• tubular

Misceláneos

• Color Thief
• ColorZilla
• Tippy - Tooltip

Gráficas

• Morris.JS - Parte #1
  Morris.JS - Parte #2

Node y NPM

• lite-server - NodeJS

Mapas

• Usando Google Maps - Api-Key

• SwiperBox
  Fancybox
  Fresco
  Lightbox

Plugins con formularios

• jqueryFlexdatalist

Despedida

Acceder al curso: 60+ Herramientas de desarrollo y diseño web

Esperamos que disfrutes mucho de todas estas herramientas y recursos gratuitos y si quieres, puedes ayudarnos a su difusión compartiéndolo en las redes sociales. ¡Hasta pronto!