Archivo para la categoría ‘XML/CSS’

CMSer o no CMSer…ese es el dilema.

Escrito por Tzek el 13/07/07
Clasificado en: Diseño de Información, Diseño de Interacción, Diseño de Interfaces, Diseño Web, Profesión, Tecnología, XML/CSS

Este psot va dedicado a mis alumnas(as) que me pidieron info acerca de esto. Si se están tomando una cervecita en la playa por ser vacaciones, pues que sea al menos una a mi salud :)

Logos de CMS

¿Cómo está el asunto?

¿Hacer a mano las cosas o usar un sistema de administración de contenido (CMS)? Un CMS es una aplicación web, que como su nombre lo dice, te permite administrar contenido (como este blog, por ejemplo). En otras palabras, en vez de hacer la edición y actualización "a mano" de un sitio (por ejemplo), con el CMS solo vas agregando la nueva información tan simplemente como estoy ahora escribiendo este post... la "subida" de la info, el manejo de la base de datos para la info (texto, categorías, imágenes), la calendarización y otras cosas, eso te lo hace el CMS.

CMS, CSS, PHP, XML... Uff!!!

Yo soy nuevo en cuestión del blog, así que no puedo decirte cuál es mejor y por qué. Este blog está bajo uno llamado WordPress. Cuando intenté empezar con este asunto de los blogs, había considerado MovableType. Luego, Arturo, un diseñador gráfico de Hidalgo, me comentó sobre Joomla! y luego Larissa, diseñadora también, me presentó uno llamado Drupal. Por cierto, ambos me recalcaron que vieron mucho potencial al "facilitar" el manejo de información para sitios web, su navegación e interfaz.

En mi caso, y casi casi lo cuento desde una mecedora, soy de la vieja guardia. Empecé a hacer diseño web cuando creía que Jakob Nielsen había escrito la biblia de contenido en la Web y me consideraba todo un cowboy en el manejo de las tablas para layout y todo un as de los websafe colors... pero el tiempo pasó y cual dinosaurio, estaba a punto de convertirme en petróleo...

Escuchar más sobre CMS

En café internet hay este podcast donde platican sobre los CMS. Lo recomiendo a todos los diseñadores.
Acceso en: http://www.frecuenciacero.com.mx/cafeinternet

Estar in... Poner el portafolio bajo CMS

Oir de tantas "chunches" para hacer web me hizo entender la realidad de la web: uno nunca debe dejar de aprender si te interesa este biz. Como había escrito antes, el paso más complicado fue el cambio de casette y más que verme trendy y creerme usable por no usar tablas, necesitaba continuar artesanalmente construyendo mi portafolio personal para lograr ese cambio.

Recomiendo visitar estos dos portafolios realizados con CMS (creo que bajo Movabletype y el otro bajo WordPress)
Mark McKay en http://mark.com.mx y el de
Seth Paxton en http://seth.com.mx

Nuevo portafolio: Tzek a un año…

Escrito por Tzek el 03/07/07
Clasificado en: Diseño Web, Métodos y proceso de diseño, Profesión, XML/CSS

1er Aniversario Tzek

Hace un año que me animé a conseguir alojamiento y tener un dominio desde OmiConcibeIdeas, mi viejo portafolio cuando estudiaba en el CIMAT...

Para festejar (1. vaya manera, 2. si no me autofestejo, pues quién... verdad?) ya era hora de darle una chamba de albañilería a Tzek Design. Este es el index resultante:

Página de Inicio nueva en Tzek Design

Aunque ya me he quitado el casette de las tablas de la cabeza, si que he sudado la gota gorda (tanto tiempo sentado) con este nuevo portafolio (super artesanal... todo "a pata"). El trauma de siempre, el ajuste de Internet Explorer (IE) porque no renderea bien las hojas de estilo... En Diseñorama hay un artículo muy bueno sobre condicionales para IE.

(Por cierto, si no han leído Diseñorama, de lo que se están perdiendo... Es como Verlee pero orgullosamente mexicana).

Ventanas Pop Up

Pero necio de que quería unas ventanitas pop-up tipo nuevo sitio de mac, estuve busque y busque un script que jalara bien para lo que quería... Esta es la dirección donde encontré por fin lo que necesitaba... Si, si.. ya sé... si mis compañeros computólogos me dicen que por qué no lo hice desde cero, pues prueba que estoy oxidado en JavaScript. Jejeje...

El diseño gráfico es muy minimalista y está inspirado en el papel, en particular la cartulina opalina y los suajes. La idea es ajustarse al manejo de aire compositivo, jerarquía tipográfica (croma, familia y peso) y contrastar fuertemente cuando se ocupe. La navegación fue reducida notablemente (ya checaré en Google Analytics si me funciona bien o no). Era importante hacerlo muy "petit", considerando como resolución más baja 800x600 aunque con scroll vertical necesario, aunque en realidad va para 1024x768 como mínima conveniencia.

Portafolio de Diseño de Información

La "interacción" fuerte es un programita bajo AJAX tipo slider, el cual se llama Smooth SlideShow y funciona muy bien. Es genial, justo lo que necesitaba... ahí si no lo niego, está cabrón, estoy cero en AJAX (ya por definición de JavaScript) por lo que modifiqué el archivo de código y CSS para ajustarlo al estilo gráfico del portafolio, pero al final conseguí mi slideshow inspirado en flickr y componentes para CMS que he visto en la red.

Ilustrciones

Una de las cosas que más me entretuvo y gustó hacer sin duda fueron las ilustraciones. No tengo painter, ni una Wacom... ahí le fui dando con el mouse.

Pues así fue. Un año más... es hora de soplar las velitas del pastel.

Por qué diseñar con tablas es estúpido: el artículo

Escrito por Tzek el 31/05/07
Clasificado en: Diseño de Interfaces, Diseño Web, Profesión, Tertulias, XML/CSS

Yo que era un evangelizador del layout por tablas en los 90's, os ruego...

Tengo un amigo computólogo, un colega de la fac dondé estudié que también tiene aptitudes y corazón para el diseño gráfico. De hecho creo que había muchos computólogos con alma de diseñadores en la facultad de matemáticas...

En fin, buscando información últil sobre temas de diseño, donde pudiera dar forma a sus ideas diseñísticas fuera de su mente, encontrñe este artículo super divertido y muy completo de diseño web vía CSS y marcado semántico. Muy a la web 2.0. Si quieres estar fashion, te recomiendo que lo leas:

Porqué el diseñar con tablas es estúpido:
problemas definidos, soluciones ofrecidas