Desarrollo

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.

Los mejores 5 sitios para crear páginas web

Si alguno de ustedes tiene en mente crear su propio sitio web o blog, los invito a leer sobre los mejores 5 sitios crear páginas web, recursos gratuitos y pagos que te permitirán crear tu página en cuestión de minutos.

mejores creadores de sitios web

Voog

Conocido originalmente como Edicy, Voog se cambió su nombre el año pasado y rediseñó su página principal para tener unos colores eléctricos y modelos en poses sexuales (es en serio).

Pero dejando fuera la refundación de la marca, el creador de sitios web en sí se mantuvo prácticamente sin cambios (con algunas pequeñas modificaciones).

Voog ha sido desde siempre un decente creador de sitios web, pero a veces es demasiado simple y escaso. Comprado con los mejores creadores como Squarespace, Format y Weebly; no es tan sofisticado. En lo que se destaca es en el soportar diferentes idiomas, y es el mejor sino el único creador web que ofrece un gran trabajo con sitios en distintos lenguajes.

Yola

Yola es un editor único con una barra horizontal en la parte superior de la pantalla que tiene todo lo necesario para crear tu sitio web y configurarlo como quieras. Lo único malo que tiene es lo grande que es esa barra, que combinada con la barra del navegador se consume una buena parte de la pantalla.

El diseño en general es básico, y tiene un par de distracciones para cuando construyes, pero en sí las secciones están muy bien organizadas.

Tiene muchos widgets con toda clase de herramientas y opciones para agregar, como mapas de Google o formularios de contacto de simple creación.

Wix

 La intención de Wix es la de darle al usuario la opción de elegir. Tienen tantas características disponibles como es posible y les dejan a los usuarios arrastrar elementos en cualquier sitio de su página.

Pero todas estas opciones a veces tienen un costo. A veces Wix se siente aplastante, como que ponemos cosas en nuestras páginas sin haberlo pensado mucho. Esto depende mucho del sentido que el usuario termine dando a su sitio.

En general, Wix es el servicio más adecuado para los usuarios pacientes que se tomarán el tiempo necesario para sacar ventaja de todo lo que ofrece en su repertorio.

Weebly

 Es quizás uno de los más conocidos en español, o al menos yo veo anuncios sobre el creador en todos lados. Y desde la posibilidad de crear tiendas, hasta editar presentaciones de diapositivas, todo lo que se puede hacer en Weebly se disfruta. Mientras la mayoría de los creadores de páginas web son torpes y frustrantes, éste es sencillo y directo.

Lo que hace tan especial a este servicio es que cada tarea e interacción ha sido considerada profesionalmente. La interfaz es muy nítida.

Pero Weebly no solamente es sencilla de utilizar, también tiene muchas características útiles. Con su creador puedes crear tiendas de comercio electrónico, personalizar tu plantilla móvil, diseñar fondos personalizados, crear formas dinámicas y mucho más.

Squarespace

 Squarespace es un creador que tiene todos los aspectos pulidos. Las características están todas muy bien pensadas, con nada que se sienta inútil. En pocas palabras, Squarespace es el mejor creador de sitios webs disponible en la actualidad.

Estuve probando muchos creadores web y Squarespace es uno de los pocos con los que sentí que podía hacer todo lo que podría interesarme añadir en un sitio web. Es una herramienta muy flexible y sencilla de utilizar, que tiene toda clase de opciones y características.

De verdad, lo tienes que probar si quieres crear un sitio web y vas a entender por qué para mi es lo mejor.

Bueno, esos son los mejores 5 sitios para crear páginas web que yo recomiendo. No tengo acuerdos con ninguno y no tengo favoritismo por alguno, simplemente pongo los mejores entre los que probé y los que creo que merecen ser mencionados.

Si conoces otro mejor o tienes algún comentario para hacer, no dudes en utilizar la caja de comentarios o hablarme por Twitter (@AyalaManu).

 

 

 

Cursos de desarrollo web gratis: HTML, CSS, Python, XML, PHP y webapps

Sé que los recursos de programación son muy bienvenidos por los lectores del blog, por eso les quiero dejar una buena recopilación de cursos de programación o desarrollo web para que se introduzcan en el tema.

cursos de programacion

Todos estos cursos los pueden encontrar en el sitio de mclibre.org, allí tienen acceso desde los íconos que identifican los diferentes lenguajes: HTML-CSS, Python, XML, PHP y webapps; dentro de ésta última categoría van a encontrar muchas cosas como CMS, phpMyAdmin y mucho más.

Por último también tienen una sección de tests para evaluar sus conocimientos.

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

La super batería: cargar la batería del teléfono en 2 minutos

Cargar la batería del teléfono puede ser inconveniente y tomar un tiempo, pero ¿qué tal si podrías conseguir una recarga de batería adecuada en pocos minutos?

Científicos de la Universidad Tecnológica de Nanyang en Singapur dicen haber desarrollado una batería de iones de litio que puede ir de cero al 70% de la capacidad de energía en dos minutos. Las baterías de litio se utilizan comúnmente en los teléfonos y tablets.

super bateria

Tal vez aún más importante, la batería dura mucho más tiempo que las que tenemos ahora, un atributo que podría impulsar la industria del automóvil eléctrico, según dijeron los desarrolladores.

La nueva batería se supone que debe durar 10.000 ciclos, una vida útil estimada en dos décadas y 10 veces más de lo que estamos acostumbrados.

En contraste, Apple dice que sus baterías de teléfonos están diseñados para “soportar hasta un 80% de su capacidad original tras 500 ciclos de carga completos”. En general, cuanto más recargamos una batería, más se pierde su funcionamiento con el tiempo.

El avance aquí está en el ánodo o polo negativo de la batería, que tradicionalmente trabaja con grafito. El grafito se sustituye con un gel recién desarrollado a partir de un material “abundante, barato y seguro” llamado dióxido de titanio, que se encuentra en el suelo. También es un ingrediente activo en la protección solar.

Los investigadores fueron capaces de transformar el dióxido de titanio con forma esférica en forma de cordones tubulares que son 1.000 veces más delgados que un cabello humano. El gel acelera las reacciones que tienen lugar dentro de la nueva batería, ayudando a cargar la batería del teléfono mucho más rápido. La han llamado la “super batería”.

Por qué no deberías interrumpir a un programador

funny-programmer-comic-understand-message

En serio, no lo hagan, esperen que tenga un poco de tiempo libre o vean que este distraído, se levanto de su puesto o hizo algo diferente a ver la pantalla, lo mismo ocurre con aquellos que utilizan audífonos para concentrarse, no los interrumpan abruptamente, les aniquila toda la concentración y productividad que tengan en el momento.

Todos unidos en pro de desarrolladores felices.

Vía: Google+

MicroJS: Cientos de pequeñas librerías JavaScript para tus necesidades

Screenshot_94

Nuevos frameworks, librerías, tecnologías y lenguajes surgen todos los días, cada una tratando de solucionar un problema en concreto especialmente cuando se trata de librerías JavaScript, gracias a su enredado poder se puede solucionar problemas muy específicos en cuanto a sitios web se refiere, como la selección avanzada en el DOM, realizar AJAX, procesar formatos de información como JSON o CSV o algo más avanzado como un motor de animaciones CSS pero con JS.

La mayoría de estas increíbles librerías poseen un tamaño considerable lo que a largo plazo hará que tus aplicaciones y sitios web se vuelvan lentos, robustos y especialmente pesados, una de estas razones es que a veces la librería o el framework es un exceso para el problema que estás tratando de resolver, es por esto que siempre debes hacer una búsqueda detallada y muy bien seleccionada de las herramientas o librerías que utilizarás en tus proyectos.

Es por está razón que hoy les presento MicroJS, un sitio web que recopila cientos de librerías JavaScript para solucionar problemas muy específicos como la utilización de HTML5 en todos los navegadores, definición de funciones, clases y prototipos o controlar la historia del navegador o sus cookies, la principal característica es que todas las librerías pesan menos de 5 kb, es decir, está enfocado en pequeñas pero poderosas micro librerías, las cuales mejorarán el peso final de tu aplicación o sitio web.

MicroJS

Herramientas online para probar código en vivo

stoy seguro que se han encontrado con la situación de necesitar probar un segmento de código rápidamente para ver que tal funciona o tal vez porque se te ocurrió una idea genial y quieres implementarla al vuelo, o también porque no estás en tu computador de trabajo y necesitas algo similar a tu IDE o Editor de código para jugar un rato con algo de código.

Te cuento que ya no es necesario una aplicación de escritorio ni un editor de código ni un lento y pesado, pero robusto IDE para editar código, ahora ya existen aplicaciones y herramientas online para ejecutar cualquier código que necesites y ver los cambios en vivo a medida que escribes el código.

A continuación les dejo una lista de editores de código en vivo y en la web, todos absolutamente gratuitos y sin nada que envidiarle a un editor de código como aplicación de escritorio:

CodePen

Screenshot_81

CodePen te permite incluir tu HTML, CSS y JavaScript en los panales destinadas para cada tecnología web y ver en vivo como cambia la forma final de tu código mientras lo editas. Permite guardar todos tus códigos, compartirlos, incrustarlos en otros sitios web e incluso ejecutarlos en los smartphones.

JSFiddle

Screenshot_80

JSFiddle es uno de los más populares porque es uno de los más completos, te permite agregar cualquier librería de JavaScript o CSS, pero lo mejor es que ya tiene un listado con docenas de las librerías más populares como jQuery, Mootools, YUI, e incluso frameworks JavaScript como AngularJS o EmberJS, permite además hacer peticiones AJAX dentro del editor, limpiar el código JavaScript y guardar varias versiones de tu edición.

Mozilla Thimble

Screenshot_79

Mozilla Thimble es uno de los últimos esfuerzos por la empresa Mozilla, quien esta detrás del popular navegador Firefox, de llevar a más personas las hermosas capacidades de las tecnologías web, aunque no tiene muchas opciones, es uno de los más rápidos, como punto a favor te muestra errores en tu HTML rápidamente y subrayado de etiquetas, puedes incluir CSS y JavaScript en el documento sin problemas, pero no tiene guardado de código, así que ten cuidado con cerrar la pestaña del navegador.

dabblet

Screenshot_78

dabblet es un editor enfocado al CSS y HTML, tiene dos vistas principales, el HTML y el resultado o el CSS y el resultado, como lo pueden notar esta enfocado al CSS de la página, puedes escribir cualquier CSS que se te ocurra y funcionará directamente en la previsualización, la forma final de tu código se puede compartir o ver a pantalla completa, también guarda todos las versiones que hagas del código.

CSSDeck

Screenshot_77

CSSDeck, como su nombre lo indica está completamente enfocado al CSS, te muestra un panel pequeño para el HTML, uno más grande para el CSS y por último el panel con el resultado de tu código, como punto a favor de CSSDeck, puedes cambiar el fondo de la página de resultados y crear enlaces únicos que puedes compartir para que cualquiera vea tu nueva creación, por último puedes descargar el resultado en un archivo .html.

JSBin

Screenshot_76

Lo mejor para el finalJSBin es una completa joya en cuanto a editores de código online se refiere, puedes incluir CSS, JS y HTML, agregar una o varias de las más de 50 librerías que tiene disponibles para importar, por supuesto puedes compartir el código final, incrustarlo en sitios web seleccionando que paneles deseas mostrar en el resultado final, exportar el código a un Gist de Github, guardarlo como plantilla y navegar desde la misma ventana a través de todos tus Bins.

Tazas de café para desarrolladores y diseñadores web

¿Qué sería de un buen desarrollador o diseñador web sin una buena taza de café? Creo que no podría transformar el oscura bebida en bello y mágico código que solo un desarrollador es capaz de hacer.

Pero esta mágica bebida generadora de código no puede tomarse en cualquier taza, debe ser LA taza de café, y en el caso de los desarrolladores debe ser una taza de café con un buen lema relacionado con nuestra profesión. A continuación te dejo algunas tazas de café para desarrolladores y diseñadores web con muy buenos temas relacionados, para que disfrutes tu café como debe ser, con una buena taza:

1180_10152967778655593_531689399_n11 6 (2) 12 ddesignall (1) well_test_it_in_production_mug it_works_on_my_machine_large_mug ssdesignall (1) designall

Logos de empresas creados solo con CSS3

No me cansaré de mostrarles casi todos los días la capacidad de las nuevas tecnologías web, hace poco les comentaba sobre detallados símbolos de superheroes creados solo con una etiqueta HTML y el resto del trabajo lo hacía el CSS, en su versión número 3.

Hoy les traigo otra muestra de las cosas que se pueden llegar a crear solo con CSS3, en esta oportunidad son los logos de varias empresas: Apple, Dropbox, Evernote,  Github, Twitter, Facebook y LinkedIn creados a partir de varias formas y figuras recreadas con variadas técnicas de CSS3, en la página con el demo de los logos se puede observar el truco detrás del logo al pasar el mouse por encima del elemento.

El proyecto se puede utilizar libremente en tus proyectos, tan solo basta con descargar los archivos necesarios desde su repositorio en Github e incluirlos donde los necesites.

Screenshot_68 Screenshot_67 Screenshot_66 Screenshot_65 Screenshot_64

Logos in Pure CSS