Python tes un lenguaje bello, simple y poderoso, y ya se bastante del mismo, y me acabo de enterar de que salio una revisa gratuita para desarrolladores y aficionados de Python, a mi me cae perfecto puesto que son pocas hojas y con información clara y precisa.

PET: Python Entre Todos

Ademas esta en varios formatos y los trozos de código ayudan mucho a lo iniciado como yo en Python.

Los temas que trae el numero 1 de la revisa son:

• PET First Shot
• Cómo contribuir a PET
• PyAr, la historia
• from gc import commonsense – Finish Him!
• Concurrencia Indolora: el módulo processing
• Introducción a Unit Testing con Python
• Taint Mode en Python
• Dinamismo Aplicado
• Decorando Código (Parte 1)
• Web2Py Para Todos
• ¿Cómo Está Hecha Esta Revista?
• Desafío PET
• Un poco de xkcd

Yo ya la baje y ya la estoy estudiando, ojala y le sirva a todos como a mi y ayudemos entre todos a difundir este increíble lenguaje.

Web de la revista: Python Entre Todos(PET)

Enlace de descarga: Descarga Python Entre Todos(PET)

El maestro Jhon Resig, que ya nos tiene acostumbrados a sus platicas, nos presenta un video en donde vemos el uso de Javascript, con algunos trucos que nos seran de gran utilidad.

Son consejos simples, en donde tambien vemos el uso/manejo del DOM, y por supuesto el manejo de Jquery, es en ingles, pero como muchos lo dominan bastante bien, se que no les sera dificil, les dejo el video a ver que les parece.

Javascript y Jquery

[googlevideo]http://video.google.com/videoplay?docid=-7485992465859932389[/googlevideo]

Y tambien les dejo el PDF de la presentacion para que puedan ver todo lo que se trato en el video

Descargar aqui PDF javascript y Jquery

Via | JavaScript Talk at Northeastern

Enlace de Descarga del libro

El libro al parecer esta en un período de 60 dias de descarga gratuita, una vez transcurrido este tiempo, el libro costara $29.95 (? no dice que pero creo que será dolares).

Bueno pues que esperan yo la lo descarge y le estoy hechando una hojeada, esta en inlges pero se ve que esta chido.

Para desacargarlo solo basta con dar click en el link siguiente y poner su direccion de mail, pero apurense porque son 60 dias y ya pasaron varios dias.

Link de descarga | http://www.sitepoint.com/books/rails1/freebook.php
Visto en | Ebook Gratis: Ruby on Rails para principiantes

Ahora vayamos a lo que nos interesa(“programar”).

Primero necesitamos un archivo php o html para poder colocar nuestras tabs.
Empezaremos creando una tabla en HTML de la siguiente forma

[source:html]

[/source]

En la cual la primer celda sera donde estaran nuestra pestañas, y en la siguiente celda sera donde estara nuestro resultado.

Ahora creamos un div que contendra a nuestros tabs, al cual le agregamos la clase “Tab”

[source:html]

[/source]

Dentro de este div, insertaremos una lista, desordenada, la cual contendra unos links a una funcion javascript que utilizara ajax, asi como un texto(el texto no importa) este exto debera de ir dentro de uns etiquetas span, para poder agregarle ciertos estilos, con esto tendremos nuestro codigo de esta forma.

[source:html]

[/source]

Les recalco que los datos que estoy enviando como parametros es texto el cual despues, lo pueden modificar para adaptarlo a sus necesidades.

Continuamos ahora con le CSS donde estara lo divertido.

Definiremos primero los tipos de letra preefinidos para toda la pagina web.

[source:css]

body {font-family: Geneva, Arial, Helvetica, sans-serif; }

[/source]

Creamos posteriormente la clase Tab, con ciertas caracteristicas

[source:css]

.Tab {
float:left;
width:100%;
background:#99CCFF;
font-size:93%;
line-height:normal;
}
[/source]

A los links y a la lista se le agregaran estilos de la misma forma, en el ejemplo les adjunto las imagenes que estoy usando son solo dos imagenes.
y nos quedaria asi

[source:css]
body {font-family: Geneva, Arial, Helvetica, sans-serif; }

.Tab {
float:left;
width:100%;
background:#99CCFF;
font-size:93%;
line-height:normal;
}
.Tab ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
.Tab li {
display:inline;
margin:0;
padding:0;
}
.Tab a {
float:left;
background:url(“izq.gif”) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
.Tab a span {
float:left;
display:block;
background:url(“der.gif”) no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
.Tab a span {float:none;}
.Tab a:hover span { color:#000;}
.Tab a:hover {background-position:0% -42px; }
.Tab a:hover span {background-position:100% -42px;}
[/source]

De estta forma ya tenemos los tabs y nuestro codigo estaria de la siguiente forma.

[source:html]

[/source]

Ahora solo nos resta hacer la parte de ajax como los vimos en el primer manual (puedes verlo desde aqui).

[source:javascript]

[/source]

y listo, solo les recuerdo que para hacer pruebas utilice solo la funcion var_dump de php claro que ustedes pueden tener una pagina web completa, o algo similar.

archivo proceso.php
[source:php]
var_dump($_GET);
?>
[/source]

y por ultimo tenemos el codigo final de la siguiente forma

[source:html]

[/source]

Listo!!!!

Cualquier duda no duden en preguntarmela

Descarga del ejemplo: Creando tabs con css y javascript

Actualizado!! Descarga del Manual de Tabs con Ajax en PDF

Descarga:Manual de ajax en pdf en español