Obtener el title de sitios web con CasperJs
Te voy a mostrar una forma fácil de obtener con CasperJs los títulos de un sitio web, te diré lo que haremos.
- Creamos una instancia de casperjs
- Abrimos el primer sitio web: http://google.com
- Una vez que la página se ha cargado, mostramos el título de esa página web (el contenido de su etiqueta)
- Ahora abrimos el siguiente sitio web, http://chevere.pw/
- Otra vez le pedimos imprimir el titulo de la pagina web
- Ejecutamos todo el proceso
Crea tu archivo “obtener_titulo.js” y completa el código siguiente:
Para ejecutarlo:
$ casperjs obtener_titulos.js
El resultado sera:
$ casperjs obtener_titulos.js
Google
Chevere - Programacion web
Cambiar Idioma de teclado Ubuntu Server
Por algún motivo de distracción cuando estaba instalando un servidor virtual configure el teclado de forma errónea, por lo cual con el siguiente comando podrás repetir el paso de adecuar el idioma al teclado de tu preferencia.
sudo dpkg-reconfigure keyboard-configuration
Esto abrirá en tu consola el asistente de configuración del teclado y seleccionar el que necesitas.
Como incrustar tu codigo github en tu post de WordPress
Buscando una forma de mostrar los códigos programados para las explicaciones hay una series de herramientas, pero una que recientemente conseguí se llama oEmbed Gist. Se encuentra en la lista de plugins que puedes instalar desde tu WP,
Debes entrar al sitio web de https://gist.github.com/agregar el código que deseas compartir con el titulo del archivo, cuando salves podras utilizar ese enlace en el post de tu articulo y podras visualizar al momento tu código listo!
Instalación de Casperjs en Ubuntu
Casperjs es una herramienta que nos ayuda desde crear procesos de automatización de pruebas hasta extraer información, las posibilidades son infinitas y cada día me sorprendo de utilizar esta interesante herramienta.
Para comenzar la instalación Ubuntu 13.10
# aptitude install phantomjs
# aptitude install python
# aptitude install build-essential chrpath git-core libssl-dev libfontconfig1-dev
# git clone git://github.com/ariya/phantomjs.git
# cd phantomjs
# git checkout 1.9
# ./build.sh
# ln -sf `pwd`/bin/casperjs /usr/local/bin/casperjsSi buscas otras instalaciones, tienes mas información en la pagina oficial
Herramientas de precisión para pruebas con responsive design
Me encanta dedicarme a buscar diferentes herramientas que me ayuden a verificar como quedan los diseños de las paginas web en dispositivos mobiles, lo difícil es encontrar una donde puedas emular los diferentes viewport, pero mas difícil es que sean gratis 🙂
Screenqueri esta en fase beta pero me sorprende por la ayuda en la precisión que te pueda brindar.
Cuenta con una lista predefinida de diferentes dispositivos, varios viewport a tu disposición y tab rápidos para cambiar de resolución.
Registrate gratis y comienza a trabajar como un profesional de la web
Sitio: screenqueri.es
Herramienta para probas paginas adaptativas
Otro sitio web que me agrada por el efecto visual y tener condensado las funciones para visualizar tu sitio web es responsive.is
Coloca en la barra de texto tu sitio web y presiona Go!
MediaQueri.es Listado y Galeria sitios Responsive
Si no haz visitado esta pagina te recomiendo que la visites, MediaQueri.es es una lista grafica de mucho sitios web que se adaptaron al mundo Responsive.
BrowserStack Prueba tus sitios web en todas las plataformas
Hay clientes o proyectos que con hacerlos funcionar en Firefox y Chrome nos hacen ser felices, pero hay otras que quieren la perfección en Android, iOS, Windows Phone y la PC mas vieja de la oficina asi no lo usen, así que nos toca conseguir alguien que los tenga a todos.
BrowserStack te provee de un acceso remoto a los simuladores de todos los dispositivos que puedan existir y sus diferentes versiones de sistemas operativos donde podrás hacer pruebas de calidad de tu producto desarrollado.
Hay tantas funciones y características excelentes en esta pagina que te aseguro desearas decirle a tu jefe que pague la suscripción para disfrutar de capturas de pantallas, análisis de tus diseños adaptativos y visualización en tiempo real de tus sitio web.
MQTest.io Cual es la resolución de una pantalla
Cuando se desarrolla para PC no te preocupas por la resolución para la que diseñas pero cuando vas al diseño para mobiles se convierte en una búsqueda por nuestro amigo google de tablas y números que te hace invertir un tiempo extra a la hora de codear.
Pero si tienes algún dispositivo en físico en tu mano y te interesa saberlo ya rápido. Te lo tengo!
MQtest.io téndras los datos de ancho y alto, resolución, orientación entre otras cosas básicas para que no detengas tu producción
Fitvids Videos Responsive
Videos y otros objetos de comunicación son diferentes de las imágenes en que no mantienen relaciones de aspecto al cambiar de tamaño. Además nos toca hacer malabares y aplicar una gran variedad de codecs, la cuestión de escala establece un gran reto para los que sirve de vídeo a una serie de dispositivos de web-enable.
Afortunadamente, hay maneras de crear relaciones intrínsecas de vídeos (alistapart.com).
El Diseñador Chris Coyier y su equipo crearon FitVids.js (http://fitvidsjs.com/), un plug-in que hace el trabajo pesado para ti con el fin de servir a los vídeos que mantienen la relación de aspecto correcta al cambiar de tamaño.