Mar 07

Smashing Magazine.- When it comes to icons, web designers and graphic artists have an excellent opportunity to showcase their craft, prove their experience and explore their creativity. A sweet, nice icon set is a perfect showcase of designer”s work and a powerful instrument to build up your reputation online.

In fact, designers make use of it, creating absolutely amazing icon sets and offering them for free download. The result: hundreds and hundreds of sets available almost everywhere, usually not that well executed and often duplicated from other sets. However, there are indeed free high-quality icon sets. And this post is supposed to prove exactly that.

You might want to take a look at the following articles we”ve presented earlier:

Feb 25

Interamerican Cargo

NazarDesign.- Un proyecto para el portafolio de NazarDesign: InterAmercican Cargo enfocado a que los clientes de la empresa puedan hacer la mayoría de sus gestiones a través de la web de la empresa. Felicidades InterAmercican Cargo muchos éxitos de negocios con su nuevo sitio web.

Feb 24

Adobe on AIR EuropeMaestros del Web.- El interesante tour On AIR de Adobe cruza el charco hacia Europa y arranca su primer evento en Madrid el 31 de marzo. Este tour arrancó en Estados Unidos con un bus armado de un equipo de expertos en tecnología AIR, muchas cámaras, twitter y hasta un API para interactuar con el bus. Fue muy interesante seguirlo (yo me enganché desde twitter) y ver como promovieron los productos de Adobe y además reunieron a gente entusiasta en el desarrollo de aplicaciones.

Feb 23

BBBS of Greensboro

NazarDesign.- Un nuevo proyecto para el Portafolio de NazarDesign: Big BrotherBig Sister of Greensboro hecho en asociación con AltaSky LLC es un proyecto para promocionar este singular programa de ayuda a la infancia. Tú también puedes ser voluntario, solicita información en la página Web y colabora con la niñez.

Dec 26

FontNazarDesign.- En Bitxitales nos regalan un listado de 4 sitios Web donde nos podemos bajar fuentes gratis para nuestros proyectos de Diseño Web & Print.

Hago una aportación a este listado con 1001FreeFonts.com tienen ustedes algun enlace para agregar?

Aug 09

The Inquirer.- El desarrollo del lenguaje de marcas hipertextuales (HTML) se detuvo en 1999 con HTML 4. La versión 5 viene a remozar a la anterior, aunque sin pretender hacerla irreconocible. Entre los nuevos elementos estructurales se incluye aside, figure y section. Entre los nuevos elementos intrelínea: time, meter y progress. Entre los nuevos elementos de incrustación video y audio; Entre los nuevos elementos interactivos: details, datagrid y command.

Desde 1999, el consorcio W3C se había centrado en cambiar la sintaxis de HTML con SGML y XML, así como en crear nuevos lenguajes de marcas como SVG, XForms y MathML.

Pero no hace mucho, los tres grandes navegadores del mercado, Apple, Opera y Mozilla Foundation, se unieron en el WhatWG para desarrollar una versión actualizada y mejorada del clásico HTML. Al enterarse de esto, la W3C empezó también sus propios desarrollos en torno a una nueva generación de HTML y al final, ambos grupos caminan juntos en su empeño. Aunque existen muchos detalles del HTML 5 aún por discutir, las líneas generales de la nueva versión van aclarándose.

Una de las características que define a la versión 5 es que sus desarrolladores han intentado que las novedades no sean tantas como para hacer que HTML sea irreconocible ni siquiera para el diseñador más anticuado. Así por ejemplo, las páginas creadas con HTML 5 funcionarán bien en los navegadores Netscape 4 y Windows Internet Explorer 5.

Para conocer más detalles sobre la nueva versión, pinchar aquí.

Jun 16

NAZARDESIGN.- Me encontre con esta intersante interfase hecha ne JavaScript que simula la apariencia de este pero en la Web. Hay un source para bajárselo y ver el código.

Jun 15

MANGASVERDES.- Hoy Martin Pulido me avisa de la patada en la boca a los estandares web por parte de la nueva página web del Congreso. Jajajaja divertidísima manera de aprender como NO hacer una página Web.

ACTUALIZACIÓN 18 junio 2007:

Jun 05

NAZARDESGIN.- Navegando por la red me encuentro con esta página de Microsoft Surface me gusta mucho el diseño ya que no tenemos marcos por todos lados solo lo necesario y podés sentir libertad, soltura y color agradable. La página lo es, muy agradable desde los movimientos suaves hasta el color que hace que nuestra vista descanse un poco. Muy muy bueno.

May 26

MICROSIERVOS.- Traducción rápida y resumen de 19 Things NOT To Do When Building a Website, de Josiah Cole —con quien no podría estar más de acuerdo excepto porque en su artículo utiliza incorrectamente palabras en mayúsculas para enfatizar.

  1. Nunca cambies el tamaño de la ventana del navegador del usuario automáticamente, es molesto, irrespetuoso y típico de los sitos de spam.

  2. Mal si tu página es de las que primero carga una página señuelo y ésta “lanza” un popup con la página real. Error muy habitual de los sitios hechos en Flash.
  3. Tampoco está bien preguntar al usuario si quiere ver una caca de página directamente o prefiere entrar a un sitio guay lleno de colorines y animaciones pero para el cual necesita aditamentos especiales y esperar un rato a que cargue.
  4. Si todo tu sitio está hecho en Flash despide al desarrollador de la página y hazla otra vez; si la has hecho tú colócala en el apartado “sitios inútiles que he hecho” de tu portfolio y hazla otra vez.
  5. No pretendas reinventar la navegación de los sitios web.

  6. El contenido es el rey: si tu página web no tiene suficiente contenido o ningún texto real que no esté en una imagen contrata a un copy y despide a tu webmaster ahora.
  7. Si tu sitio web no funciona o no se ve bien en Firefox… ¡bienvenido al 2007 tontolaba!
May 23

3wstudio.com.ar.- La web 2.0, se está definiendo por unas pautas de diseño muy claras y que se ven nada más cargar una página. Pero siempre es bueno repasarlas por si no te acuerdas.

  1. Una degradados, una web sin degradados no es una web, y menos 2.0.
  2. Usa.un.nombre.con.puntos,si el nombre de tu web no tiene puntos, no se como te atreves a publicarla.
  3. Fondos diagonales, eso es lo que denota la originalidad de los diseñadores, usa diagonales para darle un efecto más 2.0 a tus creaciones.
  4. Fuentes grandes, importante piensa que con esas pantallas tan modernas quizas las vean pequeñas, los de 800×600 que hagan scroll o cambien de monitor.
  5. Fondos claros, tambien es realmente importante, fondo claros sin hacer mucho contraste con las fuentes.
  6. Efecto suelo mojado, para que tus usuarios patinen y se queden.
  7. Fuentes pixeladas, esto es lo último de lo último, un toque retro siempre te hace más auténtico…
  8. Folksonomias (tags), están de moda y aunque nadie las use como toca (yo por ejemplo), demuestras que estás a la última.

Si quieres ser original… sigue estas pautas y podrás conseguir que tus páginas se parezcan a las de los más grandes.

May 21

WEBTALLER.- Navegando por internet me encontré con este artículo muy interesante, habla de 10 cosas que todo diseñador debe saber, recopilo acá los diez puntos:

  1. Busca buenos clientes. Aquellos que pagan.
  2. Ideas, Ideas, Ideas. Cobra por tus ideas, por el valor añadido, no por la ejecución
  3. El buen diseño empieza en el buen contenido. Deberás escribir.
  4. El buen diseño es eterno
  5. El buen diseño es para todos
  6. Debes ser un maestro técnicamente aunque no ejecutes
  7. Comparte tus ideas.
  8. El buen diseño es aquel que se paga
  9. No trabajes para / con amigos si hay dinero de por medio
  10. Copia de los buenos

Se les ocurre alguna a ustedes? Lean el artículo completo en 10 cosas que todo diseñador debe saber de Web Taller.

May 18

NAZARDESIGN | El Salvador.- El portal de El Diario de Hoy, El Salvador.com amaneció este día con su página más ancha, lista para resoluciones de monitores a 1024 pxls horizontal. Felicidades por el cambio, algo que era necesario desde su lanzamiento cuando nos sorprendieron con su diseño renovado pero aun con resoluciones muy bajas para los nuevos estándares.

La Prensa Gráfica competidor directo de este medio se adelanto al contempletar en su diseño (lanzado solo un día antes que El Diario de Hoy) dicha resolución de pantalla. Que bueno ver que ambos medios se preocupan por mantener su página al día con la información y con los avances de la tecnología. Lástima que a El Salvador.com le sobra unos 5 pixeles de ancho creando esto el poco agradable “scroll horizontal” al pie de la página. ¿No me creen? compruébenlo ustedes mismo. Gracias a Alexis por el aviso.

Mar 27

ARTE DINÁMICO.- El mayor lanzamiento de software en los 25 años de historia de Adobe llega para revolucionar los flujos de trabajo creativos. Adobe Systems Incorporated (NASDAQ: ADBE) anunció la línea de productos Adobe® Creative Suite® 3, una revolucionaria oferta de herramientas de diseño y desarrollo líderes de la industria, fuertemente integradas, para cualquier flujo de trabajo creativo. La nueva línea Creative Suite 3 de Adobe combina lo mejor de los productos innovadores de Adobe y Macromedia® para ofrecer a diseñadores y desarrolladores un amplio espectro de opciones creativas para todas las facetas de diseño para impresión, Web, móvil, interactivo, cine y producción de video.

Adobe Creative Suite 3 viene en seis configuraciones completamente nuevas: Adobe Creative Suite 3 ediciones Design Premium y Design Standard; Adobe Creative Suite 3 Web Premium y Web Standard; Adobe Creative Suite 3 Production Premium; y para reunir toda la línea de productos, Adobe Creative Suite Master Collection, que combina las 12 nuevas aplicaciones Adobe para diseño y desarrollo en una sola caja: el ambiente creativo más completo jamás anunciado.

La mayoría de las ediciones Adobe Creative Suite 3 estará disponible como aplicaciones universales tanto para PowerPC como para Macs basadas en Intel, y soportarán Microsoft® Windows® XP y Windows Vistaâ„¢. Los usuarios experimentarán nuevos niveles de desempeño y velocidad al correr Creative Suite 3 nativamente en sistemas Macintosh basados en Intel y el más reciente hardware Windows.

Jan 19

FAYERWAYER.com.- Según ThinkSecret, la próxima versión de la principal aplicación de Adobe debería llegar en Marzo o Abril de 2007. Hay pocos detalles sobre lo que se viene, pero según los que han tenido la oportunidad de probarlo, todos concuerdan que es considerablemente más rápido que cualquier versión anterior, con una interfaz que reacciona más rápido. Dicen que la interfaz de Photoshop CS3 es muy parecida a la Adobe After Effects 7, con mano de nivel de brillo en toda la interfaz misma, capacidad de colapsar paletas a un sólo icono, y de convertir el clásico toolbar de dos columnas, a que tenga sólo una, entre otros cambios.

Otra novedad son los “Live Filters”, filtros que una vez aplicados, se pueden seguir modificando. Por ejemplo, le puedes dar un Gaussian Blur a una foto, y posteriormente incrementar o disminuir el tamaño del pixel radius mucho después de haberlo aplicado. Este tipo de ediciones no destructivas deberían ser suficiente razón para muchos de cambiarse. La otra gran razón es que para los usuarios de Mac con procesadores Intel, ésta será la primera versión optimizada para estos procesadores — CS2, la versión actual, debe correr bajo un emulador de procesadores PowerPC.

Adicionalmente comentan que traerá mejor soporte de video, películas Flash, objetos 3D, un panel de “Guardar para Web” mejorado, un simulador de “virtualmente todos los teléfonos y equipos inteligentes en existencia, para previsualizar las creaciones en esas pantallas”, y que al parecer ahora gran parte del procesamiento ha sido traspasado a la tarjeta de video, aumentando considerablemente la velocidad — incluso en computadores que no son de última generación.

Dec 29

Diario TI | España.- Los sitios con diseño confuso y gran demora en la presentación de contenidos aumentan la frecuencia cardiaca y la tensión muscular. Según estudio publicado por el Centro de Investigaciones de Asuntos Sociales, de Gran Bretaña, algunos sitios web “son directamente `perjudiciales para la salud debido a las reacciones de estrés que se originan al visitarlos”. En el estudio participaron 2.500 internautas, a quienes se midió la actividad cerebral, frecuencia cardíaca y tensión muscular mientras navegaban por Internet.

Google, un ejemplo

Los sitios lentos, al igual que aquellos con un diseño confuso, ocasionaban invariablemente una serie de reacciones fí­sicas en los participantes. Las ventanas emergentes (pop-ups) y la publicidad también aumentaban el nivel de estrés de los participantes.

Dec 11

MAESTROSDELWEB GUATEMALA.- (Por Stephanie Falla)La compañía Microsoft ha decidido enfrentarse con Adobe en su propio terreno por ello ha creado Expression Studio para los diseñadores y desarrolladores web. La primera herramienta del Expression Studio es denominada Expression Web y como el mismo nombre lo indica es una herramienta especializada en el diseño de sitios web.

Nov 20

NazarDesign.- Cuando diferentes selectores tienen declaraciones iguales podemos agruparlos en una única regla separando los selectores por comas. El resultado de los dos cuadros siguientes es el mismo:

ul { text-align:justify; font:0.8em Helvetica,sans-serif; }
ol { text-align:justify; font:0.8em Helvetica,sans-serif; }
dl { text-align:justify; font:0.8em Helvetica,sans-serif; }

Escrí­belos mejor así­:
ul, ol, dl { text-align:justify; font:0.8em Helvetica,sans-serif; }

Nov 17

SIDAR.ORG INTERNET.-Una declaración puede ser vacía o consistir en una propiedad, seguida por dos puntos (:), seguidos por un valor. Alrededor de cada uno de estos pueden haber espacios en blanco.

Debido a la manera en que trabajan los selectores, las declaraciones múltiples para el mismo selector pueden organizarse en grupos separados por punto y coma (;).

Ejemplo(s):

De este modo, las siguientes reglas:

H1 { font-weight: bold }H1 { font-size: 12pt }H1 { line-height: 14pt }H1 { font-family: Helvetica }H1 { font-variant: normal }H1 { font-style: normal }

son equivalentes a:

H1 { font-weight: bold; font-size: 12pt; line-height: 14pt; font-family: Helvetica; font-variant: normal; font-style: normal}

Una propiedad es un identificador. Cualquier carácter puede aparecer en el valor, pero los paréntesis (”( )”), los corchetes (”[ ]“), las llaves (”{ }”), las comillas simples (’) y las comillas dobles (”) deben ir con su par correspondiente, y los punto y coma que no formen parte de una cadena deben ir con escape. Los paréntesis, los corchetes y las llaves pueden anidarse. Dentro de las comillas, los caracteres son tomados como una cadena.

La sintaxis de los valores se especifica separadamente para cada propiedad, pero en todos los casos, los valores están compuestos de identificadores, cadenas, números, medidas, porcentajes, URI, colores, ángulos, tiempos y frecuencias.

Una aplicación del usuario debe ignorar una declaración con un nombre de propiedad no válido o un valor ilícito. Cada propiedad CSS2 tiene sus propias restricciones sintácticas y semánticas para los valores que acepta.

Ejemplo(s) ilícito(s):

Por ejemplo, asumiendo que un analizador CSS2 encuentra esta hoja de estilo:

H1 { color: red; font-style: 12pt }  /* Valor ilícito: 12pt */P { color: blue;  font-vendor: any;  /* Propiedad no válida: font-vendor */   font-variant: small-caps }EM EM { font-style: normal }

La segunda declaración en la primer línea contiene un valor ilícito: ‘12pt’. La segunda declaración en la segunda línea contiene una propiedad indefinida ‘font-vendor’. El analizador CSS2 ignorará estas declaraciones, reduciendo de hecho la hoja de estilo a:

H1 { color: red; }P { color: blue;  font-variant: small-caps }EM EM { font-style: normal }

Nov 09

MAESTROS DEL WEB GUATEMALA.- El propósito de este artículo es mostrar cómo estructurar de una forma sencilla y ordenada nuestras Hojas de Estilo (CSS). Las Hojas de Estilo en Cascada (CSS) son el recubrimiento gráfico de tu documento HTML. Cuando estamos creando una web tenemos presentes en todo momento tanto la estructura de nuestro código HTML como del propio CSS. Y sabemos siempre en qué línea del archivo buscar la información que necesitamos para modificar nuestros selectores y clases.

Pero cuando ha pasado un tiempo desde que terminamos el desarrollo de este código, y deseamos retomarlo porque queremos rediseñarlo partiendo del CSS ya escrito, o simplemente porque queremos hacer algunos ajustes, seguramente no nos acordaremos de la mitad de la información que antes teníamos tan clara.

Nota completa en Maestros del Web.