Aquaticus Social Icons

Aquaticus es otro pack de iconos de redes sociales, en este caso cuenta con 30 iconos en 4 tamaños diferentes 16×16, 24×24, 48×48 y 60×60px. Entre los cuales podemos encontrar a Youtube, rss, digg, stumbleupon, google, facebook, blogger, wordpres, etc. Los iconos están en formato PNG y con licencia Creative Commons, así que los podemos utilizar en nuestros proyectos web pero no para venderlos.

Recopilación de 13 Templates gratuitos para poder utilizar en wordpres.

1 - Desk Mess

Desk Mess

Este template lo podemos utilizar para varias temáticas como para crear un blog personal, de tecnología, etc. El autor del theme es Geek With Laptop.

[DEMO] || [DESCARGAR]

————-

2 - Aeros

Aeros

Excelente template para utilizar en proyecto sobre la naturaleza, ya que cuenta con un fondo muy lindo para esos tipos de blos. El autor Del theme es TheBuckmaker.com

[DEMO] || [DESCARGAR]

————-

3 - deniart

deniart

Theme basado y hecho sobre el popular sitio drevianart.

[DEMO] || [DESCARGAR]

Leer el resto de la entrada »

24 Iconos de redes sociales

Aquí otro excelente pack de iconos, que nos pueden servir en todos nuestros proyectos web. El pack cuenta con 24 iconos entre los cuales están Facebook, Flickr, Twitter, youtube, Technorati, tumblr, digg y más. Estos están en formato png en 57×57 y 57×70px.

Otra vez la gente de SmashingMagazine nos sorprende con un hermoso pack de iconos, orientados a los bloggers ya que en el pack podemos encontrar iconos de RSS, StumbleUpon, delicious, twitter y algunos más. El .rar pesa tan solo 1,3 mb, y dentro de el se encuentran los archivos en .png y también como nos tienen acostumbrados trae el archivo .psd para que podamos modificar los iconos a gusto de cada uno sin perder nada de calidad.

Css Brower Selector es un archivo javascript que lo podemos utilizar como una especie de Hack que podemos utilizar cuando tenemos que maquetar un sitio con divs y queremos que el mismo se pueda ver en todos los navegadores igual. Como es esto?, muy simple solamente tenemos que incluir el archivo js en nuestro header y en nuestro archivo .css antes de definir un estilo tenemos que color para que navegador va a ser ese estilo de la siguiente manera:

  1. .ie7 .example {
  2.   background-color: orange
  3. }
  4. .gecko .example {
  5.   background-color: gray
  6. }

Bueno en el sitio del creador podemos ver un ejemplo online. De como con poco CSS varia el color de una caja según el navegador que estemos utilizando.

IETester es un herramienta que junta las ultimas 4 versiones de internet explorer en solo programa, esto es realmente útil si sos desarrollador web y te encuentras maquetando un sitio con css y queres que el se pueda visualizar bien todos los navegadores, bueno ietester te junta IE5, 6, 7 y la beta de IE8.

Esta es una herramienta indispensable si estas desarrollando sitios web, ya que como dijimos anteriormente sirve muchísimo a la hora de maquetar nuestro sitio, aparte también cuenta con un sistema de pestañas para que en la misma ventana podamos tener abierto una tab. de cada versión de internet explorer. Además IETester es una herramienta totalmente gratuita, así que no esperes nada y descárgala.

wGeek se rediseña

Hola mis queridos lectores, como pueden observar estamos estrenando nuevo diseño en el blog, si después de 1 semana aprox. de trabajo puedo montar el nuevo theme de wGeek, este cuenta con algunas mejoras, como que ahora tenemos para colocar banners, contamos con los iconos sociales para un fácil uso de ellos, a mi gusto un diseño mas lindo que anterior y una noticia que no es menor, contamos con adsense xD... si justo el dia que voy a largar el theme (hoy) me llega un lindo mail a mi cuenta diciendo que me aceptaron para poder utilizar su servicio. Bueno esta es mi opinio solamente, ahora quiero que ustedes me digan que les parecen todos los cambios en el blog.

Kevin Mitnick el hacker mas reconocido del mundo, fue demorado en un aeropuerto de atlanta aparentemente sin ningun motivo. Tambien le interceptaron un paquete "sospechoso" en Bogotá - Colombia.

El ahora consultor de seguridad, Mitnick fue demorado en un aeropuerto de atlanta, despues de volver de su viaje de Bogota donde habiá dado una entrevista para el diario El Tiempo y donde ademas estaba visitatando a su novia. El problema surgio cuando su novia lo llamo diciendole que querian abrir un paquete que el envio con supuestos rastros de cocaina. Pero esto no paso a mayores, ya que aproximadamente 4 horas mas tarde, despues de que le analizaran todo su equipaje y demostrar que no tenia nada "ilegal", fue liberado.

Fuente: Theinquirer

Bueno hoy vamos a armar un pequeño ejemplo de como con javascript podemos mostrar y ocultar una div. Tambien vamos a ver la forma de implementar prototype en nuestro codigo. Para entender mejor lo que es prototype.. ya que no vamos a explicar lo que es en este ejemplo.. pueden darse una vuelta por este articulo escrito por iGeek.

1º Este es nuestro codigo javascript sin prototype para mostrar una div:

  1. <script type="text/javascript"><!--
  2. function ShowDiv(id){
  3.     if(document.getElementById(id).style.display=='none'){
  4.     document.getElementById(id).style.display='';
  5.     }else{
  6.     document.getElementById(id).style.display='none';
  7.     }
  8. }
  9. // --></script>

2º Ahora lo primero q tenemos que hacer es incluir el js de prototype dentro de nuestro archivo html. De la siguiente manera:

  1. <script src="prototype.js" type="text/javascript"></script>

3º Nuestro codigo con prototype nos quedaria algo asi:

  1. <script type="text/javascript"><!--
  2. function ShowDiv(id){
  3.     if($(id).style.display=='none'){
  4.         $(id).style.display='';
  5.     }else{
  6.         $(id).style.display='none';
  7.     }
  8. }
  9. // --></script>

La diferencia que vemos entre los 2 codigos seria el uso de la funcion $ con prototype, ya que esta nos simplifica escribir document.getElementById.
Espero que este pequeño ejemplo les sirva de algo. Les recomiendo que se den una vuelta por las siguientes paginas, van a poder encontrar mucho mas contenido de ajax, javascript y de este muy buen framework como en prototye.

Por ultimo aca les dejo el ejemplo y el codigo de fuente final: