Tips de Tipografía

Si eres de los que le das vueltas y vueltas a la hora de elegir un tipo de letra para tus diseños, puedes leer estos 15 tips para elegir una tipografía adecuada y no comerte mucho la cabeza.

(Vía Alquimistas del diseño)

Grupoblog, el primero Webmaniacos

Grupoblog, es una red comercial de blog en castellano.
Grupo Blog es una empresa de profesionales en weblogs que desarrolla y potencia una red comercial multitemática de bitácoras colectivas en castellano. Proporciona con ello servicio y asesoramiento a grandes y pequeñas empresas interesadas en sacarle partido publicitario a la gran revolución que significan los weblogs en Internet.
Hace muy poco tiempo, mas concretamente el Miércoles día 21 presentaron se primer blog, llamada webmaniacos.
La temática de este blog es de humor y cosas curiosidades de la red. Seguro que nos hace pasar muy buenos ratos.

(Vía Blogpocket)

Planet Webdev, sobre desarrollo Web

Planet Webdev, nuevo Planet relacionado con el desarrollo Web.

Planet Webdev es un Planet que recopila escritos relacionados al desarrollo Web y todo lo que ello conlleva recolectados de blogs en castellano (...)

Si te interesa formar parte de Planet, solo tienes que cumplir estos requisitos:

  • Disponer de un canal específico sólo para desarrollo Web (xhtml, css, estándares, usabilidad, programación Web, ajax, xml, servidores lamp/wamp, etc.) sirve para ello una categoría o etiqueta.
  • Que dicho canal este accesible y con las entradas completas o como mínimo no sean solamente titulares.
  • Tener interés en querer entrar

Si cumples estos requisitos te puedes poder en contacto en esta dirección.

Algunos de los elegidos que constituyen esta iniciativa y que sigo a menudo son:

Sin duda, una buena iniciativa para consultar los mejores temas sobre el diseño web, todo en el mismo sitio y de buenas fuentes.

Actualización: Mirando libro de notas he visto una explicación muy clara de lo que son los Planet, anteriormente se me olvido comentar como funcionan y que son. También hay una introducción sobre Feeds RSS. Así que aprovecho para enlazar a esa explicación.

CSS Crib Sheet, de Dave Shea

En Armonía he encontrado una traducción del artículo original de Dave Shea, en el cual comenta algunas recomendaciones para el uso correcto del CSS, evitándonos dolores de cabeza a la hora de desarrollar un sitio Web.

Utiliza extensiones de Firefox en Flock

Ayer comentaba el estado en beta del navegador Flock, y decía que unos de los puntos débiles era el de las extensiones. Pues parece que eso ya no va a ser excusa para utilizarlo.

Hay un servicio Web llamado Flock`d, que sirve para migrar las extensiones de Firefox y hacerlas compatibles con Flock.

Para esta tarea necesitamos saber la URL de la extensión, que la podemos conseguir en la pagina oficial de extensiones de Mozilla.

También podemos utilizar esta extensión que nos enviara la URL directamente a este servicio.

Aunque podemos encontrar una lista con más de 280 extensiones ya migradas listar para utilizar.

(Vía Bitelia)

¿Y tu, qué tal aparcas?

Simpático simulador de aparcamiento realizado en flash por la compañía automovilística Peugeot. Hay que aparcar antes de 60 segundos, y marcha atrás no vale (el seguro esta "a terceros")

(Vía Meneame)

Cambiar el color de fondo con CSS

Siguiendo con el tema de los efectos con CSS, pero esta vez, cambiando el color de fondo de un texto al pasar el ratón.

EJEMPLO

HTML

<div id="Efecto_Hover">
<ul>
<li>
<a href="#">Cabecera numero uno
<span class="descripcion">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque nonummy, lorem eget scelerisque ullamcorper, pede lacus bibendum sapien, non pellentesque erat elit vitae lorem.
</span>
<span class="categoria">CSS</span></a>
</li>
<li>
<a href="#">Cabecera numero dos
<span class="descripcion">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque nonummy, lorem eget scelerisque ullamcorper, pede lacus bibendum sapien, non pellentesque erat elit vitae lorem.
</span>
<span class="categoria">Photoshop</span></a>
</li>
<li>
<a href="#">Cabecera numero tres
<span class="descripcion">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque nonummy, lorem eget scelerisque ullamcorper, pede lacus bibendum sapien, non pellentesque erat elit vitae lorem.
</span>
<span class="categoria">Recursos</span></a>
</li>
</ul>
</div>

CSS

#Efecto_Hover ul {
list-style-type: none;
width: 350px;
margin:0px;
padding:0px;
}

#Efecto_Hover li {
border: 1px solid #999;
border-width: 1px 0;
margin: 5px 0px;
}

#Efecto_Hover li a {
color: #900;
display: block;
font: bold 16px Arial, Helvetica, sans-serif;
padding: 2px;
text-decoration: none;
}

* html #Efecto_Hover li a {
width: 350px;
}

#Efecto_Hover li a:hover {
background: #F4F4F4;
}

#Efecto_Hover a .descripcion {
color: #333;
display: block;
font: normal 10px Verdana, Helvetica, sans-serif;
line-height: 125%;
}

#Efecto_Hover a .categoria {
color: #409209;
font: normal 9px Verdana, Helvetica, sans-serif;
line-height: 150%;
}

(Vía Webintenta)

Efecto rollover con css

Rollover es una técnica que se emplea para hacer que una imagen cambie al pasar el ratón por encima de ella, invitando a pulsar sobre el enlace.
No es una técnica nueva, pero si muy elegante a la hora de crear enlaces. He visto algunos ejemplos de cómo utilizarla, pero el mas claro de entender y mas sencillo es el que explica Alex Sancho en su blog, seguro que no tendréis ninguna duda de como utilizar "rollover" en los diseños.

Flock

Flock es uno de los navegadores que dará mucho que hablar, basado en Gecko (motor de los navegadores de Mozilla) ha dejado de estas en Beta para desarrolladores, a pasar a estar en Beta publica.

Algunas de sus características son la integración de servicios como del.icio.us, flickr, photobucket y se espera que vengan más. También dispone de una herramienta para postear en tu blog y un lector de Feeds RSS. Como veis este navegador este equipado completamente para facilitar el uso de los servicios Web 2.0

Algunos de los incovenientes que tiene todavía es el tema de los add-ons, una de las bases más fuertes con las que cuenta Firefox y el hecho de que aun no este en castellano, puede ser un problema para algunos.

Otra forma de ver tus fotos en Flickr

Bananr otra manera diferente de ver tus fotos en Flickr. Muy cómodo al generar una url para tus fotos.

Solo aquí que poner el nombre de usuario de tu cuenta en Flickr, y quedara de esta forma http://www.bananr.com/tu nombre de usuario

Arriba aparecerá una tira con tus fotos en pequeño, pinchando sobre cualquiera se harán más grandes, viéndose en el centro.

También te da la posibilidad de bajar el archivo para utilizarlo en tu propia Web.

(Vía ñblog)

Extensiones Firefox

Una de las cosas que más me gusta de Firefox, es la posibilidad de aumentar sus prestaciones gracias a las extensiones.

eConsultant ha recopilado mas de 200 extensiones clasificadas por temas.

Si todavía no utilizas Firefox, nunca es tarde, instala Firefox y disfruta de una navegación sencilla, rápida y segura.

Tutoriales Photoshop

Visitando Sentido Web, he encontrado un enlace que me lleva a una colección de tutoriales de Photoshop, clasificados por temas.

Se explica paso a paso y con dibujos, todo o casi todo lo que se puede hacer con Photoshop. Sin duda, un enlace a tener en cuenta.

Cómo contratar un hosting en Dreamhost

Raúl en su blog personal mundo geek, nos explica con imágenes y en español como contratar un hosting en Dreamhost.

Dreamhost esta considerado como uno de los mejores hosting, por 2 euros al mes nos ofrece 20GB de espacio y 1000GB de ancho de banda, encontrar esas características en otros servicios de alojamiento es casi imposible, yo no conozco ninguno tan económico que tenga esas características.

666

Y que ninguno pudiera comprar ni vender, sino el que tuviera la marca o el nombre de la bestia o el número de su nombre.
Aquí hay sabiduría. El que tiene entendimiento cuente el número de la bestia, pues es número de hombre. Y su número es seiscientos sesenta y seis.

- Apocalipsis 13: 17,18

Joomla! 1.0.9 (Sunshine)

Ayer día 5 de Junio se libero la última versión de Joomla! 1.0.9 [ Sunshine ], esta versión es estable, por lo que se recomienda a los usuarios de versiones antiguas actualizar lo antes posible.
Se han realizado las modificaciones siguientes:
  • 12 arreglos de seguridad de nivel bajo
  • 160 arreglos generales
  • Varios realces de funcionamiento
Más información en su página oficial.

Animador contra Animación

Ja, que buena! animación de lucha entre el animador y la animación. Como escenario de combate, el entorno de flash.

(Vía Microsiervos)

Double Driver, backup de drivers

Double Driver es una pequeña aplicación de que permite ver los driver que tenemos instalados en nuestro PC, pudiendo seleccionar de cuales queremos hacer una copia de seguridad.
Muy útil a la hora de reinstalar el sistema operativo, así ahorramos tiempo y no tener que estar buscándolos en cds o a través de Internet.
Sus características principales son las siguientes:
  • Visualizar los driver instalados.
  • Guardar listado de driver
  • Copia de seguridad
  • Restauración de copias de seguridad
  • Impresión de listado de driver
(Vía Bitelia)

Televisión

Encuentro la televisión muy educativa. Cada vez que alguien la enciende, me retiro a otra habitación y leo un libro.

- Groucho Marx (1890-1977) Actor estadounidense.

Aumentar el ancho de banda en Windows Xp

Windows XP reserva el 20% de banda ancha para sus propósitos (verificación de actualización, examinar tu computadora, etc)
Siguiendo estos pasos podemos quitar ese 20% para utilizarlo nosotros.
  • Click Inicio–>Ejecutar–>escribe “gpedit.msc” sin las comillas “
  • Esto abre el editor de Directiva de grupo, después ve a:
  • Directiva Equipo local–>Configuración del equipo–>Plantillas administrativas–>Red–>Programador de paquetes QoS–>Limitar ancho de banda reservado
  • Haz doble click en Limitar ancho de banda reservado. Ahí dirá “No configurada” pero realmente si está configurada:
  • “Por defecto, el Planificador de paquetes limita al sistema al 20 por ciento de ancho de banda de una conexión, pero tu puedes utilizar esta configuración para sobrescribir la actual”
  • Entonces el truco es: Seleccionar la opción Habilitada, en “limite ancho de banda (%), poner 0. Esto permitirá al sistema no reservar nada.
(Vía Carlos Leopoldo)

Fotos de la I Guerra Mundial en color

Galería de fotos originales de la I Guerra Mundial en color. Estas fotografías fueron tomadas por los franceses durante los dos últimos años de la contienda.

Although color photography was around prior to 1903, the Lumière brothers, Auguste and Louis, patented the process in 1903 and developed the first color film in 1907. The French army was the primary source of color photos during the course of World War One.


(Vía Menéame)

Flickr SlideShow lite

FlickrSlideShow lite es un servicio Web para Flickr, que te permite ver las fotos de cualquier usuario, eligiendo cualquiera de sus sets en un slideshow.

Una de las características es poder elegir la velocidad de carga de las fotos, para ajustar a cualquier tipo de conexión.

También se puede elegir la opción de que aparezcan las fotos en thumbnails para hacer más cómoda la navegación por ellas.

Elimina mensajes de ayuda en Windows XP

Una de las cosas bastantes molestas de Windows XP, son los continuos avisos, del tipo “Tiene actualizaciones pendientes de descarga”, “Tiene demasiados iconos inútiles en el escritorio”. Tenemos dos alternativas para desactivarlos.

  • Modificar vía regedit la clave del registro de Windows HKCU\Software\Microsoft\Windows\CurrentVersion\Explorer\Advan
    ced\EnableBalloonTips poniéndola a 0 (si no existe, crea un nuevo valor DWORD).
  • La otra forma es descargando este pequeño programa libre de virus

(Vía Intelliadmin)

Oso de peluche USB

Jejeje! Memoria USB en forma de oso de peluche. Han colgado mas fotos en Frickr, vaya donde se ha ido a meter el oso :)


(Vía Xataka)