Artículos relacionados

• 5 buenos trucos para CSS
• Elimina las wordpress news de tu dashboard
• Recopilación de Reglas Másculinas
• JsTheme, un theme 2.0 para nuestro Wordpress
• Recopilación de Plugins para Wordpress

Compártelo

Etiquetas: asides, wordpress, hacks, 2 6

Instalación

1. Asegurate que tu navegador es Firefox 3 (no es compatible con otras versiones ni otros navegadores).



2. Instala Stylish.



3. Entra en Globex Designs y selecciona el formato del CSS que quieras tener.



4. Pulsa con el botón derecho sobre el código CSS y selecciona "Add File to Stylish".



5. Disfruta del nuevo gMail :D

Artículos relacionados

• 25 utilidades para mejorar gMail
• Mejorando Google Calendar con Stylish
• Usa Gmail para almacenar tus backups de mySQL
• Mejora el aspecto de tus tips (Ayuda)
• El funcionamiento de Gmail al descubierto

Compártelo

Etiquetas: curiosidades, webdev, css, firefox

Artículos relacionados

• La primera aplicación para iPhone
• Framework CSS y XHTML para desarrollar en iPhone y iPod Touch
• Novedades sobre el iPhone
• Administra tu blog nativamente desde el iPhone
• Aplicaciones de terceros nativas para el iPhone

Compártelo

Etiquetas: asides, wordpress, iphone

Antecendentes

....







<?php the_excerpt(); ?>

Leer más



....

Haciendoló más fácil al usuario

1. Mediante un plugin



2. En el fichero my-hacks.php



3. En el fichero functions.php de nuestro theme

// Cambia el nombre del META

define ("META_KEY", "KEY_DEFINIDA");



function auto_add_meta_images($postID) {

    // Solo añadirá la primera imagen como Meta

    $post = get_post( $postID );

    if (!get_post_meta($postID, META_KEY, true))

        add_post_meta($post->post_parent, META_KEY, $post->guid);

    return $postID;

}



add_action('add_attachment', 'auto_add_meta_images');

¿Como funciona?

Conclusión

Artículos relacionados

• ¿Que formato de imagen usar?
• Encripta el contenidos de tus posts
• Mis posts favoritos, plugin para Wordpress
• El universo en una imagen
• Añade etiquetas a tus páginas

Compártelo

Etiquetas: php, programacion, wordpress, hacks, webdev

Hace tiempo que quiero explicar como crear un theme para Wordpress desde cero, pero la verdad es que no tengo mucho tiempo para dedicarle al blog ultimamente.

Bueno el caso es que los chicos de CSS Tricks se me han adelantado y de que manera porque se han currado un theme desde cero y han hecho tres Screencast con los que cualquiera será capaz de crearse un buen theme para Wordpress a su completo gusto.

Vía | disea, wordpress, screencast, theme, themes

Muchos lo estamos esperando desde hace un tiempo, y la impaciencia va aumentando cada vez que mas servicios de Google van incorporando soporte offline mediante su Gears.

El último en hacerlo fué Google Docs y los próximos que muy probablemente den el salto y permitan ser usados sin conexión a internet será los dos grandes que faltaban, Gmail y Google Calendar. Lo cual, según Andrew Fogg, ingeniero de Google, podría suceder en unos 6 meses

Aunque ojo, en un movimiento extraño, Adrew Fogg, borro los twitts de su Twitter (valga la redundancia) en donde comentaba esas novedades. Afortunadamente en G.O.S. hicieron una captura, así que ahí quedan sus palabras. No creo que este rumor sea falso por esta acción, el soporte offline de Gmail y Google Calendar es un paso lógico y necesario para acercar las aplicaciones de Google al escritorio. Y porque vamos, es algo que esperamos muchos ¿no?.

Vía y screenshot: G.O.S.

Comparte esta anotación

Etiquetas: destacadas, gears, gmail, google calendar, offline

Ficha técnica:

• Nombre: Miguel Ford



• Url Blog: http://www.adseok.com/



• Proyectos: Adseok

Artículos relacionados

• 10 Entrevistas de la blogosfera
• Entrevista en Ayuda Wordpress
• Entrevista en Spam vs Hombre
• aNieto2k entrevistado :D
• Entrevista en TuExperto.com

Compártelo

Etiquetas: general, entrevistas

Artículos relacionados

• Live, para wordpress el fisgon mejorado
• Barras para estadísticas con CSS
• CSS Spy, las CSS no podrán ocultarte nada
• Graficos animados con Javascript
• FeedStats entre los mejores plugins de estadísticas para Wordpress

Compártelo

Etiquetas: wordpress, plugins

Paso 1: ¿Donde he de modificar el theme?

• Si no haces un theme es por que no quieres



• El Loop de Wordpress en Acción



• query_posts(), personalizando nuestros blogs

Paso 2: Modificar la estructura HTML

			


				
Recent Articles


				
Monthly Archives


				
Search


			


			


				


					




						



					


				




				


					




						



					


				




				




					



				


			


		
 

Paso 3: Integrar funcionalidades de Wordpress

			


				
Recent Articles


				
Monthly Archives


				
Search


			


			


				


					


					<?php $recent = new WP_Query("showposts=5");

						while($recent->have_posts()) : $recent->the_post();?>

							


							<?php the_title(); ?>

							


					<?php endwhile; ?>

					


				




				


					


						<?php wp_get_archives('type=monthly&limit=5'); ?>

					


				




				


				


					


						

						

					


				

				


			


		
 

1. 5 últimos posts (únicamente Título)



2. Archivo de los últimos 5 meses



3. Formulario de busqueda.

Paso 4: Estilizando el contenido

/*------TABS------*/



#container{

	width: 600px;

	margin: 0 auto;

}



h1{

	font-size: 1.3em;

	text-transform: uppercase;

	color: #949494;

	letter-spacing: 1px;

}



#tabsAndContent ul, #tabsAndContent li{

	padding: 0

}



ul#tabsNav{

	float: left;

	width: 200px;

	list-style: none;

}



ul#tabsNav li{

	background: url(images/tabsNavBg.png) no-repeat center #a8a8a8;

}



ul#tabsNav li:hover{

	background: url(images/tabsNavHover.png) no-repeat center #eee;

}



ul#tabsNav li.active{

	background: url(images/tabsNavActive.png) no-repeat center #fff;

}



ul#tabsNav li.active a{

	color: #303030;

}



ul#tabsNav li a{

	padding: 1em 15px;

	margin: 0 0 1em 0;

	display: block;

	width: 170px;

	text-decoration: none;

	color: #7e7e7e;

	font: 11px/20px Georgia;

	text-transform: uppercase;

}



ul#tabsNav a:hover{

	color: #0a0a0a

}



ul#tabContent{

	margin: 1em 0 0;

	background: url(images/tabContent.png) no-repeat top right#fff;

	min-height: 180px;

	width: 350px;

	float: left;

	list-style: none;

	padding: 0 25px;

	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}



#tabContent>li{

	width: 350px;

	list-style: none;

	padding: 0 25px 20px 0;

}



#tabContent li ul li{

	list-style: none;

}



#tabContent li ul li a{

	display: block;

	border-bottom: 1px solid #e7e7e7;

	padding: 10px 0;

}



#tabContent li ul li a:hover{

	background: url(images/tabContentHover.png) no-repeat center bottom;

}



form{

	padding: 30px;



}



form input{

	background: url(images/searchInputBg.png) repeat-x #ddd;

	border: 2px solid #cbc6c9;

	border-right: 0;

	padding: 5px;

	margin-right: 0;

	color: #fff;

	font: 16px Georgia, "Times New Roman", Times, serif;

}



#searchSubmit{

	border-left: 0;

	border-right: 2px solid #cbc6c9;

	margin-left: 0;

	position: relative;

	left: -3px;

	color: #00416c;

}



#searchSubmit:hover{

	background: url(images/tabContentHover.png) no-repeat center;

	color: #003459;

	cursor: pointer;

}

Paso 5: Ocultando y darle dinamismo a nuestro código

$('#tabContent>li:gt(0)').hide();

	$('#tabsNav li:first').addClass('active');

	$('#tabsAndContent #tabsNav li').bind('click', function() {

		$('li.active').removeClass('active');

		$(this).addClass('active');

		var target = $('a', this).attr('href');

		$(target).slideDown(400).siblings().slideUp(300);

		return false;

	});

Artículos relacionados

• Los 37 mejores plugins para jQuery
• Nueva version jQuery 1.0.3
• Wordpress 2.6 beta 2 disponible
• jQuery 1.1.2, ha visto la luz
• Visual jQuery Documentation, aún más fácil

Compártelo

Etiquetas: programacion, wordpress, hacks, javascript, themes

Artículos relacionados

• 21 extensiones para Firefox divertidas
• Manual para crear extensiones para Firefox
• 4 extensiones para complementar Firebug
• Reduce el consumo de memoria de Firefox
• Canvas 3D para Firefox 3 mediante una extensión

Compártelo

Etiquetas: webdev, firefox, plugins

• Añade sugerencias



• Añade AutoSuggest  (Crealo tu mismo o usa uno ya hecho)



• Crea validaciones simples en tus inputs



• Muestra elementos ocultos mediante un radiobutton

Artículos relacionados

• 8 consejos para mejorar la usabilidad
• Herramientas para mejorar sustancialmente tus formularios
• 8 utilidades para mejorar tus formularios
• 50 herramientas online de accesibilidad y usabilidad
• 20 consejos para ser un gran diseñador web

Compártelo

Etiquetas: usabilidad, webdev, forms

Artículos relacionados

• Por fin!, Firebug en Mozilla Firefox 3.0
• Detecta si Firebug está activo
• Firebug ScreenCast
• Firebug, mejora tu firefox
• Firebug 1.0 public beta, por fin!!

Compártelo

Etiquetas: actualidad, asides, red, webdev, firebug

Artículos relacionados

• Por fin!, Firebug en Mozilla Firefox 3.0
• Detecta si Firebug está activo
• Firebug ScreenCast
• Firebug, mejora tu firefox
• Firebug 1.0 public beta, por fin!!

Compártelo

Etiquetas: actualidad, asides, red, webdev, firebug

Desde PHP

<?php

class BlogoEdadApi {

	var $xmlFile = 'xml/'; // Indicamos el directorio



	function show($dia, $mes) {

			echo $this->felicitaciones($this->get($dia, $mes));

  	}



	  function get($dia, $mes) {

	  	$this->xmlFile .= $dia.$mes.'.xml';

	  	  if (file_exists($this->xmlFile) && filemtime($this->xmlFile) < 86400 + time())

				$xml = $this->getFromFile($this->xmlFile);

			else

				$xml = $this->getFromUrl('http://edad.anieto2k.com/api.php?d='.$dia.'&m='.$mes);

			return $this->parseXML($xml);

	  }



	  function getFromFile($xmlFile) {

	  	if (!function_exists("file_get_contents")) {

	  		$gestor = fopen($xmlFile, "r");

				$xml = fread($gestor, filesize($xmlFile));

				fclose($gestor);

	  	} else {

	  			$xml = file_get_contents($xmlFile);

	  	}

	  	return $xml;

	  }



	  function getFromUrl($url, $cache = true){

	  	if (!function_exists("file_get_contents")) {

	  			$ch = curl_init();

					curl_setopt($ch, CURLOPT_URL, $url);

					curl_setopt($ch, CURLOPT_HEADER, 0);

					$file = curl_exec($ch);

					curl_close($ch);

	  	}else {

	  		$file = file_get_contents($url);

	  	}

	  	if ($cache) $this->saveCache($this->xmlFile, $file);

	  	return $file;

	  }



	  function saveCache($xmlFile, $str) {

 	 		if(!is_writable(dirname($xmlFile))) die("Imposible almacenar el fichero XML, prueba darle permisos de escritura a la carpeta donde se alojan.");

	  		$fh = fopen($xmlFile ,"w");

	    	fwrite($fh,$str);

	    	fclose($fh);

	   }



	  function parseXML($xml) {

	  	// Parseo de XML

			$doc = new DOMDocument();

			$doc->loadXML($xml);

			$nodes = $doc->getElementsByTagName("user");



			$usuarios = array();

			if ($nodes->length > 0) { // Hay usuarios

	        for ($i = 0; $i < $nodes->length; $i++) {

	        		array_push($usuarios, array(

	        				'id' => $nodes->item($i)->getElementsByTagName('id')->item(0)->nodeValue,

	        				'name' => $nodes->item($i)->getElementsByTagName('nombre')->item(0)->nodeValue,

	        				'url' => $nodes->item($i)->getElementsByTagName('url')->item(0)->nodeValue

	        		));

	       }

			}

			return $usuarios;

	  }



		function felicitaciones($usuarios) {

			if (!is_array($usuarios) || sizeof($usuarios) == 0) return '
No hay felicitiaciones hoy
';

			$salida = '
';

			foreach ($usuarios as $user) {

						$salida .= '
'.$user["name"].'
';

			}

			$salida .= '
';

			return $salida;

		}

}

?>

anieto2k@eNToR:~/public_html$ mkdir xml

anieto2k@eNToR:~/public_html$ chmod 777 xml

<?php

include ("class.blogoedad.php");



$edad = new BlogoEdadApi();

$edad->show(date("d"), date ("m")); //Día actual del sistema.

// Devolver un Array

$arrayUsuarios = array();

$arrayUsuarios = $edad->get(03, 11); // Un array de los nacidos el 3 de noviembre.

foreach ($arrayUsuarios as $user)

....

?>

Plugin Wordpress

Instalación

1. Descargar el plugin



2. Descomprimir y subir a la carpeta wp-content/plugins/ de nuestro Wordpress



3. Crear la carpeta xml/ dentro del directorio blogoedad/ de wp-content/plugins/



4. Aplicarle estilos de escritura al directorio xml/



5. Activar el plugin

Modo de empleo

<?php if (function_exists("BlogoEdad"))

               BlogoEdad(); //Por defecto HTML, cualquier otro valor devolverá un array ?>

<?php if (function_exists("BlogoEdadDay"))

               BlogoEdadDay(14, 08); //Por defecto HTML, cualquier otro valor devolverá un array ?>

<?php if (function_exists("BlogoEdad")) BlogoEdad('array');

      //  o

      if (function_exists("BlogoEdadDay")) BlogoEdadDay(14, 08, 'array'); ?>

Artículos relacionados

• Felicidades Obokaman, rompiendo la estadística :D
• BlogDay 07
• BlogoEdad, primer día
• Playboy 31 años
• Scarlett Johansson, los años la están mejorando

Compártelo

Etiquetas: php, programacion, wordpress, plugins, webdev

Desde PHP

<?php

class BlogoEdadApi {

	var $xmlFile = 'xml/'; // Indicamos el directorio



	function show($dia, $mes) {

			echo $this->felicitaciones($this->get($dia, $mes));

  	}



	  function get($dia, $mes) {

	  	$this->xmlFile .= $dia.$mes.'.xml';

	  	  if (file_exists($this->xmlFile) && filemtime($this->xmlFile) < 86400 + time())

				$xml = $this->getFromFile($this->xmlFile);

			else

				$xml = $this->getFromUrl('http://edad.anieto2k.com/api.php?d='.$dia.'&m='.$mes);

			return $this->parseXML($xml);

	  }



	  function getFromFile($xmlFile) {

	  	if (!function_exists("file_get_contents")) {

	  		$gestor = fopen($xmlFile, "r");

				$xml = fread($gestor, filesize($xmlFile));

				fclose($gestor);

	  	} else {

	  			$xml = file_get_contents($xmlFile);

	  	}

	  	return $xml;

	  }



	  function getFromUrl($url, $cache = true){

	  	if (!function_exists("file_get_contents")) {

	  			$ch = curl_init();

					curl_setopt($ch, CURLOPT_URL, $url);

					curl_setopt($ch, CURLOPT_HEADER, 0);

					$file = curl_exec($ch);

					curl_close($ch);

	  	}else {

	  		$file = file_get_contents($url);

	  	}

	  	if ($cache) $this->saveCache($this->xmlFile, $file);

	  	return $file;

	  }



	  function saveCache($xmlFile, $str) {

 	 		if(!is_writable(dirname($xmlFile))) die("Imposible almacenar el fichero XML, prueba darle permisos de escritura a la carpeta donde se alojan.");

	  		$fh = fopen($xmlFile ,"w");

	    	fwrite($fh,$str);

	    	fclose($fh);

	   }



	  function parseXML($xml) {

	  	// Parseo de XML

			$doc = new DOMDocument();

			$doc->loadXML($xml);

			$nodes = $doc->getElementsByTagName("user");



			$usuarios = array();

			if ($nodes->length > 0) { // Hay usuarios

	        for ($i = 0; $i < $nodes->length; $i++) {

	        		array_push($usuarios, array(

	        				'id' => $nodes->item($i)->getElementsByTagName('id')->item(0)->nodeValue,

	        				'name' => $nodes->item($i)->getElementsByTagName('nombre')->item(0)->nodeValue,

	        				'url' => $nodes->item($i)->getElementsByTagName('url')->item(0)->nodeValue

	        		));

	       }

			}

			return $usuarios;

	  }



		function felicitaciones($usuarios) {

			if (!is_array($usuarios) || sizeof($usuarios) == 0) return '
No hay felicitiaciones hoy
';

			$salida = '
';

			foreach ($usuarios as $user) {

						$salida .= '
'.$user["name"].'
';

			}

			$salida .= '
';

			return $salida;

		}

}

?>

anieto2k@eNToR:~/public_html$ mkdir xml

anieto2k@eNToR:~/public_html$ chmod 777 xml

<?php

include ("class.blogoedad.php");



$edad = new BlogoEdadApi();

$edad->show(date("d"), date ("m")); //Día actual del sistema.

// Devolver un Array

$arrayUsuarios = array();

$arrayUsuarios = $edad->get(03, 11); // Un array de los nacidos el 3 de noviembre.

foreach ($arrayUsuarios as $user)

....

?>

Plugin Wordpress

Instalación

1. Descargar el plugin



2. Descomprimir y subir a la carpeta wp-content/plugins/ de nuestro Wordpress



3. Crear la carpeta xml/ dentro del directorio blogoedad/ de wp-content/plugins/



4. Aplicarle estilos de escritura al directorio xml/



5. Activar el plugin

Modo de empleo

<?php if (function_exists("BlogoEdad"))

               BlogoEdad(); //Por defecto HTML, cualquier otro valor devolverá un array ?>

<?php if (function_exists("BlogoEdadDay"))

               BlogoEdadDay(14, 08); //Por defecto HTML, cualquier otro valor devolverá un array ?>

<?php if (function_exists("BlogoEdad")) BlogoEdad('array');

      //  o

      if (function_exists("BlogoEdadDay")) BlogoEdadDay(14, 08, 'array'); ?>

Artículos relacionados

• Felicidades Obokaman, rompiendo la estadística :D
• BlogDay 07
• BlogoEdad, primer día
• Playboy 31 años
• Scarlett Johansson, los años la están mejorando

Compártelo

Etiquetas: php, programacion, wordpress, plugins, webdev

// Simple JavaScript Templating

// John Resig - http://ejohn.org/ - MIT Licensed

(function(){

  var cache = {};



  this.tmpl = function tmpl(str, data){

    // Figure out if we're getting a template, or if we need to

    // load the template - and be sure to cache the result.

    var fn = !/\W/.test(str) ?

      cache[str] = cache[str] ||

        tmpl(document.getElementById(str).innerHTML) :



      // Generate a reusable function that will serve as a template

      // generator (and which will be cached).

      new Function("obj",

        "var p=[],print=function(){p.push.apply(p,arguments);};"  



        // Introduce the data as local variables using with(){}

        "with(obj){p.push('"  



        // Convert the template into pure JavaScript

        str

          .replace(/[\r\t\n]/g, " ")

          .split("<%").join("\t")

          .replace(/((^|%>)[^\t]*)'/g, "$1\r")

          .replace(/\t=(.*?)%>/g, "',$1,'")

          .split("\t").join("');")

          .split("%>").join("p.push('")

          .split("\r").join("\\'")

        "');}return p.join('');");



    // Provide some basic currying to the user

    return data ? fn( data ) : fn;

  };

})();

//HTML

/* Sin procesamiento en el template */



/* Con procesamiento en el template */





// JAVACRIPT 

var results = document.getElementById("results");

results.innerHTML = tmpl("item_tmpl", dataObject);



var show_user = tmpl("item_tmpl"), html = "";

for ( var i = 0; i < users.length; i   ) {

  html  = show_user( users[i] );

}