Más de 600 recursos gratuitos para desarrolladores web

Todo desarrollador siempre está en busca de nuevos recursos que puedan facilitarle la tarea a la hora de los pyorectos, por eso hoy les quiero dejar este genial sitio llamado wwwhere, un directorio con más de 600 recursos gratuitos para desarrolladores web.

wwwhere

Este directorio es el resultado de años de trabajo de recopilar recursos de sus creadores, los cuales decidieron compartir todo con la comunidad, algo invaluable sin dudas.

Lo bueno es que todos los recursos están organizados por categoría o tipo, entre los cuales encontramos arquitecturas, blogs y sitios de noticias, comunidades, elementos, servicios, inspiración, interfaces gráficas, código, y mucho más. Obviamente que todos esos recursos están orientados siempre al desarrollador web.

Enlace: wwwhere

Visto en Soft&Apps

Enjoy CSS: Generador avanzado de CSS3

¿Eres desarrollador web y estás cansado de olvidar prefijos? ¿Estás cansado de olvidar el orden de las propiedades? ¿Estás cansado de no tener una forma rápida y fácil de ver los diferentes estados de un elemento? ¿Estás cansado de no poder alinear verticalmente ese texto rápidamente? Si respondiste si alguna de estas preguntas Enjoy CSS es definitivamente para ti.

Screen Shot 2014-09-29 at 2.37.57 PM

 

Enjoy CSS es un generador muy muy avanzado de CSS3, la nueva especificación de CSS que ya lleva algunos años entre nosotros, si lo estás empezando a estudiar te darás cuenta que algunas cosas han cambiado y otras son completamente nuevas, o si ya lo has implementado pero todavía no tienes suficiente experiencia con las nuevas reglas y las formas cortas de escribir algunas propiedades, bueno, ya no tienes que rajarte la cabeza pensando en el orden en que escribir esto o aquello o el nombre de los malignos prefijos para cada navegador, Enjoy CSS hace todo esto por ti.

Enjoy CSS te permite crear tres tipos de elementos: Input, Block o Button, al cual le puedes editar absolutamente todo: Texto, Clase, Estados (Active, Hover, Before y After), Fondo, Transiciones, Transformaciones,  Posición, Márgenes y Bordes. Cada una de estas opciones tiene un editor visual, no tienes que tocar nada de código para editarlo, el editor posee selector de colores, fuentes, gradientes y demás, y en el caso de las transiciones están todas las diferentes funciones de tiempo disponibles, por supuesto cada cambio se inmediatamente reflejado en el elemento.

Screen Shot 2014-09-29 at 2.50.54 PM

Si tal vez necesitas algo rápido para comenzar existe una extensa galería de elementos de todo tipo para ayudarte a realizar la creación de tu elemento.

Screen Shot 2014-09-29 at 2.38.24 PM

La función más destacada de Enjoy CSS es la exportación del código, esto lo puedes por cada una de las diferentes categorías de estilo o por todo el elemento, en este aspecto Enjoy CSS no deja de ser avanzado, te permite seleccionar la versión de todos los navegadores para los cuales estás trabajando y si estás utilizando un preprocesador de CSS como Sass y Less también puedes exportar el código en estos formatos.

Espero que les sea de utilidad este completo generador de CSS y disfruten más de su CSS.

Enjoy CSS

 

NTH-Test: Aprende fácilmente como utilizar CSS nth-child y nth-of-type

Nth-test

En la versión número 3 de CSS se introdujo una característica increíblemente útil: la posibilidad de seleccionar determinados elementos hijos de un elemento padre en común, es decir, si tienes una lista desorganizada <ul> con varios items <li> ahora puedes seleccionas alguno de ellos o definir una sumatoria para seleccionarlos, por ejemplo, los items pares o impares, o cada 3 items.

A pesar de la excelente especificación que tiene siempre es un poco complicado comprender perfectamente como funciona, el ejemplo más claro es con las listas pero prácticamente se puede aplicar a cualquier listado de etiquetas que sean hijas de otra.

Si deseas aprender mejor como funciona este pseudo-selector te recomiendo NTH-Test, una pequeña aplicación web para que compruebes visualmente y de manera rápida lo que estás seleccionando actualmente cuando utilizas este selector.

NTH-TEST

TypeWonder: Prueba fuentes en cualquier sitio web sin instalar nada

typewonder

Elegir la fuente de tus diseños siempre es una tarea un poco complicado, existen muchísimas, hay varias familias o tipos, hay fuentes muy similares a otras, navegas y navegas y no sabes cuál se adapta mejor a tu idea o visión del diseño, lo único que puedes hacer es definir claramente que es lo que quieres transmitir con tu diseño, este paso te ayudará muchísimo a elegir la fuente que transmita ese objetivo.

Afortunadamente en estos momentos existen muchísimas herramientas que te ayudan con esta ardua tarea, aplicaciones que te dejan probar la fuente en vivo, con todos sus caracteres, estilos y variaciones. La herramienta que hoy les presento es un poco diferente, también te deja probar las fuentes pero no de forma aislada en una aplicación web específica sino directamente en tu propio sitio web, de esta forma es muchísimo más fácil ver y probar como se ve tu diseño con esa fuente en especial, acelerando la tarea de elegir la fuente que definirá tus contenidos.

TypeWonder es realmente sencilla, solo basta con escribir la URL, seleccionar la fuente que deseas probar y ya esta, el sitio te cargará con la fuente que elegiste, más fácil imposible, si tal vez cambiaste de parecer, puedes elegir otra fuente desde el botón de la esquina superior derecha.

TypeWonder

Recurso online para aprender jQuery

 Una de las librerías con mayor éxito para el desarrollo web ha sido, es y será por un buen tiempo más jQuery. Aunque es muy sencilla de utilizar, he de ahí su popularidad, existen recursos que nos brindar un panorama claro sobre como implementar esta herramienta en nuestros proyectos.

Tenemos por supuesto como primera instancia el sitio oficial  así como un buen número de tutoriales, blogs y foros regados a lo largo y ancho de Internet. Entre ellos se encuentra el siguiente libro online que les traigo directo a la puerta de su hogar. Es bastante básico, pero si llegaste a esta entrada, supongo que buscas algo similar.

El libro lo puedes consultar desde aquí.

Espero que les sea de utilidad, y puedan con ello salir de uno que otro apuro.

Visto en: wwwhatsnew