Una pequeña introducción

Ya sabemos que Inkscape es un software que viene con toda la onda 2.0, ya he comentado que por el momento es mi favorito para temas de diseño web. Una gran ventaja con la que cuenta inkscape y que lo hace sobresalir es que es Software Libre, descargalo, úsalo, copialo, modifícalo, compártelo, regálalo, todo eso esta permitido pues es absolutamente legal siguiendo la filosofía del Software Libre. Esta disponible tanto para Linux, Mac y Windows.

Empecemos

Lo primero es ir a la barra de herramientas y crear un rectángulo negro que usaremos como fondo, como el que ves, yo le he dado 400 x 300.

Ahora vamos a crear otro rectángulo esta vez blanco sobre el fondo, ahora el tamaño es 345 x 230 (los tamaño son relativos), le damos un degradado usando la herramienta "crear y editar gradientes" de la barra de herramientas, que vaya desde e7e7e7 hasta fffff, de izquierda a derecha, y para terminar le  damos bordes redondeados, esto lo conseguimos dando doble clic sobre el rectángulo y luego moviendo las guías que aparecerán según convenga.

Seguimos con un rectángulo negro con bordes redondeados sobre el anterior como muestra la figura, ahora la medida es 330 x 170.

Un rectángulo mas esta vez sin los bordes redondeados, la medida es 320 x 160 y con una gradiente que va de arriba hacia abajo desde 3771c8 hasta 0055d4.

Continuamos con el soporte de la iMac, simplemente debemos crear un cuadrado 50 x 50, seleccionarlo y usar la herramienta "editar nodos de trayecto" luego entre las opciones elegir "convertir el objeto seleccionado a trayectos" vamos a mover los nodos como muestra la segunda imagen de abajo y después crear la curva  jalando la linea por el centro hasta que esta se forme luego lo duplicamos y le damos a "reflejar los objetos seleccionados horizontalmente", botón en la parte superior, y terminamos creando una gradiente que va de arriba hacia abajo desde 999999 a ffffff, lo seleccionamos y presionando la tecla Avpag (avanzar pagina) para mandarlo debajo de la pantalla de la iMac. Creamos un rectangulo de 100 x 5 y le aplicamos gradiente de izquierda a derecha desde cccccc a ffffff.

Ahora vamos a ponerle la manzanita de mac .

Para terminar creamos un circulo sobre el rectángulo azul y vamos a la pestaña "trazo" y seleccionamos "división". luego borramos el excedente.

Listo. Espero les haya servido.

Los diseñadores en flash siempre tenían que hacer un doble trabajo al momento de intentar indexar sus webs en los buscadores.

Y aunque Fash es de lo mejor para contenidos audiovisuales sigue siendo pobre en temas de usabilidad y manejo de grandes contenidos (sitios completamente en flash) por lo cual este es un gran paso de Adobe, puede que intentando ampliar la ventaja sobre Silverlight, la tecnología de Microsoft que sí contaba con esta caracteristica.

Actualmente solo Google y Yahoo van a indexar texto contenido en flash, no ha de extrañar que no lo haga Msn.

Puede verse la noticia en el blog de Google.

No solo visito estas galerías para apreciar el buen diseño sino también para leer código, si, me gusta leer codigo css (no solo css), puedo decir que últimamente he mejorado mis practicas al momento de escribir css comparado con algunos meses atráz, y de eso se trata aprender cada día más. Claro la distribución del contenido para facilitar el uso del site también es muy interesante.

Y dicho esto ae muy bien que en vandelaydesign se hallan tomado el trabajo de hacer un:

Ranking de las 80 galerías top de css.

No queda mas que disfrutar!.

Ahora para construir un sitio web es lo correcto y no solo una buena práctica separa la presentación del contenido, xhtml y css entran aquí para mostrarnos el camino.

El contenido

El contenido es lo mas importante en nuestro sitio web, debemos tener mucho cuidado de como lo mostramos y de como se compone internamente (las mescolanzas que comente al principio), esto es información en si, por ejemplo textos o imágenes de interés para nuestros visitantes. Aquí html nos será de ayuda para plasmar dicho contenido en una página, sin aplicar colores y diseño en general aún.

La presentación

Una vez teniendo nuestro contenido limpio y plasmado en una página, vamos a darle la presentación. Ahora es momento de pensar en el tipo de letra, color de fondo, backgrounds y demás que tengamos definidos. Aquí es donde vamos a aprovechar el potencial de css.

El pasado 9 de abril se celebro el día sin css en el que muchos sitios web populares deshabilitaron sus hojas de estilo para dar paso a una presentación limpia de diseño igual a la primera imagen que muestro arriba.

Siempre vamos en busca del orden pero también debemos considerar otras ventajas de esto, ya que si existe una correcta separación de contenido y presentación solo necesitaremos tocar nuestro css para hacer un rediseño y cambiarle totalmente la apariencia a nuestro sitio web en el momento que lo creamos conveniente, sin afectar el contenido y ahorrándonos bastante tiempo.

Hace poco sucedió un episodio en mi familia que involucra ojos malignos y huevos, algo que me molesto, no narraré el asunto pero si quiero compartir mi punto de vista.

¿Cómo me enteré del mal de ojo?

Cuando era niño recuerdo (apenas) que mi madre preocupada me llevo donde una señora que luego de decir unas cuantas oraciones empezó a frotar un huevo sobre mi cabeza.Tiempo después, y ya mas grande recordando el episodio preguntaba a mi madre el porque de ese ridículo comportamiento, y ella citando a la biblia y algunos casos se encargo de que me enterará de esta creencia. Toda mi familia cree en eso pero yo no.

Hasta aquí algo que me llama mucho la atención es la gente que cree en esto y además se dicen católicos pues estos se oponen, a menos que tengas un tercera religión (muy de moda). Y no he dicho que yo sea católico, pero me llama la atención porque son la mayoría.

Me planteo algo

Simplemente me pongo a pensar que si todo el mundo esta expuesto al mal de ojo, como es que aquellos que no creen en eso y no acuden a hacerse una limpia o como se llame no caen muertos a montones, acaso la población no debería haber disminuido en vez de aumentado. Que hay con todos aquellos que no creemos en eso, acaso estamos expuestos o es simplemente el hecho de no creer nos hace inmunes.

¿Quién es culpable del mal de Ojo?

Desde aquel día en que mi madre me llevo donde aquella señora jamás me han vuelto “a pasar el huevo” (suena gracioso), y si acaso un extraño malestar me aqueja suelo culpar a la basura que como en la calle antes que a algún vecino o vecina rencoroso/a.

¿Por qué no he sido victima del mal de ojo?

Todo el mundo me ama, Esta es una de mis respuestas a la interrogante de no haber sido afectado por el mal de ojo, es posible que todo el mundo me ame, nadie me tiene envidia, nadie ha discutido jamás conmigo y ha guardado un rencor espiritual, a nadie le caigo lo suficientemente mal como para que haya deseado algún mal, y es que soy un amor y si le he recordado su santa madre a alguien no ha sido en serio los que me conocen lo saben (necesito un cartel de sarcasmo).

Pero y la gente que en verdad se siente mal y en verdad se cura

Y si alguien se me acerca y me dice que tuvo que ir con muchos doctores y que le dijeron que no tenia nada a pesar de sentir grandes molestias y solo acercando a ciertas costumbres peruanas logro la armonía que tanto buscaba. Pues quizás el se enfermo y el se curo (inconscientemente), y aquí debo citar al Efecto Placebo como algo que no esta fuera de este mundo.

Tratando de comprender la situación

Si a una madre le dicen que tirándose de un edificio salvaría a su hijo de seguro lo haría. Como mencione al principio toda mi familia cree en esto excepto yo (el integrante de la familia que gusta de Internet y nuevas tecnologías, ¿que raro no?). Trato de respetar las creencias aunque me vean extraño por no aceptar que un huevo tiene usos adicionales al de freírse y comerse.

Si consideras que una limpia o como se llama mejorara tu salud pues hazlo (si es que nada te cuesta hacerlo) pero estarás de acuerdo conmigo que antes pasaremos por el consultorio de un doctor.

Una pregunta final

Que pasaría si alguien lleva a un familiar donde el doctor y este da un diagnostico terrenal y dice que tome unas pastillas que en la semana se sentirá mejor y luego va donde un curandero que concluye que el mal del universo esta destruyendo el cuerpo, ¿hay que desesperarse o esperamos una semana?…

Software Gráfico

Empezaremos con algunas sugerencias en cuanto a software gráfico, es un hecho que googleando encontrarán más alternativas.

Inkscape, software de edición vectorial, se puede entender como la alternativa a illustrator o fireworks, también lo he utilizado para elaborar wireframes y es la que utilicé para el diseño de este blog y mi favorito desde que cambie a software libre. La verdad estoy muy complacido con este programa que día a día gana mas seguidores y ya un clásico para los famosos iconos 2.0 y ahora ultimo con caractericas para diseños 3d (revisen youtube). Esta en los repositorios de ubuntu y la instalación es muy simple:

sudo apt-get install inkscape

(también disponible para windows y mac en la sitio web oficial)

Enlaces para Inkscape

• Sitio Oficial: http://www.inkscape.org/
• Documentación en castellano del propio site: http://www.inkscape.org/doc/index.php?lang=en (ver los documentos en español en la parte inferior)
• Manuales(ingles): http://inkscapetutorials.wordpress.com

*Hay cantidad de información en Internet es es un pequeño aporte.

Gimp, La clásica alternativa a photoshop y con una gran comunidad detrás lo que provee gran contenido de ayuda, también lo he utilizado en este blog. Se instala por defecto con ubunto.
(también disponible para windows, por si aun están en proceso de cambio)

Enlaces para Gimp

• sitio oficial: http://www.gimp.org/
• sitio oficial (español): http://www.gimp.org.es/ (recomiendo revisar los foros, también hay contenido de ayuda para inkscape)

También pueden revisar Xara Xtreme http://www.xaraxtreme.org/ , también esta en los repositorios de ubuntu, basado en inkscape, no he tenido tiempo de probarlo mucho pero va bastante bien hasta donde llegué.

Y otro software de edición gráfica que también e visto mencionar (aunque solo le di un vistazo) en foros es Krita , http://www.koffice.org/krita/ , también esta en los repositorios.

Ahora lo que necesitan para mover código.

Antes que nada debe quedar en claro que al margen del sistema operativo o las herramientas que utilicen deben tener un conocimiento previo de los lenguajes, xhtml, css para empezar y luego pueden darle tiempo a javascript además de algunos conceptos básicos (no serán tema de este articulo). Los siguientes son editores no son wysiwyg, si estas empezando de corazón te recomiendo te alejes de los wysiwyg y empiecen a estudiar los lenguajes pues de esa forma lograras un nivel respetable.

Bien yo utilizo actualmente gedit, es un editor de texto plano, con características de resaltado de sintaxis para html, css, javascript, php, ruby, python etc, etc, navegador de archivos, en pocas palabras lo necesario para hacer un buen trabajo. Lo encuentran en Aplicaciones->accesorios->editor de texto.

También he tenido oportunidad de revisar Aptana , un IDE con muchas características, incluye varias librerías javascript, extensiones disponibles, resaltado de sintaxis, autocompletado, y todas las opciones básicas.

Bueno para no extenderme les dejo un par de link.

Komodo edit
Quanta Plus (ya saben ir al código)

Ahora bien algo de lectura requieren editores como Emacs y Vim , considerados un poco mas frikis y de gran nivel, para empezar recomiendo prueben con los anteriores.

Ahora unos complementos

de hecho que usas Firefox , si no es así entonces puede que tengas preferencia por Opera u otro similar, pero jamás, repito jamás tendrás gusto por Internet Explorer, de ser así da media vuelta y regresa por donde viniste.

Si coincides conmigo y usas Firefox , debes saber que sus extensiones son casi la gloria para los desarrolladores,considero que Firebug o Web developer son básicos, Measureit y colorzilla también son interesantes, y hay muchos mas para buscar.

Ahora queda investigar y probar, en un principio yo trabajaba en windows y usaba programas de Adobe poco a poco fui probando e investigando, (es bichito de ¿que mas hay?) y no me arrepiento, actualmente uso linux en mi trabajo tanto como en mi casa y es mucho lo que he podido aprender desde entonces.

Espero esto les haya servido, buena suerte.

buena suerte.