Directorio curado de recursos JavaScript

javascript

Hace unos días compartí con ustedes un par de posts interesantes como el checklist para saber si tu front-end está completo o el directorio curado de cursos de programación gratis, y hoy les tengo otro que seguramente les va a encantar.

JS.Directory es un directorio curado muy útil donde frecuentemente van colgando recursos referentes al «ecosistema» JavaScript. Un lugar esencial para todo desarrollador que siempre está ávido de nuevos recursos de programación.

El directorio tiene (hasta el momento) las siguientes categorías:

  • Ejemplos
  • Boilerplates
  • Tools
  • Componentes
  • Documentación
  • Artículos
  • Libros
  • Videos
  • Podcasts
  • Comunidades

Día a día van agregando nuevos recursos al directorio, aunque si ustedes lo desean pueden agregar los suyos ya que es una lista abierta y colaborativa.

Herramienta online para redimensionar el ícono de tu app a todos los tamaños necesarios

Esta herramienta le va a ser de muchísima utilidad a todos los desarrolladores de apps que lean el blog. Se trata de una herramienta online que les permitirá redimensionar el ícono de su app a todos los tamaños necesarios para cada dispositivo o resolución.

resizeappicon_com

Como bien lo dicen en el slogan de la web, se puede redimensionar el ícono de tu app a la velocidad de un cohete.

Redimensionar íconos para tus apps

1- Primero tienen que ingresar en el sitio en cuestión.

2- Elegir el ícono que quieran redimensionar (funciona mejor con imágenes cuadradas de 512×512 o 1024×1024).

3- Pueden elegir tildar la opción «Instant icon download» para descargar automáticamente todos los tamaños de ícono, si lo prefieren personalizado, saltear al paso 4.

4- Una vez subido el ícono tienen que bajar y seleccionar los tamaños de íconos a los cuales quieren redimensionar. Esto es personal y dependerá de qué uso le darán a la app y para qué plataforma está hecha.

5- Hagan click en la opción de descarga que corresponda, ya sea para bajar todos los íconos o solo los seleccionados.

Esta herramienta es completamente gratuita y estoy seguro que les ahorrará  muchísimo trabajo y tiempo a la hora de desarrollar sus apps.

Generador visual de CSS3 válido

SDScreenshot_77

Las Web está evolucionando, está creciendo, está mejorando, está avanzando, está más Web que nunca.

Con la llegada de CSS3, en conjunto con HTML5, es cada día más común ver sitios web realmente impresionantes, con diseños increíbles, efectos muy bonitos para la vista e interactividad como nunca antes, ofreciéndole al usuario una experiencia única en todos los sentidos.

Para crear estos sitios web es necesario conocer bien las tecnologías que lo hacen posible, en este caso una de ellas es CSS3, la hoja de estilos en cascada para Internet, en la versión 3 incorporaron muchos elementos nuevos, como las transformaciones 3D, transiciones, animaciones, sombras, perspectiva, entre otros.

Si estás interesado en jugar un poco con estás tecnologías te recomiendo Create CSS3, un generador de estilos CSS3 válidos, la aplicación web tiene más de una decena de efectos disponibles en CSS3, cada uno se puede personalizar fácilmente y obtener en tiempo real una vista previa del efecto al lado derecho.

De esta forma ya no tienes excusa para probar e implementar las nuevas tecnologías que están por fin a nuestro alcance y con las cuales se puede crear experiencias enriquecidas para nuestra hermosa Web.

Create CSS3

10 tips básicos para empezar a desarrollar sitios Responsive

minor_html5_responsive_design

Probablemente ya llevan alrededor de un año escuchando o leyendo en Internet el término Responsive Design, más que un término o una tendencia que empezó a tener más fuerza desde el año pasado es ahora un gran conjunto de herramientas y técnicas utilizadas para mostrar contenido en dispositivos más allá de los clásicos PC’s de escritorio.

En la siguiente infografía creada por Splio hay 10 tips básicos para desarrolladores que quieran empezar a crear sitios web Responsive, cada uno de los tips viene con su explicación, un ejemplo y las mejores prácticas para llevarlos a cabo.

Leer más10 tips básicos para empezar a desarrollar sitios Responsive

Plugin para WordPress para desarrolladores de plugins y plantillas

Automattic es la empresa detrás de WordPress, la plataforma más grande de blogs del mundo. Automattic suele publicar plugins y plantillas para WordPress  periódicamente, el último plugin que liberaron se llama Developer.

screenshot-1

Como su nombre lo indica Developer está creado para ayudarle a los desarrolladores WordPress en la creación de sus plugin y plantillas, luego de instalar el plugin desde la web oficial de plugins de Worpdress te aparecerá un modal donde seleccionas el tipo de desarrollo que vas a hacer, un plugin o plantilla en un hosting propio o una plantilla para WordPress.com

screenshot-2

Con base en tu elección te recomendará algunos plugins que puedes instalar para mejorar el ambiente de desarrollo en el que te encuentras, los cuales puedes instalar con tan solo un click y tenerlos disponibles al instante.

El plugin es de una sola instalación, es decir, si tal vez lo reinstalas para empezar a hacer otro tipo de desarrollo debes eliminar los registros en la tabla wp_options.

Descarga: Developer

Tests rápidos de w3schools sobre diferentes tecnologías

¿Te crees el mero mero de HTML, SQL o ASP? ¿Tienes ganas de medir qué tanto sabes sobre alguna tecnología? ¿Estás aburrido y no sabes en qué invertir tu tiempo? Si contestaste un sí a cualquiera de las anteriores preguntas, lo mejor será que visites w3schools, específicamente su apartado de tests rápidos, donde podrás contestar algunas preguntas y saber que tan bien o mal andas en el tema.

Algunos ejemplos de preguntas, en inglés, son:

  • What does HTML stand for?
  • What is the correct HTML for referring to an external style sheet?
  • Inside which HTML element do we put the JavaScript?
  • Which sign does jQuery use as a shortcut for jQuery?
  • All variables in PHP start with which symbol?

Como ven, los que saben, se trata de preguntas básicas. Pero no se confíen, que incluso el más sabelotodo puede llegar a fallar.

Link: w3schools

¿Desarrollar para Android o para iOS? [Infografía]

En la entrada anterior supimos que iOS dominaba el tráfico de Internet en dispositivos móviles en latinoamérica, lo cual ya es una pista para contestar a la pregunta que lleva por título esta entrada. Mas sin embargo, hay otros detalles que vale la pena revisar antes de decidir para qué plataforma desarrollar. Por ejemplo, ¿Sabías que el segundo país donde más empleos hay para desarrollar en Android es la India? O que, si comparamos el total de empleos, iOS se lleva el 60,2% mientras Android el 39,8%. Esos y más detalles  los puedes consultar en la siguiente infografía.


Visto en: Genbeta Dev

PHP 5.4.0, la nueva versión con servidor web incluido

Una pequeña aclaración, el servidor web que incluye PHP 5.4.0 no es recomendado para producción, pues está enfocado mas bien a un ambiente de pruebas. De ahí en fuera, todo lo que ofrece esta nueva versión de PHP se centra no sólo en la corrección de errores, sino además en la simplificación del código, así como su reutilización de una manera sencilla.

Además claro de hacer un mejor uso de memoria, y según cuentan los del PHP Group, un mejor rendimiento, por lo que nuestro servidor sufrirá un poco menos.

De forma muy general son los cambios que nos trae la nueva versión, pero para saber más, recomiendo que visites el sitio oficial de PHP, ahí encontrarás los detalles y por menores de los cambios que han implementado.

Visto en: PHP

Change Log: PHP 5.4.0

Crea, personaliza y publica tu sitio web con Microsoft Webmatrix

Microsoft WebMatrix es una herramienta fantástica, Open Source, que te permite desarrollar sitios completos desde cero hasta su implementación. Les dejo un fragmento de la pagina de microsoft que describe muy bien sus caracteristicas.

«WebMatrix es una nueva herramienta de desarrollo de Microsoft que incluye todo lo necesario para el desarrollo de sitios web. Comenzar a partir de aplicaciones web Open Source, plantillas predefinidas o simplemente empezar escribiendo código desde cero. Desarrollar sitios web nunca ha sido tan fácil.»

Leer másCrea, personaliza y publica tu sitio web con Microsoft Webmatrix

MOTODEV studio for android

MOTODEV studio for android es un entorno gratuito que nos ofrece Motorola, basado en eclipse, incluye el ADT necesario para el desarrollo en android y muchas mejoras para que el trabajo sea mas placentero (ej: visor de bases de datos, asistentes muchos mas cómodos, code snippets, etc). Lo pueden descargar desde la pagina de motorola developer. Antes se tienen que dar de alta en el sitio, no se preocupen es muy rápido y gratuito (de lo mejor…) .

La descarga está disponible para Mac, Linux y Windows en las versiones de 32 y 64 bit, la ventaja de esto es que desde un instalador se puede tener todo lo que hace falta para iniciarse en android.

Muy recomendable.

Saludos.

Fuente:  http://developer.motorola.com/docstools/motodevstudio/