Saltar al contenido

Categoría: Planetas

HTML5 ★ Boilerplate una plantilla para crear nuestras páginas

Publicado por Miguel Useche el 23 de abril de 2012

Esta tecnología la descubrí leyendo el blog de Paul Irish, al principio no la entendí y pensaba que era un framework para desarrollar páginas web pero luego de ver varios tutoriales comprendí que realmente es una plantilla en HTML5 que incluye (en mi opinión) las mejores herramientas de detección de características del navegador, compresión de código HTML, CSS y Javascript; métodos para acelerar la carga de librerías de Javascript, entre otros.

¿Por qué usar Boilerplate?

Si eres desarrollador web (frontend) especializado en la parte visual debes usar esta herramienta para tus proyectos, la idea es ofrecer una plantilla o página web usando HTML5 sin perder compatibilidad con navegadores antiguos que no lo soportan (o solo parcialmente). Además utiliza las mejores prácticas e incluye las mejores herramientas para tener una buena página como: utiliza Modernizr para detectar las funcionalidades soportadas por los navegadores y aplicar solo ha ellos ciertos efectos CSS3 por dar un ejemplo, no reinicia los estilos de los navegadores sino que los normaliza, incluye compatibilidad con la mayoría de servidores web para aplicar técnicas de compresión de datos y pequeñas reglas de seguridad, compatibilidad con dispositivos móviles, herramientas para comprimir el código Javascript entre otros.

Con esto te ahorras mucho tiempo en implementar todas estas cosas, ademas garantiza tener una páginas que usa lo mejor de la tecnología actual sin romper compatibilidad con los navegadores antiguos. Cabe destacar que es solo para crear la plantilla inicial, es una base para ir agregando tu markup, librerías, reglas CSS, etc. Si utilizas un CMS puedes hacer tu propia plantilla o buscar en Internet plantillas ya optimizadas con Boilerplate.

Mi experiencia

Utilicé Boilerplate para MiguelUseche.com (mi sitio profesional) y me ayudó a realizar una página que carga en poco tiempo, funciona en casi todos los navegadores, me ahorro tiempo al dar soporte a Internet Explorer 6 y 7, y la adaptación a dispositivos móviles requirió poco trabajo. Obviamente no todo se hizo automático, sino su base de código me permitió ahorrar mucho tiempo al dar soporte a distintos navegadores.

Boilerplate funciona con una plantilla base, la cual vamos agregando nuestro markup y vamos creando nuestra página/aplicación web. Luego a través de unos scripts «construimos» el sitio optimizado el cual se guarda en la carpeta build, durante este proceso, se comprimen las reglas CSS, el código HTML, los archivos de Javascript, los une si están separados en varios archivos, optimiza las imágenes para ser vistas en la web, actualiza las rutas para incluir estos scripts y mas. Todo lo que debemos hacer es configurar un archivo donde le indicamos todo lo que queremos hacer.

Conclusión

Si quieres hacer un sitio con HTML5 y realizar ciertas acciones con los navegadores que no lo soporten, utiliza Boilerplate. Con todas la base ya optimizada que trae permite crear buenos sitios en menos tiempo, y si son como yo: desarrolladores web especializados en la programación del sitio y no en la parte visual; les ayudará mucho esta tecnología al realizar cosas que no comprendemos mucho. Sin embargo, si eres desarrollador front-end supongo que te ayudará a ahorrar tiempo y te ofrece configuración para adaptarse a tus requisitos o forma de trabajar.

Si quieres comenzar a utilizar esta tecnología pueden ver el siguiente video que está en inglés:

An introduction to HTML5 Boilerplate v4.0

Para descargarlo, entren a la página oficial: https://html5boilerplate.com/

2 comentarios

Como aumentar el límite del tamaño permitido para la subida de archivos en WordPress

Publicado por Miguel Useche el 31 de marzo de 2012

En algunos casos, necesitamos subir por medio de la interfaz de WordPress archivos de gran tamaño pero nos encontramos que no podemos hacerlo porque existe un límite de tamaño, sin embargo, si tenemos los permisos necesarios en el servidor podemos hacerlo fácilmente.

Primero debemos modificar unas opciones globales de PHP, para ello debemos crear un archivo llamado php.ini en la carpeta /wp-admin con el siguiente contenido:

upload_max_filesize=280M ;tamaño máximo del archivo
max_execution_time=600 ;tiempo de ejecución del script, si es muy corto no da tiempo de subir el archivo
memory_limit=1024M ;limite de memoria, en mi caso esta alto porque se ejecutan unos scripts al subir el archivo
post_max_size=280M ;tamaño de la llamada POST, debe ser un tamaño igual o ligeramente superior al tamaño máximo del archivo

Y agregar la siguiente línea en el archivo /wp-config:

define('WP_MEMORY_LIMIT', '64M');


¡Listo! Ya puedes subir archivos de mayor tamaño. Si tienes una instalación multi-sitio, entonces debes cambiar en las opciones de la red (Network options) el tamaño máximo permitido para los archivos.

9 comentarios

¡Felices 10 años Archlinux!

Publicado por Miguel Useche el 11 de marzo de 2012

Hoy hace 10 años Judd Vinet lanzó la primera versión de la grandiosa distribución de Linux: Archlinux de los cuales llevo casi 6 años usándola en mis equipos. Recuerdo migrar a esta distribución luego de usar Debian por un tiempo, andaba buscando una distribución estable, ligera y con los últimos paquetes de las versiones (Debian no me ofrece eso) luego de investigar encontre Arch y decidí darle una prueba, desde el primer momento me encantó por su rapidez, tener un programa para manejar todos los paquetes a diferencia de varios como APT, como se manejaban bien las dependencias y no se instalaba software de relleno, entre otros. Para mas detalles de como fue esa experiencia de cambiar, pueden leer mi articulo sobre el cambio a Archlinux.

Seis años después sigo usando la misma distribución por las mismas razones, además actualizan los paquetes muy rápidos, tiene buen soporte para 64bits (creo que hoy en día es normal para toda distribución), los pocos cambios que he visto en este tiempo son que ahora es mas fácil de instalar, cuenta con mayor popularidad, la comunidad ha crecido mucho y posee mini-comunidades en toda latinomerica, la documentación en español es extensa (recuerdo que era casi nula al principio, de hecho, fuí traductor durante mucho tiempo de la Wiki), mas arquitecturas, entre otros.

A continuación les muestro mi lista de ventajas y desventajas de usar Archlinux luego de estarla usando tanto tiempo:

Ventajas

  • Vas a tener siempre las últimas versiones de los programas, algunas versiones solo tardan horas en salir en el repositorio estable y realmente son estables.
  • Muy ligera y rápida: Arch no te instala programas innecesarios, separa muy bien los paquetes (ejemplo KDE) para no ocupar espacio o instalar dependencias no realmente necesarias.
  • Excelente documentación en inglés para hacer cualquier cosa, con pasos detallados para no perderte.
  • Buen manejador de paquetes que permite hacer todas las operaciones desde él.
  • Fácil creación de paquetes a través de ABS, permitiendo modificar o crear paquetes fácilmente.
  • Poca modificación de los programas, es decir, no suelen aplicar parches personalizados para modificar el comportamiento de ellos.
  • Paquetes para casi todo, rara vez es necesario compilar software no disponible en los repositorios.

Desventajas

  • Al usar las últimas versiones a veces se suelen romper temporalmente cosas, por lo que siempre que se actualiza el sistema, es necesario leer la página oficial por si se debe intervenir en algo.
  • Debido a la constante actualización del software, se requiere descargar muchos paquetes cada vez que actualizas el sistema (pero también es una ventaja, ¿no?)
  • Falta de documentación actualizada para el idioma español.
  • Ser una distro muy cool si no la usas.

En fin, ¡Felices 10 años al proyecto Archlinux!, gracias a todos los miembros de la comunidad por crear una distribución magnifica que me permite utilizar bien mis computadores todos los días. Veremos que depara el futuro del proyecto y ver si se convierte en una de las 4 distribuciones mas populares de GNU/Linux

2 comentarios

Life in a day: Película en youtube sobre un dia del ser humano

Publicado por Miguel Useche el 20 de febrero de 2012

Life in a day es una de las mejores películas que he visto, dirigida por Kevin Mcdonald y producida por Riddley Scott (Director de Alien, Blade Runner y Gladiador) sobre un día de vida en este planeta. Esta película está hecha en base a 80000 clips enviados por personas de 192 países sobre lo que hicieron el 24 de julio del 2010, luego editaron esas 4.500 horas de video y mostraron como empieza, se vive y termina un día en este planeta según cada cultura.

Lo interesante es ver como no hay actores sino personas común y corrientes, sin actuación sino mostrando como es un dia normal, también llamó la atención como se vive cada momento en cada cultura, las distintas clases sociales existentes, diferentes religiones, las especialidades de cada comida, entretenimientos, diferentes emociones, entre otros. Creo que cada persona debería ver esta película, sobre todo si les gusta viajar y mas si les encanta conocer cómo es nuestro mundo.

Life In A Day 2010 Film

Puedes ver «Life in a Day» en su canal oficial.

Deja un comentario