Textualizer es un plugin jQuery con el que podrás realizar transiciones entre textos con hasta cuatro efectos diferentes como: aparición progresiva (fadeIn), desplazamiento a la izquierda (slideLeft), desplazamiento arriba (slideTop) y efecto aleatorio (ramdom), además el plugin acepta cualquier número de palabras.
Para ello primero definimos los tres estados diferentes:
.textualizer('pause') // Pausar animaciones finalizando la animación
.textualizer('stop') // Parar la animación
.textualizer('destroy') // Elimina la instancia
Para utilizarlo, descargar el fichero js y alojarlo en tu servidor, realizar las llamadas correspondientes desde tu código, estas son algunas de las variables que se pueden configurar:
var list = ['first blurb', 'second blurb', 'third blurb']; // list...
Una gran utilidad para webmasters y programadores, es disponer de una base de datos SQL de provincias y poblaciones españolas.
Son muchos los proyectos en internet que requieren completar formularios con los clásicos campos de población y provincia y cada vez más útil también las coordenadas latitud y longitud así como el código postal.
La tabla de provincias de España contiene los elementos:
idprovincia: un identificador
provincia: el nombre de la provincia
provinciaseo: la provincia sin espacios, letras raras, etc…
provincia3: un identificador de 3 letras
La tabla de poblaciones de España contiene los elementos:
idpoblacion: un identificador
idprovincia: el identificador de la tabla provincias
poblacion: el nombre de la población
poblacionseo: la población sin espacios,...
En muchas ocasiones, especialmente cuando tenemos un blog en WordPress que nos está dando problemas con la velocidad de carga o se demora más de lo previsto al realizar consultas, nos puede ser de gran utilidad conocer información a cerca de tiempo de carga, consumo de PHP y de las consultas realizadas a la base de datos.
Para conocer esta información bastará con añadir el siguiente código comentado en el píe de nuestro blog (por lo general en el fichero footer.php) justo antes de la etiqueta </body>
<!– Tiempo de carga: <?php timer_stop(1); ?> segundos. –> <!– Consumo de PHP: <?php echo round(memory_get_usage()/1048576,2) ?>MB. –> <!– Base de datos: <?php echo get_num_queries(); ?> consultas. –>
Puede...
Para mostrar el contenido completo de un objeto, en Firefox, se puede utilizar la siguiente sentencia:
alert(object.toSource());
También se puede acceder a todos los elementos de un objeto mediante un bucle FOR EACH (utilizado para recorrer los elementos de una estructura de datos). En la siguiente sentencia MostrarObjeto monstrará un alert() que muestra todas las propiedades y los valores respectivos.
function ImprimirObjeto(o) {
var salida = ”;
for (var p in o) {
salida += p + ‘: ‘ + o[p] + ‘\n’;
}
alert(salida);
}
Por ejemplo:
<head>
<title>Mostrar el contenido de un objeto</title>
<script type="text/javascript">
function MostrarObjeto(o) {
var salida = '';
for (var p in o) {
salida += p + ': ' + o[p] +...
Los blogs que empezaron en WordPress hace unos años o las instalaciones por defecto de nuevos blogs, arrastran un “problema” con la estructura de sus enlaces permanentes (permalink). A pesar de ser muchos los que se han interesado con el tema de posicionamiento en buscadores (SEO) por mejorar esta estructura de enlaces en los últimos años, aún quedan bastantes blogs donde se puede ver la siguiente estructura de enlaces nada recomendable.
Por ejemplo, esta es la estructura de permalink que crea WordPress por defecto recién instalado:
http://www.ejemplo.com/?p=666
Con el interés por el posicionamiento en los blogs se hizo muy popular la siguiente estructura, a pesar de ser mucho más larga que la anterior. Aporta datos interesantes dentro de la misma URL como: fecha...
Cualquier webmaster que ofrezca o requiera que sus usuarios rellenen un formulario online, sabrá de las dificultades que supone que sus usuarios completen correctamente todo el procesos de registro y/o compra. A pesar de que la mayoría de navegadores ofrecen opciones de autocompletado de formularios y de ayudas para que los usuarios realicen el proceso de alta de datos correctamente, sin necesidad de que rellenen los mismos datos una y otra vez durante el día, recordando la información que ya han introducido, por ejemplo: nombres, direcciones, correo electónico, fechas…
Desde Google, se ha comenzado a dar soporte a un nuevo atributo en fase de pruebas de tipo de autocompletado. Este permite a los desarrolladores web etiquetar texto de forma inequívoca y seleccionar ...
El caso Megaupload está causando muchas preocupaciones entre webmasters de foros en los que se intercambiaban enlaces para descargar desde este tipo de servidores. Por el momento ya han quedado inutilizables todos los enlaces que apuntaban hacia megaupload.com y se espera que ocurra lo mismo con otros servidores similares.
El caso es que en estos foros existen multitud de temas abiertos con este tipo de enlaces y en la mayoría de los casos eliminar enlace por enlace dentro de cada tema del foro se hace una tarea inviable.
¿Cómo podemos eliminar los enlaces de todos los temas de un foro de forma automática?
Existen varias posibilidades, (si se te ocurre alguna mejor, puedes dejárnosla en los comentarios) pero la que nos parece más sencilla y rápida de llevar a cabo es la...
Seguro que te has parado a pensar en más de una ocasión cómo funciona el contador de caracteres de Twitter. Pues bien, implementarlo en tu página es mucho más sencillo de lo que pueda parecer.
Gracias al siguiente plugin jQuery conseguirás la misma función que utiliza Twitter dentro de las cajas para escribir un nuevo tweet, con la opción de alertar con la cantidad de caracteres restantes. De gran utilidad por ejemplo, para cajas de comentarios dentro de un blog.
Lo primero que conseguimos con este plugin es crear un elemento “sibling” que se añade seguido del elemento form que será el contador “counter“, que es donde se almacena la información de caracteres restantes. Cada vez que se rellena un campo, cambia la función “counter” y el...
A pesar de que a la hora de programar y ver el código fuente de nuestra página se hace mucho más sencillo visualizarlo tabulado y con espacion entre etiquetas, una muy buena forma de agilizar la carga de la página es mostrar el código html sin tabulaciones ni espacioes entre tags. Añadiendo la siguiente función conseguiremos comprimir el código de nuestra web:
function limpiarhtml($codigo){
$buscar = array('/\>[^\S ]+/s','/[^\S ]+\</s','/(\s)+/s');
$reemplazar = array('>','<','\\1');
$codigo = preg_replace($buscar, reemplazar, $codigo);
$codigo = str_replace("> <", "><", $codigo);
return $codigo;
}
El siguiente es un ejemplo de código html con tabulaciones y espacios entre tags:
<div class="sinestilo">
<h1>
...
A pesar de que existen otras formas de detectar cuando Google visita nuestra web, la siguiente puede servirnos especialmente cuando lanzamos una web que aún no tiene mucho contenido y por lo tanto, no esperamos que los rastreadores de Google, también llamados spider, nos visiten muy a menudo.
La idea es pegar el siguiente script en tu web y que cada vez que Googlebot se pasa por ella, nos llegue un email a la dirección que nosotros especifiquemos para avisarnos de que el spider de Google ha visitado nuestra página.
<?php if ( strpos( $_SERVER['HTTP_USER_AGENT'], ‘Googlebot’ ) !== false )
{
// Escribe tu correo electronico
$email_address = ‘tu@email.com’;
// Enviar un email cada vez que Google pase por tu web
mail($email_address,’Spider de...
