Un par de trucos avanzados CSS
Febrero 28, 2008
Hay un par de trucos que me llamaron bastante la atención, el primero fue bastante popular estos días y consistía en redimensionar el navegador manualmente para ver el efecto 3d [Parallax scrolling] que provocaba el “movimiento” de las hojas en la página de Silverback, bastante creativo en mi opinión.
Pues días después podemos encontrar un artículo en Vitamin para saber como se creo dicho efecto, desde el código CSS hasta el orden de las imágenes PNG, “How to recreate Silverback’s Parallax“.
El otro “truco” en CSS que me gusto mucho lo conocí por medio de WebAppers, en cual podemos ver un vistoso efecto de desenfoque (blur) en el menú cuando colocamos el cursor sobre él, es mejor que lo veas en “vivo“. Acá el artículo para recrearlo Advanced CSS Menu Trick.
Trucos para los cuadros de diálogos “abrir y guardar” en Windows
Octubre 29, 2007
Encontré de casualidad un video con unos trucos bastante simples y útiles para Windows, de esos que nadie conoce (o por lo menos mi persona) por alguna extraña razón.
- Primero. Cuando abrimos o guardamos un archivo y queremos movernos hacia arriba en la jerarquía de las carpetas lo que hacemos frecuentemente es presionar en ese pequeño icono con la flecha verde (subir nivel), una forma más rápida es escribir “..” (dos puntos) en el campo del Nombre. Sólo inténtenlo.
- Segundo. Si a su vez queremos abrir la carpeta “mp3” contenida en “Mis documentos” basta con escribir el nombre de esa carpeta y si a continuación escribimos una “\” (o que es lo mismo “mp3\“) podemos navegar en los archivos de que contiene.
- Tercero (el más útil). Supongamos que tenemos una carpeta con varias decenas de archivos y necesitamos encontrar de forma rápida uno llamado “loquesea“, simplemente basta con colocar la palabra entre asteriscos *loquesea*, de esa manera se nos mostrara los archivos que contenga esa palabra clave, no importando si está al inicio, medio o final del nombre del archivo. Si queremos ser más específicos basta con colocar el tipo a buscar como *loquesea”.doc.
- Cuarto. Este lo descubrí por accidente intentando los otros, para crear una crear una carpeta de forma rápida para guardar un archivo sólo escribimos el nombre de la misma, diagonal y el nombre del archivo, algo así como “blog\post.jpg“. Aunque en algunos programas me sale error.
Si no quedo claro vean el video, está en inglés, sin embargo es muy fácil seguirlo. También pueden ver más trucos en los que Youtube pone como “relacionados”.
Actualización: makj hace una estupenda aclaración a estos “trucos”, nos explica que en realidad son atajos que se usan en el sistema de archivos (FAT32) para MS-DOS y que existen varios más. Pueden leer el comentario completo para una mayor aclaración, con ejemplo y todo 
.
Menús, botones y tutoriales
Octubre 18, 2007
Veo en Vecindad Gráfica una buena lista de tutoriales para hacer botones “39 Photoshop Button Tutorials You Should Have in Your Arsenal“. Aunque si no es suficiente puede ser útil darse un paseo por Pixel2Life para ver más.
Tiempo atrás vi también en Baluart otros tutoriales o mejor dicho una excelente colección de botones con el código CSS incluido en la ya conocida CSSplay, que a su vez me recordó los ya famosos sets de Exploding Boy:
Pero siempre es mejor saber crearlos para poder manipularlos más fácilmente.
How to make sexy buttons with CSS
Mantener nuestros archivos de audio en forma
Agosto 20, 2007
Inspirado totalmente en los artículos de Lifehacker que me recomendó en una ocasión oce (incluso con alevosía y ventaja, prácticamente copie el nombre del título ), y por el gran post de sólo otro blog infame “Barriendo el polvo en iTunes”, aquí algunas recomendaciones para tener nuestros archivos de audio o básicamente los archivos de mp3 en forma o por lo menos, como yo lo hago. Todos los programas son gratuitos y las alternativas para Mac son solo complementos para iTunes, tal vez si no fuera tan lento en Windows…
Las recomendaciones que hacen en Lifehacker son muy buenas, pero casi todos se basan en el uso de Media Monkey, un reproductor muy bueno, pero a mi nunca me acaba de convencer, sin embargo con el reproductor que utilizo actualmente no estoy en muy buena posición de hablar. Aunque ya he usado la mayoría.
El post es mucho más grande de lo que yo tenía pensado y no me gusta dividirlos, pero se me hace más cómodo hacerlo en esta ocasión, así me permite también desarrollarlos mejor. Más o menos estarán divididos de la siguiente forma:
- Primera Parte: Añadiendo y limpiando Metadatos. Qué son y como cambiar los metadatos (esa información que aparece en nuestros reproductores: artista, titulo, canción, etc). Además como agregar las portadas a los archivos de audio.
- Segunda Parte: Utilidades. Una lista de programas que nos pueden ser de utilidad para tener en forma los MP3 (normalizar audio, conversores, etc).
- Tercera Parte: Renombrando y organizado. Como renombrar los archivos de una forma rápida para identificarlos fácilmente.
Añadiendo y limpiando Metadatos
Los metadatos según la Wikipedia “son datos que describen otros datos” o también podría definirse como información sobre datos. En el caso de los archivos de audio y principalmente los MP3 ésta información adicional se incluye en etiquetas (tag) ID3 que contienen datos como, el autor de la canción, el título, el nombre del disco, etc. Por esa razón si un archivo se llama “1234.mp3“, nuestro reproductor mostrara Britney Spears – Oops!…I Did It Again “Tool - Schism”, obviamente si esta bien etiquetado.
Muchas son las causas por la cual un archivo pueda estar con la información incorrecta o incompleta, es principalmente porque cuando se convierten las canciones del disco a MP3 no se usa una base de datos para obtener las etiquetas ID3.
Para fortuna existen varias formas de solucionar ésto. La mayoría de los reproductores ya incluyen herramientas para etiquetar de forma adecuada, pero pecan muchas veces de no se perfectas, por eso, en mi caso, uso aplicaciones externas. En especial utilizo Mp3tag por ser bastante sencillo, sin embargo también existe una alternativa más completa llamada TagScanner, aunque más complicada. Ambas aplicaciones por recomendación de Gringo.
Etiquetando con Mp3tag
Los pasos son muy sencillos:
- Abrimos la carpeta donde se encuentren las canciones (también puedes abrir varias carpetas a la vez).
- Seleccionamos todos los archivos Ctrl + A.
- Vamos al menú “Tag Sources“. Aquí nos mostrara varias opciones donde podremos conseguir los metadatos de las canciones como freeDB.org o Amazon.
- Presionamos en “freedb” y seleccionamos “averiguar de los archivos seleccionados“.
- Debería salir una pantalla parecida a esta.
- Elegimos la opción correcta, si deseas puedes ver una vista previa de como quedaran los archivos en la siguiente pantalla.
- Presionamos aceptar, y listo, nuestros están correctamente etiquetados.
Ve estas imágenes con los resultados. La primera muestra como no hay información alguna del archivo, sin título, intérprete, álbum, etc. La segunda imagen muestra los resultados de los pasos que acabo de comentar, ahora será mucho más fácil organizar nuestras librerías y listas de reproducción. Presiona en ellas si quieres verlas en un mayor tamaño.
Alternativas
PC:
PC y Linux:
Mac:
Añadiendo la portada del disco
Muchas reproductores ofrecen la opción de mostrar la portada del disco de la canción que se esta reproduciendo, esto ayuda a tener una referencia visual, muchas veces recordamos más la imagen del disco que su nombre, además simplemente se ve mejor.
Existen dos formas para que los reproductores muestren la portada (o por lo menos en Windows), una es teniendo una pequeña imagen en la carpeta que contiene las canciones. Para mi no es la mejor opción porque tienes que colocar una en cada folder. La otra manera es añadiendo la imagen al archivo de mp3 o mejor dicho a sus metadatos, esto aumenta un poco el tamaño del archivo pero es mínimo (5kb aproximadamente). De esta forma son varias las ventajas:
- No importa en que carpeta esté el archivo de audio, siempre irá acompañado de su portada.
- Los reproductores portátiles y programas la desplegaran sin importar que la imagen del disco este separada de “su carpeta”.
Hay varias formas de incrustar la imagen a la información de la canción. Aquí algunas:
De forma manual
Muchos programas permiten pegar directamente la imagen como MediaMonkey o Windows Media Player (desconozco si iTunes pueda hacerlo, no me acuerdo la verdad). Para buscar la portada, la mejor opción es usar Albumart.org, un buscador (valga la redundancia) dedicado solamente a encontrar las imágenes de los discos y DVDs. Si en dado caso de no encontrar lo deseado, la segunda mejor opción es buscar en Google.
De forma automática
Album Cover Art Downloader. Si tu tienes tus archivos mp3 bien organizados y etiquetados, tal vez lo único que busques es la portada del disco. Éste programa se dedica exclusivamente a esa acción a través de diversas fuentes como Amazon, Yahoo, Walmart, y Buy.com.
Es muy sencillo de usar. Puedes seleccionar la carpeta donde tengas todos los archivos de audio para poder ver cuales les hace falta, y una vez localizados, presionamos en “Downloads Covers“, esto te mostrara seguramente más de un resultado, solo selecciona la adecuada y presiona “Set as Cover” . Lo que me gusta del programa es que puedes incrustar directamente la imagen a los archivos de mp3 (u otros formatos) sin necesidad de otro programa. Tiene además otras interesantes opciones.
Otra alternativa muy similar a ésta, es Amazon Cover Downloader, pero como su nombre lo dice, sólo trabaja con la base de datos de Amazon, y mucho más importante, no permite incrustar las imágenes a los archivos.
Alternativas:
Linux:
- Amarok (éste más bien es un reproductor que hace un poco de todo como iTunes y MediaMonkey).
Mac:
Continuara…
Una revista que me gusta mucho pero que es algo difícil si no hasta imposible conseguir en México es Computer Arts, me gusta sobre todo por que además de muy buenos artículos se enfocan mucho en lo práctico a través de tutoriales y consejos, asimismo su diseño en si es espectacular y admirable.
Afortunadamente hace un tiempo algunos de los recursos que eran de pago en su sitio incluyendo los famosos tutoriales los dan ahora de forma gratuita en archivos PDF, obviamente no ofrecen todos lo que podemos encontrar en su revista impresa y digital, pero vaya que valen pena por que son creados por diseñadores de todas partes del mundo incluyendo algunos que tienen sus trabajos en DeviantArt.
Aquí algunos de los que podemos encontrar (en la columna izquierda puedes seleccionarlos por categoría), están en ingles pero con muchas imágenes que te pueden facilitar poder seguirlos:
- Vivid colour effects
- Work with perspective
- Creating and using logos
- Editorial type design
- Design a portfolio magazine using InDesign
Otra revista muy similar a Computer Arts es DigitalArts (yo la conocía como Digit) que también ofrece tutoriales y bastante buenos, aquí otra pequeña lista de sus artículos.
Crear un DVD con nuestros archivos de video
Julio 5, 2007
Este día precisamente tenía destinado ha crear un breve tutorial de como hacer un DVD con DVD Flick. Prácticamente es elegir el video, el subtitulo y listo, así de sencillo por eso me gusta ese programa, además es gratuito y de código libre. Pero yukei.net ha creado un excelente lista de los diferentes programas que podemos usar para crear un DVD, solo agregaría ConvertXtoDVD.
Como bien dice Felipe Lavín para poder ver los videos en un DVD por cualquier reproductor de salón, no solo es copiar los archivos (como se hace en un respaldo) si no hacer un proceso para que esto se pueda lograr llamado autoría de DVD.
Aparte de mostrarnos los pros y contras de cada programa yukei nos enlaza a tutoriales para empezar desde cero. Obviamente también para DVD Flick, el cuál esta mucho más detallado e ilustrado de lo yo pretendía hacer. Tutorial para DVD Flick por MundoDivx.
Por último, una recomendación que me gustaría dar es que el proceso de crear un DVD es algo lento, lo mejor es hacerlo cuando no tengamos pensado usar la computadora ya que toma bastante recursos o en otra que no sea la que usamos cotidianamente o por que no, dejar que el programa trabaje en la noche, indicar al programa que grabe el DVD y así en la mañana nuestra obra estará realizada.
Así que ya lo tienes todos los recursos para ver las series que has bajado por torrent o emule, los videos de Youtube que hayas guardado o lo que se te ocurra desde el reproductor de DVD de tu sala.
