En efecto, hace tres semanas justa que no me digno a poner un maldito post. En primer lugar pido disculpas, por si a alguien le ha afectado mi ausencia. En segundo os explico: Tengo curro para parar un tren y medio (si no hay imprevistos tipo muertes súbitas o cosas peores, el lunes veréis por qué) y hace una semana que tengo un gatito pequeño que es un cabronías y me apaga el ordenador cada vez que quiero escribir un post (eso es una excusa barata).
Así que hoy he decidido ponerle fin a la racha posteadora con una serie de artículos recopilatorios (ya que, aunque no he compartido lo que me iba encontrando, por lo menos lo iba guardando). Esta primera parte se la dedicaré a recursos y tips sobre programación y diseño web:
Continuar leyendo el post →
Curiosa manera de incluir una nota informativa sobre la propiedad de una imagen y ocultarla mediante CSS.
Vectips es un blog dedicado al trabajo con vectores (es decir, Illustrator). Hablan sobre todo de varias técnicas para mejorar el flujo de trabajo mientras nos aconsejan de las técnicas más apropiadas según el fin del mismo.
Vía Xyberneticos.
Nunca terminas de conocer a tu Mac del todo. Ahora me entero que pulsando las teclas Alt + Mayúscula (Shift) y las teclas predefinidas de volumen, este sube o baja en incrementos de 1/4 de bloque. Vía MacTips.
En ocasiones el trato con el usuario puede ser difícil, las cosas han de quedar perfectamente delimitadas para que ambas partes se sientan agusto. En Sentido Web nos dan una pequeña guía, también aplicable a clientes.
Yo es que no aprendo, me encanta marranear con el Safari. Lo último que he visto y he tenido que adoptar ha sido este rápido método para transformar la barra de progreso (la que pinta la barra de dirección según se carga la página) por un pequeño gráfico en forma de tarta:
Abrid el Terminal (¿”el” o “la” Terminal? Nunca me queda claro) e introducid la siguiente línea:
defaults write com.apple.Safari DebugUsePieProgressIndicator -bool true
Presionad enter (intro, retorno…) y reiniciad el Safari.
A mí me carga menos visualmente y me parece más estiloso, ¿no?
Lo ví en MacThemes.
Un artículo publicado en Turbo Milk enumera algunos de los 10 errores más comunes en cuanto a diseño de iconos. Personalmente me da cosica cuando veo alguno que peca del error #10 (¡ARG!).
Por cierto, que cosa más bonita Turbo Milk, qué envídia de site…
Hace tiempo que quería hacer referencia a un artículo de Maestros de Web llamado Top 10 de las técnicas SEO con las que yo coincido bastante. Reemplazaría alguna que otra, pero no me hagáis mucho caso.
Esto es una adaptación al castellano (ojo, no traducción) de un artículo que me he encontrado en un blog llamado Wisdump.
Hay 4 errores básicos:
- Layout fluido: Tuvo su hype, pero yo siempre he pensado que los afortunados poseedores de un iMac 24” deben pasarlas canutas con los blogs de este tipo. Entre 15 y 20 palabritas por línea es bastante decente ya, a no ser que el tamaño de la tipografía sea realmente gigantesco, en ese caso, viva lo fluido.
- Demasiado alargado (a lo ancho): Más o menos el mismo tema de antes, pero esta vez tratándose de un layout fijo. Ya os comenté en un post que me parece un poco demasiado pronto para decir que el layout perfecto hacía 960px, es pecar un poco de horror vacui, ¿no? Esto nos lleva al siguiente punto.
- Insuficiente espacio blanco (o negro): El espacio negativo, o vacío de contenido, en los blogs ayuda a la comprensión del espacio, separación de secciones y claridad en la lectura, no lo petéis de banners y widgets.
- Información importante en el footer: Queda muy bonito eso de poner un footer enorme lleno de información, menús y chorradas varias para llenar hueco, pero no hay que despistarse, un porcentaje alto de visitantes puede que no llegue a esa profundidad y se esté perdiendo la mayor parte del contenido de vuestro blog.
El amigo Nikko me envía un par de sugerencias para postearlas por aquí, se trata de dos extensiones que te pueden ayudar a la hora de diseñar un sitio web si utilizas Fireworks o Dreamweaver:
- En primer lugar, Reticulator crea una retícula en un documento Fireworks a partir de unos parámetros que tú mismo puedes indicar, siendo la predeterminada la famosa retícula de 960px divisible por 2, 3, 4, 5 y 6.
- Y para Dreamweaver una extensión de Trio Solutions que crea fácilmente los famosos acordeones que están tan de moda.
Para los que tengáis que enfrentaros a eso del Email marketing con frecuencia, o de vez en cuando (como yo), aquí os dejo una estupenda guía informativa sobra las propiedades soportadas por cada uno de los clientes de Email del mercado, tanto los basados en web como aplicaciones de escritorio.
Por supuesto Thunderbird les da mil vueltas a todos los demás (el Mail de Mac también es una pasada, aunque no aparezca en la comparativa).
Al final, las reglas principales que sigo siempre para no cagarla son:
- No utilices imágenes de fondo (si vas a poner texto encima).
- Usa tablas, es lo que hay, gracias a la maravillosa tecnología de Microsoft.
- Haz todas las pruebas posibles, hazte cuentas en Yahoo Mil, Hotmail, Gmail y ten un Outlook listo para pruebas (Vía Parallels si estás en Mac, no seas perezoso)
Crea un efecto slide como el de los tags de RUDEWORKS, vía InfectedFx.
Así es como le dió a la señora Apple por llamar a los inconscientes que abren los ojos y se compran un Mac por primera vez, switchers. Algo que pude experimentar en mis propias carnes cuando me compré mi primer Mac, fue la búsqueda desesperada por el menú contextual que aparece al pulsar el botón derecho del mouse (en Mac se accede pulsando la tecla Ctrl mientras clicas), una vez encontrado, puede que notes unas cuantas diferencias desconcertantes. Para eso está OnMyCommand, un pequeño script que te permite añadir nuevas opciones a tu menú contextual, cosa que puede resultar muy útil.
Echadle un ojo a este tutorial de instalación y uso.
Hoy, los amigos de N.Design Studio me han descubierto una nueva paleta dentro de Illustrator CS3 llamada knowhow. Se puede acceder a ella desde el menú Window > Adobe Labs > knowhow.
Su funcion es dar a conocer la funcionalidad de todas las herramientas y al mismo tiempo dar acceso a sus opciones individuales. Pero la cosa no queda ahí, resulta que clicando el iconito de búsqueda, accedemos a una serie de tutoriales de uso de la herramienta seleccionada en la web de Adobe y en del.icio.us. Todo un avance, vaya.
6