Desarrollo web
PressWork: un excelente framework para WordPress
2Cuando nos dedicamos al desarrollo de sitios web usando como base WordPress, podemos utilizar alguno de los miles de temas disponibles para este CMS, pero no siempre es posible hacer esto con todos nuestros proyectos.
Muchas veces necesitamos que el sitio tenga un diseño exclusivo o puede que ninguno de los temas disponibles se adapte a nuestras necesidades. En esos casos tenemos dos opciones: diseñar nuestro propio tema o usar un “framework” para WordPress.
JavaScript avanzado: conversión decimal-hexadecimal
1El parámetro que le pasamos al método toString() indica la base a la que queremos convertir el número, en este caso 16 para conversión hexadecimal.
El segundo parámetro de la función parseInt() indica la base del número que estamos convirtiendo.
var a = (255).toString(16); // a = ff
var b = parseInt( 'ff', 16 ) // b = 255
var c = parseInt('0xff'); // c = 255
Google Analytics en tiempo real
2Para cualquier administrador de un sitio web, saber el número de usuarios que lo visitan, por dónde llegan estos usuarios, cuanto tiempo están en este sitio web o qué páginas son las más visitadas es fundamental.
Existen muchos sistemas de medición de estadísticas para sitios web. Algunos de estos sistemas ya ofrecían información de las visitas en tiempo real, pero con Google Analytics hasta ahora solo podíamos consultar las visitas pasadas que se almacenaban en nuestro perfil.
Ahora Google presenta una característica muy esperada, Google Analytics en tiempo real. Esta funcionalidad nos ofrece nuevos informes para saber qué está pasando en nuestra web en ese mismo momento.
Archivos PDF en los resultados de búsqueda de Google
1Un artículo publicado en el blog oficial de Google para Webmasters explica los detalles sobre la indexación de archivos PDF que realiza el buscador.
Nuestra misión consiste en organizar la información del mundo y hacer que resulte útil y accesible para todos los usuarios. En esta ambiciosa tarea, a veces nos encontramos con archivos que no son HTML, como archivos PDF, hojas de cálculo y presentaciones. Nuestros algoritmos no se detienen ante formatos de archivo diferentes; trabajamos duro para extraer el contenido relevante e indexarlo de forma adecuada para poder incluirlo en los resultados de búsqueda. Pero, si estos formatos de archivo suelen diferenciarse tanto de los archivos HTML estándar, ¿cómo indexamos realmente estos archivos y qué directrices aplicamos? ¿Y si un webmaster no quiere que los indexemos?
Plugins de Google Analytics para gestores de contenidos
1Cada vez es más común utilizar un gestor de contenidos para construir nuestra web, blog, etc. En definitiva, cualquier espacio en Internet.
Joomla!, WordPress, Drupal… Estos gestores se caracterizan por su fácil instalación y la flexibilidad a la hora de personalizar y actualizar los contenidos.
Ahora bien, no es tan fácil realizar el seguimiento del tráfico ya que técnicamente puede ser delicado tocar el código PHP para incluir los códigos de seguimiento de las herramientas de analítica web. Además, en caso de cambiar la plantilla de diseño del espacio web, normalmente tendríamos que insertar nuevamente el código de seguimiento. Para facilitarnos el trabajo, existen plugins o complementos que nos permiten incluir este código de una manera rápida y cómoda.
Cómo cuenta las visitas Google Analytics
1El pasado 11 de agosto se realizó un pequeño cambio en la forma en que son registradas las sesiones de navegación en Google Analytics.
Antes, las sesiones de Google Analytics terminaban cuando:
Transcurrían más de 30 minutos entre dos páginas vistas del visitante.- Al final del día.
- Cuando el visitante cerraba el navegador.
Si alguno de estos eventos ocurría, la siguiente página vista del visitante iniciaba una nueva sesión.
En el nuevo modelo, Google Analytics termina la sesión cuando:
- Transcurren más de 30 minutos entre dos páginas vistas del visitante.
- Al final del día.
- Cuando alguno de los datos de la fuente de tráfico cambia. Por ejemplo, utm_source, utm_medium, utm_term, utm_content, utm_id, utm_campaign y glcid.
Si cualquiera de estos eventos ocurre, la siguiente página vista del visitante creará una nueva sesión.
JavaScript avanzado: insertar un array en otro array
2El método splice() se puede usar para insertar un array dentro de otro en una posición determinada.
var a = [1,2,3,7,8,9]; var b = [4,5,6,]; var pos = 3; a.splice(pos, 0, b); document.write(a); // imprime: 1,2,3,4,5,6,7,8,9
Bloquear acceso a archivos con .htaccess
4Vamos a ver varios ejemplos de cómo impedir el acceso a archivos de nuestro servidor.
Por ejemplo, si al intentar acceder a http://www.tudominio.com/.htaccess no recibes un “Forbidden“, significa que este tipo de archivos no están protegidos contra el acceso en la configuración de tu servidor. Para solucionarlo, edita (si ya existe) o crea un archivo .htaccess en el directorio raíz de tu espacio web con las siguientes líneas en su interior:![]()
<Files .htaccess> Order allow,deny Deny from all </Files>
JavaScript avanzado: eliminar un elemento por valor en un array
2El método indexOf() devuelve la posición de un elemento en un array o -1 si no se encuentra.
El método splice() añade y/o elimina elementos en un array, y devuelve el elemento eliminado.
Sintaxis
array.splice(index, num, elemento1, ... , elementoX);
- index – Requerido. Un entero que especifica en qué posición añadir/eliminar elementos.
- num – Requerido. Número de elementos a eliminar. Si se establece en 0, no se eliminarán elementos.
- elemento1, … , elementoX – Opcional. Los nuevos elementos a añadir al array.
var arr = ['a', 'b', 'c', 'd']; var pos = arr.indexOf( 'c' ); pos > -1 && arr.splice( pos, 1 ); document.write(arr); // imprime: a,b,d
CSS: Cajas con sombra para todos los navegadores usando box-shadow + Shadow Filter
3Vamos a ver cómo conseguir un interesante efecto de sombra usando solamente CSS. En el ejemplo aplicaremos la sombra a un div, pero este efecto se puede usar prácticamente con cualquier elemento HTML, como imágenes, tablas, formularios, etc.
Aunque para las versiones actuales de todos los navegadores solo sería necesario usar la propiedad estándar “box-shadow“, para lograr la compatibilidad con todos los navegadores y sus versiones, vamos a utilizar 5 propiedades distintas.
Las dos primeras son necesarias para versiones anteriores de Mozilla Firefox y de navegadores basados en WebKit, como Safari y Google Chrome. La tercera propiedad es la estándar de CSS 3, válida para Opera y para todos los navegadores actuales. Las dos últimas son filtros específicos de Microsoft (Shadow Filter) y son necesarias para antiguas versiones de Internet Explorer.






