Lo principal en el nuevo Adobe Fireworks CS4
Posted on | Diciembre 8, 2008
Buen artículo compilatorio, de algunas de las nuevas y muy útiles funciones del Fireworks CS4, por Michael Tuminello (Motiontek).
This article highlights the top new features in Fireworks CS4 from one designer’s perspective and also mentions a few changes you can make to your Fireworks setup to improve its efficiency.
- User interface overhaul
- New Photoshop compatible text engine
- Smart align: another great timesaver
- Arrow line tool
- New styles
- Improvements to rich symbols
- New color panels (plus Adobe Kuler)
- “Share My Screen…” feature
- PDF export
- “Take screenshot” command
Fuente: Adobe Labs
iPhoniza tu sitio web rápido y gratis!
Posted on | Diciembre 5, 2008
Intersquash.com ha creado una pequeña herramienta en línea para convertir el contenido de tu sitio y publicarlo en un URL para que pueda ser visto óptimamente en el iPhone.
Bueno, no todos los websites aplican, puesto que es necesario tener un “feed” de RSS, para poder leer de ahi el contenido del mismo.
Es gratis y bastante sencillo, aunque el resultado final depende un poco de cómo esté configurado tu RSS.
Haciendo las pruebas respectivas, de este blog: http://www.mmcdesign.com/blog/ resultó ésto: http://intersquash.com/feed/2c089c87
12 principios para manter nuestro código limpio
Posted on | Noviembre 13, 2008
Buen artículo de Smashing Magazine, con recomendaciones prácticas para mantener el código de nuestros sitios en orden!
Beautiful HTML is the foundation of a beautiful website. When I teach people about CSS, I always begin by telling them that good CSS can only exist with equally good HTML markup. A house is only as strong as its foundation, right? The advantages of clean, semantic HTML are many, yet so many websites suffer from poorly written markup.
Ver articulo en Smashing Magazine
8 pasos para arruinarle la vida a un diseñador gráfico
Posted on | Septiembre 6, 2008
Esto me lo enviaron por correo electrónico, y aunque no tenía autor, me pareció que sería interesante compartirlo para que se sientan identificados con mucho de lo que aquí dice.
Si conocen el autor, me lo comunican por favor, para dar el crédito correspondiente!
Como todos saben, los diseñadores gráficos son la razón por la que hay tantas guerras y caos en el mundo. Se meten en nuestras mentes con los mensajes subliminales que usan en sus diseños, nos obligan a gastar nuestro dinero en productos inútiles, nos llevan a la depresión y a cometer actos violentos y claro, la mayoría de los diseñadores son comunistas.
Así que para salvar al mundo de los malvados diseñadores gráficos he creado esta lista de cosas que podemos hacer para asegurarnos de acabar con ellos y obligarlos a dejar su profesión, por siempre!
1- Microsoft Office. Cuando tengas que mandarle un archivo a un diseñador grafico asegúrate que este hecho en algún programa de Microsoft Office, versión para PC de preferencia. Si le tienes que mandar imágenes asegúrate que estas estén incrustadas en un archivo de Office como Word o PowerPoint, esto lo volverá loco. No se te olvide bajarle la resolución lo mas que puedas a la imagen de esa manera tendrá que llamarte para pedirte una en mas alta resolución y cuando lo haga, mándale una aun más pequeña. Si usas email para enviársela olvida adjuntar el archivo un par de veces.
2- Fuentes. (Tipos de letra) Si el diseñador escoge Helvética, tú pí dele Arial. Si él escoge Arial pí dele Comic Sans. Si él escoge Comic Sans quiere decir que ya está medio loco y tu misión será más fácil.
3- Más es mejor. Digamos que mandaste a diseñar un volante. Los diseñadores gráficos siempre tratan de dejar espacio en blanco por todas partes: usan márgenes grandes, mucho espacio entre letras y entre las lí neas de un párrafo. Ellos dicen que esto hace que sea más fácil de leer y que el diseño se verá más limpio y profesional. Mentira! La razón por la cual hacen esto es para que tu documento sea más grande y costoso. ¿Por qué hacen esto? Porque los diseñadores gráficos odian a la gente, también comen bebes crudos.
Así que pí dele al diseñador que use márgenes pequeños y el texto lo haga muy pequeño. Que use muchos tipos de letra y de esos dibujitos que vienen predeterminados en los programas de Office. Ellos trataran de defender sus razones pero no te preocupes, al final tú eres el cliente y tienes la razón.
4- Logotipos. Si le tienes que enviar un logotipo a un diseñador para algún proyecto asegúrate de seguir el procedimiento de mandar imágenes detallado en la regla #1 o mejor aun, dile que lo baje de Internet o mándaselo por fax. Una vez que el pobre diablo logre recrear tu logo en el diseño pí dele que lo haga lo mas grande posible. Por otra parte, si quieres que te diseñe un logotipo personalizado haz tus propios bocetos en una servilleta o pídele a uno de tus sobrinitos que lo dibuje por ti. El boceto tienes que estar lo MENOS detallado posible. Entre menos entienda el diseñador mejor porque así lo obligaras a hacer mil cambios después. Nunca aceptes la primera propuesta que haga ni la novena. Pí dele que meta una foto en el logotipo, letras en 3D con degradados de arco iris y que use por lo menos tres tipos de letras.
Cuando te entrega la décima propuesta dile que te gusto mas la segunda pero que se parezca a la quinta usando los colores de la séptima. Esto es cruel pero recuerda los diseñadores gráficos son la causa numero uno de cáncer en nuestro paí s.
5- Usa tus propias palabras. Cuando le describas un proyecto a un diseñador asegúrate de usar términos que no significan algo como por ejemplo: Quiero un diseño súper padre o que se vea bonito, que vibre, algo espectacular. Si lo prefieres usa términos contradictorios:colorido pero en blanco y negro, conservador pero extravagante. Hacer esto pone al diseñador un paso más cerca de la locura y mas lejos de querer seguir ejerciendo su profesión.
6- Colores. La mejor manera de escoger colores para tu diseño es al azar. Puedes escribir los colores que más te gusten en papelitos y echarlos en un sombrero y escoger a ciegas. Los diseñadores sugerirán que escojas dos o tres cuando mucho pero no te dejes engañar ellos quieren sabotear tu trabajo, escoge cuantos colores quieras y si quieres cambiarlos a la mitad del proyecto estas en todo tu derecho.
7- Fechas límite. Cuando el diseñador te pida que apruebes el proyecto, tomate tu tiempo. No hay prisa, tomate dos o tres dí as hasta una semana si quieres siempre y cuando justo un dí a antes de vencer el plazo de entrega del proyecto le digas al diseñador que tiene que hacer mas correcciones y cambios. Esto probablemente hará que el hí gado del diseñador explote pero ¿qué más da? Ellos son responsables de los ataques terroristas que ha sufrido nuestro paí s últimamente.
8- Acábalo!! Después de aplicarle todo lo de esta lista a tu víctima, el diseñador, por naturaleza humana (está por determinarse si son humanos o no) se sentirá un tanto inseguro. Para ahora se dará cuenta de que no puede satisfacer tus necesidades y abandonara toda esperanza de ganar un argumento contra ti y hará todo lo que le pidas sin respingar. Si quieres tu diseño en amarillo canario con letras naranjas lo hará.
Es fácil pensar que después de todo esto has ganado la guerra contra los diseñadores pero recuerda que la meta es que el diseñador se retire del negocio. Así que prepárate para darle el golpe mortal. Cuando se estén haciendo las decisiones finales sobre los colores, el texto, las imágenes, etc. Dile que te sientes defraudado por su falta de iniciativa, que él es el diseñador y deberí a ser él quien tome las decisiones usando su experiencia y talento, no tú.
Dile que esperabas mas iniciativa y consejos de su parte y que ya estas harto de su falta de creatividad y que de ahora en adelante tú harás tus propios diseños en Microsoft Publisher o Word en vez de pagar por sus servicios. Después de esto puedes estar seguro de que en el mundo habrá un diseñador grafico menos del cual cuidarse.
La anatomía de un ícono
Posted on | Septiembre 2, 2008
La verdad hace tiempo he querido escribir un artículo de este tipo de mi propia autoría, tomando en cuenta los íconos que ya he podido realizar en Iconiza.
En este caso se me adelantó Michael Flarup quien ha publicado un interesante tutorial paso a paso de cómo construir un ícono, desde la concepción del diseño hasta su ejecución final.
Veamos… http://pixelresort.com
Convierte tu blog de Wordpress en un manejador de contenido (CMS)
Posted on | Septiembre 1, 2008
Muy buen artículo de Selene Bowlby, que nos explica en breves tips, cómo aprovechar al máximo la plataforma de blogs Wordpress para crear sitios algo más complejos, que pueden ir más allá de su funcionalidad estándar.
WordPress is incredibly versatile, in that although it is primarily known as a blogging platform, it can be used to run a non-blog web site as well.
Artículo completo en: http://www.idesignstudios.com
flCodr: Snippets de código para Flash!
Posted on | Agosto 31, 2008
Interesante y muy útil sitio para encontrar "snippets" de flash, o pequeños códigos listos para usar.
Visita: http://www.flcodr.com
Estadísticas de uso de navegadores mundialmente
Posted on | Agosto 28, 2008
Los dejo con unas estadísticas interesantes de las perferencias de los usuarios en el uso de navegadores.
Para el 2008:
| 2008 | IE8 | IE7 | FF2 | IE6 | FF3 | SM | O | S | K | Others |
|---|---|---|---|---|---|---|---|---|---|---|
| 2008 | IE8 | IE7 | FF2 | IE6 | FF3 | SM | O | S | K | Others |
| January | 0.1 % | 22.1 % | 42.6 % | 14.2 % | 0.8 % | 6.9 % | 3.5 % | 2.6 % | 0.1 % | 7.1 % |
| February | 0.3 % | 23.0 % | 42.4 % | 12.3 % | 1.0 % | 7.4 % | 3.0 % | 2.8 % | 0.3 % | 7.5 % |
| March | 1.8 % | 22.2 % | 41.8 % | 11.9 % | 1.9 % | 6.8 % | 3.0 % | 3.2 % | 0.1 % | 7.3 % |
| April | 0.7 % | 20.3 % | 41.8 % | 12.5 % | 2.7 % | 7.7 % | 3.2 % | 3.4 % | 0.2 % | 7.5 % |
| May | 1.0 % | 20.4 % | 41.6 % | 11.1 % | 5.3 % | 7.3 % | 2.8 % | 3.5 % | 0.2 % | 6.8 % |
| June | 0.6 % | 19.5 % | 33.4 % | 11.1 % | 14.2 % | 7.9 % | 3.1 % | 2.7 % | 0.1 % | 7.4 % |
| July | 0.6 % | 19.2 % | 20.7 % | 9.6 % | 27.2 % | 8.9 % | 3.3 % | 2.7 % | 0.1 % | 7.7 % |
| August | 1.5 % | 18.6 % | 17.4 % | 9.4 % | 31.2 % | 8.4 % | 2.7 % | 3.1 % | 0.0 % | 7.7 % |
| Total 2008 | 0.8 % | 21.3 % | 40.6 % | 12.2 % | 4.2 % | 7.4 % | 3.1 % | 3.0 % | 0.1 % | 7.3 % |
Para 2007:
| 2007 | IE7 | FF2 | IE6 | FF1.5 | SM | OP | S | Others |
|---|---|---|---|---|---|---|---|---|
| 2007 | IE7 | FF2 | IE6 | FF1.5 | SM | OP | S | Others |
| January | 17.6 % | 28.0 % | 27.5 % | 12.3 % | 2.7 % | 2.3 % | 2.1 % | 7.5 % |
| February | 17.4 % | 31.7 % | 22.6 % | 12.0 % | 4.8 % | 2.8 % | 2.2 % | 6.5 % |
| March | 17.5 % | 34.6 % | 21.3 % | 8.9 % | 5.7 % | 2.5 % | 2.1 % | 7.4 % |
| April | 17.9 % | 34.4 % | 22.5 % | 6.8 % | 6.1 % | 2.9 % | 2.2 % | 7.2 % |
| May | 18.1 % | 35.4 % | 22.0 % | 6.3 % | 6.0 % | 2.5 % | 2.1 % | 7.6 % |
| June | 16.9 % | 40.0 % | 18.9 % | 4.5 % | 6.4% | 3.3 % | 2.6 % | 7.4 % |
| July | 19.1 % | 43.8 % | 17.9 % | 1.9 % | 6.3 % | 3.0 % | 2.5 % | 5.5 % |
| August | 18.6 % | 44.2 % | 16.7 % | 1.1 % | 7.3 % | 2.5 % | 2.5 % | 7.1 % |
| September | 18.7 % | 42.9 % | 16.1 % | 1.2 % | 7.2 % | 4.4 % | 2.5 % | 7.0 % |
| October | 21.1 % | 41.9 % | 17.4 % | 1.2 % | 6.6 % | 2.7 % | 2.5 % | 6.6 % |
| November | 22.1 % | 41.6 % | 15.5 % | 0.6 % | 6.9 % | 3.3 % | 2.6 % | 7.4 % |
| December | 20.4 % | 44.9 % | 12.5 % | 0.4 % | 6.8% | 3.4 % | 3.4 % | 8.2 % |
| Total 2007 | 18.8 % | 38.4 % | 19.1% | 4.5 % | 6.1 % | 3.0 % | 2.5 % | 7.6 % |
Visto en:
http://www.gtalbot.org/Varia/BrowserStats.html
http://www.w3schools.com/browsers/browsers_stats.asp
Intel presenta dispositivo para transmisión inalámbrica de corriente
Posted on | Agosto 24, 2008
El tema de transmitir electricidad inalámbricamente no es noticia nueva, ya que el meollo del asunto no es si se lo puede hacer o no, sino de cómo hacerlo segura y eficientemente.
Intel nos presenta un sistema inalámbrico para transmisión de electricidad que, según ellos, revolucionará la vida moderna, al liberar a los dispositivos de transformadores y tomacorrientes. De ésto estoy seguro.
Electricity was sent wirelessly to a lamp on stage, lighting a 60 watt bulb that uses more power than a typical laptop computer.
Most importantly, the electricity was transmitted without zapping anything or anyone that got between the sending and receiving units.
“The trick with wireless power is not can you do it; it’s can you do it safely and efficiently,” Intel researcher Josh Smith said in an online video explaining the breakthrough.
“It turns out the human body is not affected by magnetic fields; it is affected by elective fields. So what we are doing is transmitting energy using the magnetic field not the electric field.”
Más acerca de la corrección de PNGs para Internet Explorer
Posted on | Agosto 21, 2008
Unit Interactive nos ofrece una buena opción para la corrección de renderizado de PNGs, especialmente los que tienen transparencia, en Internet Explorer 6.
El script tiene características bastante interesantes, aquí las más relevantes:
- Muy compacto! Menos de 1kB
- Funciona con objetos img y también con imágenes de background
- Corre automáticamente, no hay que definir clases y objetos
Visita el sitio y descárgalo en: http://labs.unitinteractive.com/unitpngfix.php
Un sitio más rápido?… apliquemos algunas técnicas
Posted on | Agosto 20, 2008
Aplicando algunas técnicas relativamente sencillas, podemos optimizar un sitio web y, entre otras cosas, aprovechar mejor el ancho de banda de nuestro servidor, así como mejorar la velocidad de descarga del mismo.
Veamos algunas recomendaciones de http://portfolio.sticktacular.com
- GZip
- Javascript and Ajax
- Images, Included Files and HTTP Requests.
- Limiting MySQL Queries.
- Renaming Files’ Extensions to .PHP
- http://www.websiteoptimization.com/
Artículo completo en: http://portfolio.sticktacular.com
Siete principios para el código CSS limpio y optimizado
Posted on | Agosto 18, 2008
Muy buen artículo de Tony White, para Smashmagazine, que nos da una serie de tips avanzados para mantener nuestro código CSS limpio y optimizado.
- Utiliza “Shorthands” (abreviaciones de código)
- Hacks
- Usa sabiamente el espacio en blanco
- Resetea el código que no usarás
- Valida el CSS para el futuro
- Documenta lo que escribas
- Utiliza compresión
Sitio: http://www.smashingmagazine.com/
michaelmuller.net ahora también en el iPhone
Posted on | Agosto 18, 2008
Aprovechando el plugin iWPhone para Wordpress, ahora este blog también es accesible en una interface amigable para iPhone.
La instalación del plugin es igual de sencilla que otros plugins, e incluye un tema (el que hay que instalar en la carpeta temas) que puede ser customizado para alinearse con la imagen del blog en cuestión.
Sitio: http://iwphone.contentrobot.com/
Evaluando plantillas de Wordpress temporalmente
Posted on | Agosto 18, 2008
Como que no me decido con esto del diseño… bueno, por lo pronto encontré un par de plantillas de Wordpress que me van a ayudar a mantener en algo la imagen limpia.
La idea general, es tener un nuevo diseño (propio), el cual espero poder trabajarlo pronto!
Despertando de la ausencia…
Posted on | Agosto 2, 2008
Bueno, aquí estamos de vuelta, al menos lo haremos de a poco… Fueron varios meses en los que por fuerza mayor tuve que dejar de actualizar este blog, pero espero, ahora que estoy en un proceso de rediseño global y saliendo de algunos proyectos, retomar con más fuerza este blog. Por ahora, estoy utilizando un template, pero espero tener un nuevo diseño lo más pronto posible!. Gracias por su paciencia!
keep looking »Recomendados
- Más fuentes y tipografías para descargar (Gratis!)
(4 out of 4) - BitNami: Aplicaciones web empaquetadas y listas para instalar! (4 out of 4)
- Notas acerca de HTML y su correcta visualización en e-mails (4 out of 4)
- Tips y trucos de CSS (muy útiles) (4 out of 4)
- Layouts en CSS de 3 columnas fijas (4 out of 4)
- Por qué mi sitio se ve diferente entre navegadores (4 out of 4)
- Stemplate: Templates de elementos web (3.86 out of 4)