Blender es un programa multiplataforma, dedicado especialmente al modelado, animación y creación de gráficos 3D. Para los que no lo conocen les pongo un screenshot:
Encontré esta guía bastante buena para empezar de cero con Blender. Luego hay otras guías más completas y hasta libros, pero ésta particularmente es buena para empezar a conocer la aplicación sin enloquecer por la cantidad de opciones y botones de la interfaz.
[ Descargar en PDF ]
A la hora de diseñar con CSS nos encontramos con que nustro sitio se vé distinto según en qué navegador lo vemos. Esto es porque cada navegador interpreta «como quiere/puede» los estilos CSS, ateniendose en mayor o menor grado a la norma estandar.
Internet Explorer (en todas sus versiones) es el naufragador(sic) que menos respeta los estandares y es por eso que causa muchos dolores de cabeza a los diseñadores web, multiplicando su trabajo.
1. Realizar el diseño para Firefox o cualquier navegador que respete estándares.
por ejemplo:
#contenedor { margin: 10px 10px 10px 10px; }
2. Una vez comprobado que el diseño se ve bien, debemos hacer una segunda definición de cada estilo que no se vea bien en IE7, duplicando el estilo y añadiendo *:first-child+html :
#contenedor { margin : 10px 10px 10px 10px; }
/* Solo para IE7 | gracias por hacerme trabajar de más */
*:first-child+html #contenedor { margin : 2px 2px 2px 2px; }
Así, IE7 pisará el primer estilo y mosrará las cosas como queremos, mientras que los
navegadores que leen perfectamente CSS se quedarán con el primero.
Hay otra forma de crear estilos diferenciales, pero no es muy recomendada porque hacen que nuestro código no «valide» como 100% estandar.
por ejemplo:
body {
background: #FFFFFF /* Firefox y los demás */
*background: #000000 /* IE7 e inferiores */
_background: #CCCCCC; /* Sólo IE6 */
}
Otra solución es utilizar una librería javascript que corrige los errores de Internet Explorer en cualquiera de sus versiones, inclusive la 8.
Es muy facil de usar, solo hace falta bajar el archivo de acá , copiarlo dentro de una carpeta /js en el directorio raíz y agregar en el <head> del sitio:
<!--[if lt IE 8]> <script src="js/IE8.js" type="text/javascript"></script> <![endif]-->
En mi trabajo me asignaron a un proyecto nuevo para mi, donde tendré que realizar mejoras y correcciones a un sistema de e-learning el cual está programado en PHP orientado a objetos y utiliza {es:Smarty} como motor de templates.
El tema fue que al revisar mi IDE preferida {es:Netbeans} me dí cuenta que no tenía soporte para Smarty, osea, que no entendía las etiquetas ni resaltaba la sintaxis de los archivos propios del motor.
Busqué alguna otra IDE que soportara Smarty, supuestamente Aptana lo hacía pero no logré hacer funcionar ese plugin.
EDIT 22/11/2009 : APTANA deja de soportar Smarty si instalas los plugins de PHP. Si dejas la ide tal cual la instalas, soporta Smarty. Y además podés trabajar en un servidor remoto a través de SFTP. Actualmente estoy usando APTANA.
Otra IDE que cumplia con todo lo que necesitaba es Komodo, pero no es libre y la licencia sale u$s295. así que decidí ver que podía hacer para «acomodarme», bien a la argentina, con Netbeans. Les cuento como me fué:
En el menú superior encontramos «Tools» -> «options» . Dentro del cuadro de diálogo, abajo a la izquierda encontramos un botón «Advanced options«.
Dentro de opciones avanzadas vamos a «Ide configuration» -> «System» -> «File tipes«.
Buscamos «PHP.xml » y hacemos botón derecho -> abrir. Vamos a ver que en el editor se abre este archivo, en donde se indican que extensiones deben ser tratadas como archivos PHP.
Lo que vamos a hacer es agregar las extensiones que usamos con Smarty para que al menos nos resalte la sintaxis básica, aunque no reconozca las etiquetas propias del motor.
Agregamos al archivo estas dos líneas (las del recuadro rojo):
Grabamos el archivo, cerramos Netbeans y al volver a abrirlo ya nos reconoce los archivos de Smarty como si fueran PHP.
Luego, todas las etiquetas de Smarty son entre llaves, por ejemplo:
{#pagename#}
{$smarty.now}
Entonces se me ocurrió agregar un atajo para facilitar la escritura de las etiquetas. Hice así:
Desde el menú principal vamos nuevamente a «Tools» -> «Options«. Vamos al segundo ícono -> «Editor» y luego a la solapa «Code templates«. Luego «new» para agregar un nuevo atajo. Hay que definirle un nombre, yo le puse «sm» por Smarty, aparte es muy cómodo.
Luego en «Expanded text» agregamos lo siguiente:
{{$cursor} }
y damos «ok«. Ahora cada vez que escribamos «sm» y presionemos la tecla «tab» apareceran las dos llaves { } con el cursor titilando dentro, listo para escribir la etiqueta de Smarty.
Si bien no es la solución definitiva, digamos que con estas ayudas se puede trabajar con Smarty sin sangrado de retinas xD.
«Libres de monopolios sobre el conocimiento y la vida: hacia una
convergencia de movimientos.»
[ Bajar libro completo en PDF ]
La Fundación Vía Libre, gracias al apoyo de la Fundación Heinrich Böll,
invita a la presentación de su nuevo libro «Libres de Monopolios sobre
el Conocimiento y la Vida: hacia una convergencia de movimientos» que se
realizará el domingo 22 de noviembre, desde las 14hs. en el marco de la
Fábrica de Fallas, 2do. Festival de Cultura Libre y Copyleft, en la sede
de FM La Tribu, Lambaré 873, Ciudad de Buenos Aires.
«Actualmente existe un poderoso control centralizado, monopólico,
ejercido por un puñado de empresas, que afecta prácticamente todos los
espacios de la vida para crear, innovar, cooperar, aprender y compartir»
dice Silvia Rodriguez Cervantes, Profesora Emérita de la Universidad de
Costa Rica y una de las autoras del libro, y agrega: «el control se ha
ejercido por medio de distintos instrumentos, algunos de tipo
tecnológico y otros de tipo contractual y legal. Dentro de este último
se encuentra el sistema de ‘propiedad intelectual’ cuyas obligaciones se
han ido imponiendo mediante diversos tratados comerciales o de inversión
a todos los países signatarios».
La realidad tangible es que cada día más conductas socialmente útiles y
arraigadas en las prácticas comunitarias como el intercambio de plantas
y semillas, la distribución de cultura y la innovación colectiva se ven
vedadas y criminalizadas por sistemas cada vez más represivos de
apropiación monopólica como las patentes, los derechos de autor, los
derechos sobre fonogramas y las regulaciones cada vez más restrictivas y
extendidas sobre la música, el software, las semillas, y tantas
expresiones culturales y científicas, incluso las producidas en el
ámbito de las Universidades Públicas.
Este sábado estuve en Conurbania, el evento sobre software libre del conurbano bonaerense, en la Universidad Nacional de Quilmes.
Junto a Javi ‘Rocket’ Lujan que vino desde Bahía Blanca llegamos temprano para participar de un evento que estuvo muy bueno y tuvo de todo, nos reencontramos con mucha mucha gente amiga de capital y otros variados lugares, participamos de charlas interesantes que comentaré a continuación y pudimos aportar con la presentación de las propias.
Acá estoy junto a la bandera del QuilmesLUG y el banner de CaFeLUG.
Diego Cañizares de PyAR y Javier ‘Rocket’ Lujan de BBlug.
Pasé por una charla muy interesante de José Masson sobre SugarCRM: implementaciones y casos de éxito.
Luego tuve mi primera aproximación a un servidor de VoIP : ASTERISK: el futuro de la telefonía hoy. por Alejandro del Brocco y Marcelo García. Mostraron como la UNQ implementó un sistema de telefonía basado en software libre con capacidad para 500 internos.
Ya se acercaba la hora de nuestras charlas, pero antes pudimos participar de la charla «Filosofía hacker y el mundo actual» por Jorge ‘Vampii’ Franco, un gurú de la seguridad informática. Fué muy entretenida, tuvo cuestiones filosóficas, éticas, anécdotas y frases memorables.
y llegó el momento, una vez más: Diseño web con herramientas libres, por un humilde servidor. xD
Javier dando su charla «Joomla: Tu web de la noche a la mañana».
La reflexión final, al aire libre, estuvo a cargo de Enrique Chaparro, matemático y especialista en criptografía y seguridad, con títulos de la Universidad de Buenos Aires (Argentina), la Universidad de Waterloo (Canadá) y la Universidad de Londres (UK). Es miembro de la Asociación Internacional de Criptografía, del Comité Técnico del IEEE sobre Seguridad y Privacidad, y de la Fundación Vía Libre.
Luego se sortearon varias remeras, muchos libros, y para terminar una buena cena. xD
Las tablas son una herramienta muy eficaz para presentar datos tabulados ( NO para maquetar, para eso existen las etiquetas DIV y SPAN). Una tabla consta de una o varias filas, cada una de las cuales consta, a su vez, de una o más celdas de datos.
Al definir una tabla, se debe pensar en primer lugar en las filas que la forman y a continuación en las columnas.
Creando una tabla
La etiqueta <table> encierra todas las filas y columnas de la tabla. Las etiquetas <tr> (del inglés «table row») definen cada fila de la tabla y encierran todas las columnas. Por último, la etiqueta <td> (del inglés «table data cell») define cada una de las columnas de las filas.Normalmente, algunas de las celdas de la tabla se utilizan como
cabecera de las demás celdas de la fila o de la columna.
En este caso, HTML define la etiqueta <th> (en inglés «table header cell») para indicar que una celda es cabecera de otras celdas.
El atributo SUMMARY nos sirve para definir una descripción del contenido de la tabla.
<table summary = 'Esta es una tabla de ejemplo.'>
<th colspan='2'> Cabecera de la tabla </th>
<tr>
<td>Producto 1</td>
<td>Descripción 1</td>
<td>Precio 1</td>
</tr>
<tr>
<td>Producto 2</td>
<td>Descripción 2</td>
<td>Precio 2</td>
</tr>
</table>
Unión de Celdas
Con el atributo COLSPAN definimos el número de columnas que ocupa una celda.
Por ejemplo:
<table>
<tr>
<td colspan="2">A</td>
</tr>
<tr>
<td>B</td>
<td>C</td>
</tr>
</table>
Con el atributo ROWSPAN definimos el número de filas que ocupa una celda.
Por ejemplo:
<table>
<tr>
<td>A</td>
<td rowspan="2">B</td>
</tr>
<tr>
<td>C</td>
</tr>
</table>
Una vez creada la estructura semántica de la tabla, podemos darle el estilo que queramos mediante CSS.
Nos alcanzará con definir tres estilos, todos para selectores etiqueta, más o menos así:
table {
font:normal 76%/150% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
border-collapse:separate;
border-spacing:0;
border-width:1px 0;
margin:0 0 1em;
color:#000;
}
td {
padding:0.25em 0.5em;
text-align:left;
vertical-align:top;
padding:10px;
}
th {
font-weight:bold;
line-height:normal;
adding:0.25em 0.5em;
text-align:center;
background-color:#bbb;
border-width:0px;
padding:8px;
}
Luego, un último detalle, si queremos que al pasar el mouse sobre una celda esta cambie su color de fondo, podemos agregar este estilo:
td:HOVER { background-color:#f00; }
Si querés probar si entendiste qué es una tabla y como hacerla, intentá crear el HTML para la siguiente tabla:
Queda pendiente la parte de DISEÑO CSS para las tablas. Completo el post hoy a la noche o mañana :D
Les dejo fotos varias de la muy buena jornada que tuvimos en Catamarca. Hubo buen nivel de charlas, pasé bastante calor y conocí mucha gente grosa en este viaje.
Bueno, esto fué el primer día que llegamos, en la calle más de 50 grados, fulminantes para un recién llegado de la húmeda y maldita Ciudad de Buenos Aires. Si me ven pálido, es porque me pegó re mal el calor y casi me voy a dar una charla al más allá. Guillermo Puentes, de Catamarca, nos había recomendado ir a «Balcarce» y la verdad nos salvó porque entramos y tenían aire acondicionado, WiFi y unos licuados enormes y congelados de ananá. Gané un UP xD
Comenzaba la jornada y luego de la inauguración se corta la energía eléctrica :S por suerte suspendimos para la tarde y pudimos arrancar con las charlas tal cual estaban planeadas.
Este es el depto donde estabamos parando, que la gente de GULCA (Grupo de Usuarios de Linux Catamarca ) nos facilitó. Pintó el hippismo ya que no teníamos más muebles que una mesa xD pero la pasamos bien igual, luchando contra el calor, nos tomábamos una botella de agua saborizada cada dos horas. Estabamos con Javier y Jota y un hydroventilador al que apodamos Arturito.
Por último el grupete que se armó con gente de lugares variados (Catamarca, Santa Fé, La Rioja, Bahía Blanca y Capital Federal) Mucha buena onda, gente muy grosa con los cuales sigo en contacto y espero volver a compartir experiencias tan buenas y productivas como la de Catamarca 2009.
A continuación les dejo el post de Lisandro Lizaeta donde expone una investigación sobre Mauro Torres, creador de la distribución Tuquito y supuesto administrador de al menos un sitio dedicado al robo de cuentas de MSN.
…………………..
A continuación el post de Lizandro Lezaeta: (fuente)
Hola a todos, escribo este artículo para evidenciar públicamente la total y absoluta falta de etica del supuesto «Experto en Seguridad» Argentino y desarrollador de Tuquito Linux, Mauro torres.
Junto a Daniel Godoy continuamos una investigación iniciada por un tercero (a quien nombraré si es que me da su autorización), de universomsn.com, un sitio de pishing de correo electrónico. Este sitio utiliza el «Quien te admite» para robar emails, acceder a ellos y robar lista de contactos, además almacena todas las contraseñas y los emails robados en una base de datos.
En la IV Jornadas de Software Libre realizamos, en vivo y en directo, una demostración que relacionaba a Mauro Torres con Universomsn.com, una web de pishing de msn. Además accedimos al servidor de universomsn y dumpeamos la base de datos demostrando a todos los espectadores que el sujeto había robado más de 3500 mails.
Nos guardamos la guinda para publicar por internet, ahora es el turno de msnsinadmision.com subida en el mismisimo servidor de tuquito. Sin duda propiedad de Mauro Torres, al igual que Universomsn, en este caso no ha tenido ni siquiera la dignidad de ocultar el sitio, publicandolo directamente en el SERVIDOR DONADO que recibió para tuquito.org.ar. Encontramos montones de backups subidos que van desde los 81mb comprimidos (500 mb reales) con unos 100mil mails/contraseña hasta un backup (que dejo al final) de más de medio giga.
http://www.youtube.com/watch?v=U4u9v5VHTbwNo tengo posibilidad de reportar 100mil mails robados, por eso decido hacerlo público antes de que sigan sirviendo a las malas intenciones del ladrón.
Personalmente no voy a denunciar, pero si alguno de los afectados está interesado en hacerlo, no dude en contactar conmigo para recibir toda la información relevante.
Acá dejo un log interesante:
Curiosidades con las que nos topamos: El experto no pone password de root a mysql, el experto hacer correr apache con suid (root), el experto sube shells sin contraseña para administrar sus servidores y ensima las sube con nombres sencillos como «cmd.php» o «shell.php».
La falta de etica no es nada nuevo hoy en día, pero la hipocresía con la que este personaje se autodenomina «ético» es increible.
Si alguien quiere continuar la investigación (o hacer algo peor) puede facilmente pasar un nmap y localizar algo que alguien olvidó cerrar :P
Enlaces interesantes (subidos en su servidor por Mauro Torres, yo solo lo encontré ahí):
http://www.tuquito.org.ar/hack/shell.php
http://www.tuquito.org.ar/hack/shell.php?cmd=dir&dir=./../../../universomsn
http://www.tuquito.org.ar/hack/shell.php?cmd=dir&dir=./../../../msn2/html
http://msnsinadmision.com/msn2sql.tar.gz
http://www.tuquito.org.ar/hack/msn2DB-120508.sql
Les pido a los que lleguen a tiempo para contrastar la información, lo certifiquen en un comentario. Seguramente todo esto deje de estar online en poco tiempo.
———————————-
La gran duda que se me plantea luego de leer el post es si la distribución Tuquito no esconde scripts sucios o artimanias similares para el robo de información de los usuarios. Para contestar esta pregunta, habría que leer el código fuente de la distro en detalle y no solo eso, además se debería chequear que los binarios en la ISO de Tuquito coincidan con los binarios generados a partir del código.
Diego