Curiosidades, Tecnología y mucho más – CreativeWeb Blog es un producto CreativeWeb Colombia
Ahora aun mas rapido se lanza la nueva version del navegador mas famoso del mundo, dentro de las nuevas novedades, se destaca que todo el mundo usa la web de forma diferente, por eso, ¿por qué tu navegador tiene que ser igual que el de tu derecha? Ya estés chateando, cocinando o escribiendo código, Firefox tiene más de 6.000 extensiones para ayudarte a personalizar el navegador de la forma que quieras. Además de miles de Personas para cambiar su apariencia de forma instantánea.

“ZAC es el primer navegador desarrollado específicamente para niños con autismo, y desórdenes de espectro autista como el síndrome de Asperger, desorden de desarrollo dominante (PDD sus siglas en inglés), y PDD-NOS. Hemos creado este navegador para los niños – para su divertimento, enriquecimiento, y libertad. Los niños lo prueban, usan, juegan e interactúan con él, y experimentan su independencia mediante ZAC”. Comenta su creador.
Eh aqui el video de lanzamiento:
“Hemos creado el Navegador ZAC a partir de una profunda necesidad propia. En 2002 fuimos bendecidos con un hermoso nieto, Zackary. En sus primeros años Zackary empezó a mostrar signos clásicos de desorden de desarrollo dominante (PDD sus siglas en inglés) y fue diagnosticado como autista severo en 2005. (more…)
Cuando usted está diseñando un sitio Web, un blog, un portafolio de servicios, etc siempre tendrá que añadir una imagen al trabajo… pero, ¿Y donde encontrar buenas fotos e imágenes gratis?
Pues bien, como las imágenes desempeñan un papel importante en el diseño aquí te va un listado de 30 sitios para que descargues imágenes gratuitas:
1. Photocase
2. StockXchange
3. StockVault
4. Dreamstime
5. Open Photo
En Youthedesigner han preparado un tutorial muy práctico para aquellos que apenas están empezando a trabajar en Adobe Photoshop CS2. En esta ocasión nos enseñan como hacer nubes que llueven de verdad en dicha herramienta.
El manual viene en ingles pero es muy práctico de seguir porque incluye algunos pantallazos de los pasos a seguir. El resto queda en ti. Con un poco de paciencia y mucha dedicación podrás sacar tu nube tal cual como está en la imagen superior.
El navegador mas popular de Internet, se actualiza, en este caso nos ah llegado la noticia por medio de MSDN Flash y parece ser que viene con grandes cambios, entre ellos la “Interoperabilidad, en base a estandares”.

Esta version dice Microsoft dara la oportunidad para que desarrolladores y diseñadores de aplicaciones web, podamos probarla, evaluarla y ver el impacto que tendrá en nuestras aplicaciones, antes de lanzarla en una versión definitiva.
Descargar la version Beta 1 del Internet Explorer 8 es sencilla, ademas se tendrá acceso a recursos y vídeos acerca del uso de WebSlices, Ajax Navigation y otras funcionalidades nuevas.
Empezamos creando una figura base, la estrella. Selecciona la Herramienta Estrella
y dibuja una estrella de unos 150px de ancho. Arrastra el cuadro de Puntos(Points Handle) para incrementar la cantidad de puntas a unas 22, haz lo mismo con el radio interior Radio 2(Inner Radius Handler) para producir puntas más cortas y más triangulares.



Usa la Herramienta Texto
e introduce tu texto principal encima y centrado en tu figura del sello. Para el ejemplo usé la fuente Georgia negrita-itálica, pero puedes usar cualquier fuente que sea de tu agrado (las fuentes serif tradicionales se ven bien en los sellos). Dale un color similar en hue, pero un poco más oscuro al color de tu figura del sello, en este caso vamos a usar #DDA600.
Copia el texto (Ctrl+C) y pégalo (Ctrl+V) y muévelo una capa hacia abajo (Ctrl+?). Usando las flechas de tu teclado, sube el nuevo texto dos píxeles, dale un relleno negro, y pon su opacidad en 50%.
Repite los pasos anteriores pero ahora mueve el texto dos píxeles abajo y ponle un relleno color blanco, igual con la opacidad en 50%.

Para la pièce de résistance, vamos a poner un texto acompañando a nuestro sello siguiendo una guía circular, muy similar a los sellos dorados que vemos en certificados o documentos legales.
Usa la Herramienta Elipse
para crear un círculo exterior, centrado sobre la figura del sello. Después, usando la Herramienta Texto crea un par de textos centrados y justificados que formarán las partes del texto que rodeara el sello. Céntralos horizontalmente sobre el círculo que acabas de crear, alinea la parte superior del primer texto con la parte superior del círculo, y alinea la parte inferior del segundo texto, con la parte inferior del círculo.
Después de esto, crea un nuevo círculo más pequeño que el anterior, con su parte superior tocando el inferior del primer texto y su parte inferior tocando por arriba al segundo texto. Esto hará que tus textos estén perfectamente alineados a los trazados concéntricos una vez que los unamos a los círculos.


Cuando hayas terminado, selecciona todos los objetos de tu lienzo (Ctrl+A) y crea un símbolo con ellos (F8). Debido a algunos detalles con el Fireworks cuando escalas o rotas figuras con gradientes y textos sobre trazados, te convendrá allanar todas las capas de tu nuevo símbolo (Ctrl+Shift+Alt+Z) antes de aplicar cualquier transformación. También, dependiendo de la situación, te convendría ajustar la intensidad de la sombra para hacer que tu sello destaque más.


Smashing Magazine hizo una buenísima recopilación de 50 espectáculares diseños web basados en CSS (Hojas Estilo). Aquí dejo en enlace para que puedas ver los mejor de lo mejor en diseño. De todas maneras creo que habrán muchisimos diseños buenos que tocaría agregarle a la lista.

En este post enseñare como conseguir este portafolio en Fireworks, este tutorial esta disponible para Photoshop pero logrer hacer el mismo trabajo en firewors. Al final dejere el template en formato PSD para que lo estudien y/o modifiquen al gusto de cada quien.

En el este articulo vamos a trabajar un poco sobre la creación de un logo en fireworks y trabajamos con vectores. Sin duda Fireworks es una herramienta fantástica para el desarrollo web.
Primero deberemos tener los siguientes conceptos claros:
Bitmap: Pintan cada píxel para formar una figura. Cada vez que un Bitmap es trabajado, se pierde resolución.
Vectoriales: Las figuras son generadas matemáticamente por la CPU. Cada figura es un objeto que puede ser borrado o redimensionado sin perder resolución.
Vamos a trabajar con imágenes vectoriales en el Fireworks a través de la creación de una marca o logo para una empresa. Voy sólo desarrollar de forma ficticia y sin concepción ninguna, pues no existirá empresa. Sólo vamos a mostrar como es posible usar el Fireworks para dibujos vectoriales.
(more…)