Archivo de la categoria: Desarrollo

Google Analytics es una de las más poderosas herramientas de estadísticas web, con la que podremos ver información tan útil como visitantes únicos, impresiones, procedencia de las visitas, enlaces que visitan y, por supuesto, un largo etcétera de posibilidades. Todo esto sumado a su fiabilidad, yo y muchos usuarios lo tomamos como referencia para determinar que tal va un sitio web, hacen de Google Analytics una herramienta indispensable para todo webmaster.

Si estamos interesados en vender banners por ejemplo, nos interesará dar conocer algunos de estos datos y por tanto al posible interesado le gustará saber también información sobre cuantos usuarios visitan el sitio. Es por eso que webresourcesdepot ha lanzado una clase para mostrar estadísticas de Google Analitycs en nuestra web, haciendo uso de GAPI (para facilitar el trabajo con el API de Analytics), cuyo funcionamiento es muy sencillo.

He actualizado el paquete de XAMPP a la última versión, pero a la hora de ejecutar mis aplicaciones web, las cuales se conectan a MYSQL mediante PDO, obtengo un Warning: PDO como el siguiente:

Warning: PDO::__construct() [pdo.--construct]: [2002] Argumento inválido (trying to connect via unix://)

Este error es debido a que PDO necesita saber donde se encuentra el socket de MYSQL, de modo que configuraremos el archivo php.ini y añadiremos el socket que usaremos por defecto. Para XAMPP instalado en Linux nos dirigimos a "/opt/lampp/etc/php.ini" y lo editamos con nano o vi. Buscaremos la línea que tenga "pdo_mysql.default_socket" (si no existe la creamos) y añadimos como valor "/opt/lampp/var/mysql/mysql.sock". Al final quedaría así:

pdo_mysql.default_socket = /opt/lampp/var/mysql/mysql.sock

Por últimos guardaremos los cambios y reiniciaremos el servidor. Una vez terminado el proceso, probraremos nuestro script obteniendo las conexiones de PDO sin problemas.

Ésta CheatSheet para Wordpress es bastante útil para desarrolladores de templates en Wordpress, ya que incluye todo lo relacionado para crear un template de forma clara y concisa. Para los lectores que no sepan qué es un CheatSheet, puedo decir que son hojas de referencias o guías que dan información agrupando las reglas comunes y expresiones de algún sistema, en este caso Wordpress. Sirve a los desarrolladores para recordar cómo se utilizan algunas funciones o como se llaman, una especie de chuleta. Los CheatSheet en general deben ser pocas páginas y la información debe estar lo más clara posible.

Podeis encontrar varias hojas de referencias CheatSheet para programadores en addedbytes, ordenadas por distinto lenguajes de programación. Y para programadores de templates para Wordpress podéis descargar la CheatSheet de Splashnology.

Cuando comencé con las páginas Web, hace ya bastante tiempo, uno de los problemas que me enfrentaba día a día era el de como mostrar acentos en el HTML. Utilizaba millones de funciones en PHP, como utf8enconde, utf8decode, sin saber realmente que estaba haciendo. Hasta que un día leí sobre las codificaciones de los documentos y sus cabeceras. Mostrar acentos en un documento HTML "es fácil", aquí no vamos a explicar qué es la codificación o cómo se inventó el UTF-8, para eso podéis visitar la Wikipedia, con bastante más información de la que puedo dar. Nos centraremos en como crear una página Web con acentos sin ningún tipo de problema.

Ser Webmaster es una tarea bastante complicada y para ejercerla lo más importante es que nos guste y dispongamos de un gran número de horas libres, ya que para realizar cualquier proyecto intervienen muchos factores ya sea diseño, programación, optimización de nuestro código, consultas, SEO, marketing, y un grandísimo etc. Cada vez existen más herramientas online y por suerte gratuitas para nosotros (no obstante habría que apreciar el trabajo del desarrollador o dar una pequeña bonificación por el uso de su herramienta) que hacen que la tarea de ser Webmaster sea un poco menos dura. Hoy hablaremos de dos herramientas online que utilizo para optimizar mis proyectos, reduciendo el código CSS y código Javascript para una mejor carga de nuestra Web.

Mockups es una aplicación bastante potente para realizar Wireframes de forma profesional en pocos minutos. Anteriormente hablamos de realizar Wireframes en papel, pero creo que esta es una buena alternativa por su fácil manejo. Mockups esta desarrollada para los sistemas operativos Windows, Mac y Linux. También cuenta con una aplicación desarrollada en la "nube" para poder trabajar online desde cualquier sitio tan solo importando y exportando un XML. Soporta todos los atajos del teclado como copiar, pegar, deshacer, etc. Esto hace que sea muy sencillo colocar los objetos en pantalla y realizar nuestro diseño. La aplicación es comercial y se puede obtener por 79$, no obstante se puede utilizar la demo con algunas cosas deshabilitadas como puede ser la posibilidad de editar múltiples Mockups o exportar a PNG. Cabe destacar que la versión web es totalmente gratuita sin ninguna restricción conocida.

Cuando realizamos una petición Ajax, ya sea en el framework que estemos utilizando, nos hará falta en bastante ocasiones tener que llamar alguna función en Javascript o realizar alguna sentencia. Ya sea antes o después de la petición, o antes o después de pintar los datos en HTML. Vamos a practicar tres formas posibles de usar Javascript en peticiones Ajax mediante Mootools.

Las figuras que nos deja dibujar PHP con la librería GD son las más básicas, como puede traernos cualquier editor de imágenes básico. Vamos a ver como se crean las siguientes figuras: rectángulo, cuadrado, y círculo. Para ello necesitamos tener habilitado la librería GD para nuestro servidor PHP. Antes de empezar podéis echar un vistazo a como crear imágenes en Html mediante PHP GD.

No es una "carga" real de la imagen mediante CSS, lo que añadiremos será una imagen de fondo de modo que parezca un preloader, así dará la sensación de carga al usuario. La carga de imágenes se puede realizar mediante Javascript y resultaría más óptimo, pero una carga de este tipo es más fácil de implementar y los resultados a la vista son parecidos; repito que es más optimo es realizarlo mediante Javascript, pero una página con pocas imágenes queda bastante bien mientras está el proceso de carga.

MaxImage es un plugin para Jquery que escala la imagen que nosotros le digamos al tamaño completo de su contendor. Es decir por ejemplo una imagen que sea de 3000px no cabría en un monitor con una resolución de 1280px. MaxImage se encarga de reducir el tamaño al mismo que su contenedor padre. El plugin además tiene la posibilidad de activar un slideshow de imágenes. Muy útil se queremos realizar una galería de imágenes en pantalla completa como se puede observar en la demostración.

Con la nueva versión de CSS3 ya no necesitaremos usar estos plugins y podremos realizarlo con la nueva propiedad background-size que se encargara de dar un tamaño a la imagen para utilizarla de fondo en alguna capa. Si le damos valor 100% se mostrara al tamaño máximo de la capa, escalando la imagen como realiza el plugin.

Fuente y demo: Aaronvanderzwan