Rediseñando Barrapunto
Estoy rediseñando Barrapunto, una comunidad de noticias sobre tecnología, ciencia y actualidad que muchos de ustedes deben conocer. Realmente es un reto re-organizar un sitio de tal magnitud.
Como muchos sabréis Barrapunto está basado en Slashcode, el mismo código que hoy en día corre en sitios como Slashdot y otras mega-comunidades. Los problemas que se enfrentan ahora para llegar a estar en un ambiente válido son:
- Escribir los posts de una forma correcta. Esto incluye saber los nuevos parámetros del XHTML, las propiedades, los atributos y los elementos semánticos.
- Cambiar la forma en que se ponen las negritas con
<b>a<strong>, también las itálicas de<i>a<em>. - Todas las imágenes que salen en el sitio ahora tendrán más atributos para lograr un punto de accesibilidad mejorado.
- Tanto el contenido viejo como el nuevo deberá ir con otra estructura de XHTML, por ejemplo las notas como tienen citas van con
blockquote, de esta forma se aprecia mejor. - Modificación en el código de Slash. Paso a paso tendríamos que cambiar los modulos que “escupen” HTML malformado a XHTML con el formato final.
- Los párrafos que se encuentran malformados (Ej. un párrafo formado por un
pque contiene cientos de<br />. - Cambiar de lugar algunas cosas. Validar no es lo único bueno que se puede hacer, se puede mejorar la plantilla para que cambie de lugar algunas cosas, como un buscador permanente en una zona visible de la cabecera. Si esto es posible de hacer.
- Las páginas internas tendrán cambios notables, sobre todo en la parte de estructuración, aunque trataré de aprovechar cada caracter que sea posible viendo como están las cosas cambiarán bastante, esto requerirá también que cambie la forma en que escribirá la gente en barrapunto, el escape de XHTML y todo el rollo.
Anotaré más cosas a medida que vaya terminando todo, de momento pueden apreciar la página de inicio sin estilos la cual ha rebajado muchos caracteres, estructurado y semantizado todo lo posible sin irme a extremos, mi ejemplo estaría basado en 2 columnas-cabecera-pie-depágina pero se podría discutir aunque me gustaría presionar por este modelo es más flexible que las 3 columnas traen más problemas a la hora de hacerlas en CSS.
Nota para los preguntones:
El ejemplo que han visto está siendo modificado cada 10 minutos, dado que está sin terminar, cuando puedan corroborar el ejemplo final podrán ver los cambios definitivos, todo esto ocurre por que no es muy sencillo semantizar un sitio como Barrapunto, tampoco es sencillo determinar como se puede estructurar mejor una nota, dado que hay mucha variedad de contenido, presentaciones, etc. uno tiene que preverlo todo.
Esto es una propuesta que realizo abiertamente a la gente que se encargue de Barrapunto, dado el interés de la comunidad por una web mejor, para poder hablar también con propiedad, ahorrar mucho ancho de banda, ahorrar costes y aprovechar el valor semántico de los 27.000 artículos que debe haber en Barrapunto. También será un suicidio de trabajo pero si 10 o 20 personas nos ponemos esto podría ser real en poco tiempo, previendo que todos los editores siguen publicando en el nuevo formato mientras que los artículos viejos siguen actualizandose.
Yo me ofrezco para ayudar a cambiar y corroborar el correcto estado de cada modulo, también para publicar una guía de publicación para que los editores de barrapunto tengan un mini-manual de ayuda para publicar historias correctamente estructurales y semánticas también.
Hay aspectos relacionados al posible cambio, y es lo que muchos estuvieron acostumbrados a ver, ahora verán cambios notables, de hecho benefician más que el actual, contenido bien estructurado, tipografías más suaves, colores cambiables, una ventaja más son los CSS, todo el sitio podrá cambiarse a gusto de uno si quiere, además estará dividido en dos plantillas una estructural y la otra de colores y tipografías, así podremos diferencias las secciones dependiendo el tópico como lo hacen ahora en Slashdot, y mucho más.
Uno de mis sueños es ver esto terminado antes que la gente de Slashdot.
70 Respuestas a la entrada “Rediseñando Barrapunto”
Escrito por Miguel
Enero 5th, 2004 at 12:17 pm
Interesante, pero te han dicho los de barrapunto que hagas esto o lo haces por tu cuenta?, no lo entendi eso :
Escrito por ala_747
Enero 5th, 2004 at 12:19 pm
Te felicito por haberte decidido a dar el paso que hace dos meses que yo no me animaba a dar.
Desde ya, cuenta conmigo (XHTML, CSS, gráfica, discusiones o lo que sea) para lo que necesites.
Una posible pega de la cual se ha hablado en /. es el problema que supondría “separarse” del código original de Slashdot para sus futuras actualizaciones, parches, cambios o mejoras. Aquí habría que ver si la modificación tendría efectos tan terribles para el futuro realmente (yo no he visto el código original) y si es asi, habría que ver si los chicos de /. estarían dispuestos a continuar el desarrollo del sistema como algo “nuevo” y autónomo de Slashdot.
Escrito por mini-d
Enero 5th, 2004 at 12:19 pm
Cuenta propia.
Escrito por gaBuBu
Enero 5th, 2004 at 12:25 pm
Interesante! Cuenta propia y en un intervalo de cuanto tiempo para terminarlo?
Escrito por Miguel
Enero 5th, 2004 at 12:26 pm
Claro, pregúntaselo no sea que te curres una barrapunto paralela.
Eso de slashcode no tengo ni idea de que es pero no creo que supere a xhtml + css + php
Escrito por mini-d
Enero 5th, 2004 at 12:27 pm
Todos juntos podemos hacer buenos cambios, y los cambios que hagamos pueden ir a parar al codigo original de Slash, además los parches se podrían actualizar meticulosamente…
Escrito por mini-d
Enero 5th, 2004 at 12:35 pm
A ver Miguel, para que te quede en claro te lo explico.
Lo que hago es una propuesta, si queda en el olvido no me importa, lo importante es ver si se puede colaborar, la forma de avisar está clara, esto lo hago, cuando yo avise que se ha terminado se ve si la gente de barrapunto acepta el reto para el cambio, si lo aceptan me pondré muy contento de ayudar a que sea realidad, ahí se verá lo jugoso, digamos, cambios, tiempos, equipos, guía de cambios, etc.
No necesito enviarles un e-mail a ellos para preguntarles si puedo hacer una propuesta de cambios cuando se trata de una comunidad open-source, jeje, Dios santo.
Si esto tiene buena respuesta, podemos cambiar PuntBarra que también están a tiempo, ellos usan Drupal y quizás lo tengan más fácil.
Escrito por mini-d
Enero 5th, 2004 at 12:38 pm
Por cierto, el promedio de peso de una página de inicio en Barrapunto es de 65 KB, de momento el ejemplo que hice (el cual tiene atributos rel=”" y rev=”" a troche y moche) pesa solo 30,9 KB, vamos por buen camino :).
Escrito por Miguel
Enero 5th, 2004 at 12:41 pm
No me ha quedado claro del todo… eh es coña xDDDD
Bueno yo puedo ayudar en lo que sea de xhtml, css, gráficos, hacer de tester :P…
Escrito por Truji
Enero 5th, 2004 at 12:50 pm
Hola, y a nivel de diseño, estructura?? la veo bastante fea la web de barra y punto y la de slashdot porque ya ni digamos. Se que es un sitio donde se va a leer y bueno el diseño supuestamente no cuenta mucho para eso, pero para mi si cuenta. Viendo barra y punto no la veo una página que sea agradable a la vista, tanto por diseño, como por excesivas cursivas, todo bastante comprimido, la fuente, espacio entre lineas, el menú de la izquierda muy pequeño dificil ver algo a primera vista, no es muy agradable la verdad.
Está muy bien optimizar el código y actualizarlo, pero es solo un es una pregunta, sugerencia, lo del diseño…
Yo no puedo ayudar mucho, que mis conocimientos soin bastante básicos… trato de ir aprendiendo poco a poco …
un saludo y suerte…
Escrito por manu
Enero 5th, 2004 at 12:56 pm
¿esto es como lo que hicieron “a.l.a.” para slashdot?
Escrito por mini-d
Enero 5th, 2004 at 12:58 pm
En tema diseño habrán cambios en mi propuesta, yo aborresco bastante el diseño de ambos sitios, pero el ejemplo que yo haré probablemente me guste más a mí, como estará basado en CSS, los administradores podrán cambiarlo a su gusto, yo utilizaré 3 sistemas para que el diseño termine en perfecto estado en Mac, Win y Linuxes.
Luego, una de las cosas que quiero cambiar son las imágenes de los tópicos, cambiarlas por las que hice en “ntropia.net”:http://www.ntropia.net que son PNG y free.
La propuesta, lo repetiré una vez más incluye:
# Paso a los estándares.
# Semantización de contenido
# Diseño y estructura abierta con CSS
# Arquitectura y disposición de elementos.
# Ayuda para llevar el proceso de cambio.
# Ayuda para cambiar el código que sea necesario.
# Manual de publicación de estilo.
# Cambio estructural tanto en la página de inicio como en el resto del sitio.
# Soporte por supuesto para discapacitados, navegadores de consolas, sin necesidad de hacer un sitio paralelo.
# Revisión de feeds de RSS, RDF y Atom.
Obviamente esto no es 1 semana de trabajo.
Escrito por mini-d
Enero 5th, 2004 at 1:01 pm
Algo similar si, espero no caer en el mismo código, aunque me parece que el “Slashdot semántico” está hecho solamente para que valide y algunos cambiecitos más, este difiere bastante, cambiará el diseño todo… ya verán el resultado final.
También lo bueno es que como es abierto, cada uno puede en base al HTML escrito hacer una CSS y proponerla o hacer ajustes… todo a su tiempo, primero la estructura luego los colorcitos.
Escrito por Juan Carlos Vidaller
Enero 5th, 2004 at 1:04 pm
Yo quiero hacer esto mismo pero con mi propia página web (que ya se está convirtiendo en un monstruo ;P). Así que nos iría muy bien a los que estamos en esta misma situación ir viendo como va evolucionando tu propuesta y ver que pasos vas siguiendo.
Por si te sirve de ayuda, en “A List A Part” (www.alistapart.com) ya hicieron esto pero con SlashDot:
> http://www.alistapart.com/articles/slashdot/
> http://www.alistapart.com/articles/slashdot2/
Mi aportación al proyecto puede ser como tester… Saludos!
Escrito por mini-d
Enero 5th, 2004 at 1:07 pm
Si he visto el proyecto de slashdot, gracias por recordarlo en la lista, les servirá al resto para ir practicando y entrando en calor.
Escrito por Truji
Enero 5th, 2004 at 1:13 pm
el diseño de ntropia.net si que es bueno… me gusta muchisimo…
Claro, limpio, bastante guapa…
Escrito por mini-d
Enero 5th, 2004 at 1:18 pm
Aparte, tengo unos “tweaks” en CSS muy bueno para los formularios, no aguanto más para terminar de estudiar la estructura y poder empezar con la parte de los CSS.
Escrito por mini-d
Enero 5th, 2004 at 1:20 pm
A ver si de una vez Barrapunto sale como noticia en Slashdot en vez de Slashdot en Barrapunto :).
Escrito por posavasos
Enero 5th, 2004 at 2:03 pm
Muy buena iniciativa, yo también estoy pensando en ofrecer un rediseño que valide en XHTMLy CSS a algunas webs (bastante más pequeñas que barrapunto.com claro está) que para mí tienen contenidos interesantes, pero que fallan en diseño y en validación. Además, así practico.
Offtopic: Me he fijado en ntropia.net que no especificas
widthyheightpara las imágenes (no recuerdo si eso validaba en XHTML) en el artículo de ¡Usa mozilla por un día!. Mientras cargaba la página, he intentado acceder a un enlace del pie de página, y me ha sido imposible porque el tamaño de la página cambiaba cada vez que una imagen se cargaba.Yo hace mucho lei que era mejor especificar el
widthy elheightde las imágenes por ese motivo, o algo similar, aunque como he dicho antes, no estoy seguro si valida el XHTML.Por otra parte ahora al comentar (hablando ya de esta página) también me he fijado que el botón “Revisar” tiene una flecha hacia la izquierda (←), típica para indicar un paso atrás, ¿por qué?. Alomejor soy yo, pero a mí me ha confundido por no usar la palabra “Previsualizar” y por la flecha, no estaba seguro donde me iba a llevar.
Escrito por posavasos
Enero 5th, 2004 at 2:05 pm
arg, cuando previsualizaba no salían los emoticonos esos… en realidad son paréntesis
Escrito por Rigolox
Enero 5th, 2004 at 2:57 pm
Hola, buenas tardes!!
Yo estoy dispuesto a ayudar, con css, xhtml, html, php, y si se necesita algo de diseño gráfico.
Me parece una propuesta muy buena, tanto para mejorar . como para aprender y prácticar más.
NaCl u2
Escrito por jurbo
Enero 5th, 2004 at 3:16 pm
Bonita iniciativa.
En su día pensasteis que estaba loco cuando yo propuse algo similar
Si necesitaras ayuda, no dudes en pedirla, partiendo de la base de que el horario laboral no nos deja todo el tiempo libre que nosotros querríamos :’(
Estoy seguro que va a quedar algo muy bueno.
Saludos Diego.
Escrito por Salva
Enero 5th, 2004 at 4:10 pm
Creo que se debería mejorar en acceso a los comentarios.
Un saludo.
Escrito por argie01
Enero 5th, 2004 at 4:31 pm
Y no sería mas fácil diseñar algo nuevo, y presentárselo para que hagan el cambio ?
pero que vendría muy bien porque a pocos parece interesarle el tema de la accesibilidad.
Claro, se perdería el hecho de cambiar una web ya hecha, con el conocimiento que uno puede adquirir en ese proceso, pero sería tal vez ocasión de ver como se diseña algo tan grande de 0, y eso tbn tiene su valor…
Inclusive se puede apuntar a un “cms validado”, que ya sería el colmo
Yo me anoto para ayudar… decime algo cuando puedas.
salu2
Escrito por Gaspar
Enero 5th, 2004 at 4:49 pm
Despues de La Nacion te lanzas a un proyecto mas ambicioso! Espero que tengas suerte.
Escrito por pqs
Enero 5th, 2004 at 4:51 pm
Mereixes un premi!
D’on treus el temps? Pot ser has comprat un dilatador temporal a ThinkGeek?
Escrito por mini-d
Enero 5th, 2004 at 5:44 pm
Ja veus, faig mà gia!
Escrito por Mortimer
Enero 5th, 2004 at 5:56 pm
Al hilo de la razón que provocó el mandar el comentario a barrapunto, ntropia tiene un diseño muy limpio, pero contiene algun error que no le hace válido al estandar. Cierra etiquetas del calendario que no ha abierto, no cierra algunas etiquetas de párrafo y un par de detalles menos importantes.
Cierto es que es muchisimo más limpia que algunas webs estandar. Así que si ya no contiene errores, puede ser la leche.
Escrito por mini-d
Enero 5th, 2004 at 5:58 pm
ntropia está en fase de desarrollo. Validar es lo de menos, te puedo asegurar que validará, como que me llamo Sr. W3C Validator.
Escrito por Mortimer
Enero 5th, 2004 at 6:01 pm
Por cierto, si alguien quiere validar sus webs, validador del W3C.
Aviso que falla cuando encuentra enlaces con parametros tipo “hola.php?id=45&pepe=65&mi=yo” porque los considera entidades.
Besos
Escrito por ala_747
Enero 5th, 2004 at 6:41 pm
Mortimer, intenta poniendo los “&” como entidades propiamente dichas y validará perfectamente. Por ej.: hola.php?id=45&pepe=65&mi=yo o hola.php?id=45&pepe=65&mi=yo
Inténtalo.
Escrito por ala_747
Enero 5th, 2004 at 6:46 pm
El ejemplo de arriba debería verse como (y te lo pongo separado por espacios para que se entienda): & amp; y & #38;
Escrito por Mortimer
Enero 5th, 2004 at 6:49 pm
ala_747 el comentario era por si a alguien le daba el error. Mis pruebas, aunque tengan algún problema semántica y estructuralmente, no me han dado ningún problema en ese sentido. Pero gracias por el consejo.
Escrito por bardorba
Enero 5th, 2004 at 6:50 pm
Comparando tu remodelación y la original, he visto que ellos tienen los patrocinadores arriba de todo y tu no (a causa de eliminar una columna), no has pensado que esto de que vayan arriba de todo sea parte del contrato?
Escrito por bardorba
Enero 5th, 2004 at 6:51 pm
Comparando tu remodelación y la original, he visto que ellos tienen los patrocinadores arriba de todo y tu no (a causa de eliminar una columna), no has pensado que esto de que vayan arriba puede ser parte del contrato?
Yo no tengo ni idea. Si alguien pudiera contestar
Escrito por mini-d
Enero 5th, 2004 at 6:57 pm
Si de hecho he movido todo de lugar, estoy estilizando, luego el resto lo deside BP(BarraPunto) si lo quieren poner arriba, va a arriba…no molesta.
Escrito por nicls
Enero 5th, 2004 at 7:29 pm
seria buena idea proponer varios diseños cambiando solo el css como ya se dijo para quien quiera hacer alguna propuesta alternativa
Escrito por cyberfrancis
Enero 5th, 2004 at 7:58 pm
Ojala lo acepten, el tema del diseño siempre ha sido feo, a ver si con un poco de suerte no me da vagancia el leer todo el hilo de todas las noticias.
Saludos
Escrito por jj
Enero 5th, 2004 at 8:08 pm
Me parece una iniciativa estupenda y yo tmb estoy dispuesto a colaborar, con xhtml, css, php…
Escrito por Jorge
Enero 5th, 2004 at 10:13 pm
Una web semántica y formalmente correcta, válida y bien construída empieza con un uso adecuado del lenguaje, es decir, del “contenido” de la misma.
No conozco la palabra “sensillo” ni el verbo “preveer” (si acaso, “sencillo” y “prever”). Tampoco está bien construída la frase relativa “todo esto ocurre por imaginen…”
Lo digo sin acritud, Diego, es que me gusta mucho tu página pero me encuentro faltas de ortografía y/o gramática con frecuencia. Algunas son atribuíbles a un descuido o a un arrebato del tipo “tengo que publicar esto cuanto antes”, y lo entiendo; otras no. Pon más cuidado.
Un saludo.
Jorge.
Escrito por manu
Enero 5th, 2004 at 11:18 pm
¿BP?, lo añadiste a acronym plug-in
Escrito por yonderboy
Enero 6th, 2004 at 3:44 am
Hola minid
Soy el responsable del código de barrapunto y me alegra de veras tu propuesta. Justo ahora estoy en fase de pasar el sitio en producción a la versión de CVS de slash, la misma que usa slashdot y sería fantástico acercar todo lo posible barrapunto al estándar xhtml.
Hace mucho que en slash están rigurosamente separados la lógica (perl) y la presentación (plantillas html + template toolkit). es decir, todo el HTML reside en plantillas, con lo cual el diseñador web puede trabajar de forma cómoda y totalmente independiente del programador.
Ahora se trata de ver cuál es la mejor forma de trabajar juntos, tú y por supuesto todos los que quieran colaborar en esto: lo ideal es que trabajes sobre las plantillas (templates), no sobre el output final (pues hay bastante código html manejado con variables el lenguaje de plantillas, que es muy sencillito). Se trataría de crear un “theme” nuevo para barrapunto a partir del theme por defecto (slashcode) de la versión que vamos a usar en barrapunto (R_2_3_0_113). (el “theme” consiste en todas las plantillas html de un slashsite).
Es conveniente que revises antes otros trabajos ya hechos para hacer que el tema por defecto de slashcode cumpla xhtml estricto.
Puedo abrir un proyecto de CVS para esto e implementar una maqueta en pruebas para irlo viendo… También hay una lista de desarrollo del viejo barrapunto (cuando se hizo un fork que luego abandonamos), que está parada… ya me dices cuál te parece que es la mejor forma de coordinarnos. La maqueta en pruebas la pondré visible en breve, y si es necesario el CVS, también.
Escrito por Marcos
Enero 6th, 2004 at 11:33 am
bq. Truji dice:
el diseño de ntropia.net si que es bueno me gusta muchisimoÂ
Claro, limpio, bastante guapaÂ
Más de lo mismo, todos los diseños de Minid son iguales!!. Misma fuente, mismos colores… más aburrido que chupar un clavo. A ver cuando se te cae una idea Minid!
Escrito por mort
Enero 6th, 2004 at 2:49 pm
Diego, por tu uso del atributo rev en los enlaces a secciones, creo que no lo he entendido correctamente. ¿No debería ser rel=”section” y rev=”index”? Como lo he entendido rel marca la relaciń del documento enlazado (sección) y rev la del documento enlazante (en este caso, index o toc)
Por otra parte, ¿que opinas de utilizar en el formulario de busqueda aunque luego la ocultes mediante display:none? No sé si ayudaría a los dispositivos que no soporten CSS
Escrito por manuel razzari
Enero 6th, 2004 at 4:04 pm
Me sumo a la duda de mort.
Aunque rev es un valor válido para <a> según el dtd, creo corresponde usarlo cuando el <a> es usado como anchor (y no como href).
Ej 1: con dos documentos, A linkea B, este último es el que lleva REV, mediante <link> en el head.
Ej 2: en una tabla de contenidos (TOC), <a href="#seccion" rel="section"> linkea a <a name="seccion" rev="toc">
Escrito por Jacobo
Enero 6th, 2004 at 4:52 pm
Sólo un comentario:
¿<strong> en lugar de <b> para las negritas y <em> en vez de <i> para las cursivas? No podría estar menos de acuerdo.
<strong> y <em> no son marcas tipográficas, sino que tienen significado: no indican negrita y cursiva respectivamente, sino “fortaleza” y énfasis, independientemente de cómo se representen; por ejemplo, un lector de pantalla podría leer lo primero en voz más alta, y lo segundo un poco más despacio para hacer énfasis. Otro ejemplo: si alguien mirara la web en un dispositivo incapaz de poner negritas y cursivas, <strong> podría ponerlo todo en mayúsculas y <em> podría subrayarlo.
<b> y <i>, en cambio, son simples marcas tipográficas: <b> es negrita (*b*oldface) y <i> es cursiva (*i*talics).
Escrito por Miguel
Enero 6th, 2004 at 5:42 pm
Tengo entendido que algunos navegadores para ciegos no leen y , lo leen como texto normal…
Escrito por mort
Enero 6th, 2004 at 6:49 pm
Mi comentario anterior salió algo capado,
Por otra parte, ¿que opinas de utilizar [label] en el formulario de busqueda aunque luego la ocultes mediante display:none? No sé si ayudaría a los dispositivos que no soporten CSS
Ahora si
Por otro lado, Jacobo, no se trata de emular las negritas y las cursivas, sino de marcar el significado del redactor. Cuando la gente pone [b] en el 99% de los casos lo que quiere expresar es una elevación del tono, igual que [i] para énfasis. Por eso es más adecuado que se use [strong] o [em], para respetar el significado con independencia del medio.
Mmmm, creo que para los próximos Reyes me pido una vida social
Escrito por MTO
Enero 6th, 2004 at 7:29 pm
Una pregunta para los expertos en CSS… ¿creen que es posible convertir un foro como los de ubbthreads o vbulletin o phpbb a css?
Ello es… ¿sustituyendo las típicas tablas por posicionamiento CSS?
Para ver un ejemplo del estilo de tabla al que me refiero vean este.
De hecho, es ese mismo software el que me interesaría convertir a css. Actualmente tiene css y tablas. Y mi pregunta es si sería posible usar prácticamente solo CSS, nunca he visto un foro de este tipo con un diseño totalmente CSS por lo que dudo de que se pueda hacer, pero me interesa su opinión.
Ah, tambien está basado en plantillas, claro.
Escrito por Algernon
Enero 6th, 2004 at 9:39 pm
Macho, ¿quien te ha asignado este trabajo? Serás el nuevo dios barrapuntero
Escrito por ala_747
Enero 6th, 2004 at 11:33 pm
Hola, MTO.
Si bien se podría pasar todo un foro de ese tipo a CSS, sería incorrecto hacerlo.
Te explico… como puedes ver la diagramación básica puede dividirse en bloques de datos: una cabecera, una columna a la derecha, un cuerpo de datos a la izquierda y un pié. Ahora bien, esta digramación es, en principio, la que debería pasarse a diseño por bloques (DIVs) y CSS. Los contenidos de todos los bloques también pueden hacerse “semánticamente más correctos” con bloques, listas, etc. A EXCEPCIÓN del cuerpo de datos (o sea, los listados de los foros, threads, posts, últimos posts, etc.). Este cuerpo de datos es semánticamente correcto solo usando tablas, ya que los datos que contiene son de tipo tabular, y es para éste tipo de datos que fueron pensadas las tablas originalmente en HTML.
El problema con el tema de XHTML y CSS es, a veces, “pasarse de rosca” y cargarse la semántica con tal de hacer todo como se “cree” que debe ser. La lógica y el sentido común ante todo… vamos, que a nadie se le ocurriría pasar una planilla de hoja de cálculo a una página web con DIVs y CSS, y al que se le ocurra, estará “meando fuera del tarro”
Escrito por frank
Enero 7th, 2004 at 4:00 am
esto si que se las trae
Escrito por MTO
Enero 7th, 2004 at 4:30 am
OK, gracias ala_747 por tu explicación. Siempre me ha llamado la atención el hecho de que pese al “movimiento CSS” aún no había visto ningún foro diseñado así. Y como los foros generan mucho ancho de banda, tenía especial interés en saber si sería posible, y hasta qué punto, separar el texto del diseño en un archivo .css
Escrito por mini-d
Enero 7th, 2004 at 9:45 am
Jorge, tenés toda la razón, son atribuíbles a descuidos, ya que no utilizo correctores ortográficos, para escribir en minid.net.
Tampoco pienso en la gramática, ni en la ortografía, es importante pero de momento no me preocupo por ella.
Terminado el tema de la ortografía, si véis un nuevo error, me lo pueden comunicar utilizando el “formulario de contacto”:/contactar/.
Escrito por mini-d
Enero 7th, 2004 at 10:01 am
ala_747 tiene razón también, pero se ha olvidado que los enlaces pueden llevar tanto los rel=”" estándares como los viariables, esto lo pueden ir viendo en “XHTML Friends Network”:http://gmpg.org/xfn/.
Escrito por mini-d
Enero 7th, 2004 at 10:27 am
Yonderboy, de puta madre cuando terminemos de definir el prototipo y le pudieramos dar el OK, comenzamos todo.
Antes de ello, me gustaría poder armar la guía de estilo para que esto dure más de media hora validando los estándares.
El bien para todos está por llegar!
Marcos, sin ánimos de ofender… pero ntropia es un weblog /portal no K10K, por supuesto que lo principal no es un diseño sino el contenido.
Escrito por Javier Candeira
Enero 7th, 2004 at 12:59 pm
Me apunto. Es algo necesario desde hace tiempo, y si no me he atrevido es por falta de conocimientos. Pero contad conmigo.
Como ya ha comentado Yonderboy, en la lista de editores de barrapunto lo estamos discutiendo para coordinarnos.
Javier Candeira “candyman”
candyman arroba barrapunto punto com
Escrito por Marcos
Enero 7th, 2004 at 1:44 pm
bq. ntropia es un weblog /portal no K10K, por supuesto que lo principal no es un diseño sino el contenido.
Igualmente, sin ánimo de ofender, eso no es excusa. Con ese criterio todo los weblogs serían iguales y sin embargo hay algunos muy vistosos. Además, repetís el mismo esquema de colores y tipos aún en sitios, no weblogs. Con todo respeto, me parece que a este blog, la descripción “Weblog sobre diseño” le queda grande, porque mayormente se habla sobre estándares, sintáxis, etc. lo cual está muy bien y es muy útil, pero diseño… vamos. Solo eso. Tampoco quiero desvirtuar el tema. Pero viendo los blogs de la mayoría de los que opinan acá, es claro que no tienen perra idea sobre diseño, es gente que con sitios solo texto serían felices :).
Saludos y perdón por el desvío de tema.
Escrito por mini-d
Enero 7th, 2004 at 1:50 pm
Marcos, primero, aprende a comentar con “etiquetas” válidas, estás utilizando blockquote en un contexto errado, primero va blockquote y luego p.
por lo del otro tema, yo si sé de diseño, pues de eso trabajo y he estudiado tanto… ahora, que tiene que ver el minimalismo y los gustos de unos con lo que te pueda gustar a tí.
Realmente tendría que borrar tu comentario por dos razones, la primera por desviar el tema de conversación, la segunda por decir una idiotez, el diseño no es complejidad, colores… tranquilamente puedes hacer algo monótono, blanco y negro y estar dentro del grupo.
Espero no tener que leer más idioteces de este tipo en este thread.
Escrito por Tomedo
Enero 7th, 2004 at 1:51 pm
Anda! uno que piensa que
diseño = hacer colorines i retoque fotográfico con el fotoxop
Estructurar texto es diseño y diseñar bien texto es VITAL, pregúntaselo al navegante perdido en maremagnums de imagenes y colorines super-bien-diseñados-oye.
Saludetes!
Escrito por Tomedo
Enero 7th, 2004 at 1:52 pm
Te me has adelantado Didac, jejeje
Es que me va la marcha, pero no soy tan rápido como tu…
Saludetes!
Escrito por Marcos
Enero 7th, 2004 at 2:30 pm
Epa Minid, no te pongas así. No estoy hablando que el minimalismo no sea diseño, ni que haya que hacer cosas sobre cargadas ni con “colorines” ¡por favor!. Digo que si veo a una persona hacer siempre lo mismo (hablando de colorines, el verdecito, naranjita y azulcito los metés en TODOS lados :)), me da la pauta de no ser una autoridad sobre el tema. Es una crítica, sabé aceptarlas. Insisto, “Weblog sobre diseño” es una descripción que no le queda justa a este blog.
Escrito por Marcos
Enero 7th, 2004 at 2:30 pm
Epa Minid, no te pongas así. No estoy hablando que el minimalismo no sea diseño, ni que haya que hacer cosas sobrecargadas ni con “colorines” ¡por favor!. Digo que si veo a una persona hacer siempre lo mismo (hablando de colorines, el verdecito, naranjita y azulcito los metés en TODOS lados :)), me da la pauta de no ser una autoridad sobre el tema. Es una crítica, sabé aceptarlas. Insisto, “Weblog sobre diseño” es una descripción que no le queda justa a este blog.
Escrito por mini-d
Enero 7th, 2004 at 3:50 pm
Marcos, no me enojo, no me conoces.
“Diseño” no es photoshop, diseño es mucho desde una interfase hecha en papel y lápiz hasta una mancha en una caja de madera con cerrojos de oro… el diseño es la “creación” de cosas.
Yo hablo de eso en mi weblog, solo que parte del diseño incluye diseño de la información, donde se ven temas como la semántica, arquitectura de la información, estructuración, etc. algo que muchos diseñadores gráficos necesitan hoy para trabajar en internet.
Escrito por frank
Enero 7th, 2004 at 6:22 pm
creo que un poco mas de colorido no le vendria mal
Escrito por Marcos
Enero 7th, 2004 at 6:33 pm
Bueno, mejor que no te enojes.
En ningún momento hablé de Photoshop, podés dejar la fobia a los mapas de bits tranquila. También la fobia a los diseñadores gráficos, porque no lo soy. Si querés nos circunscribimos exclusivamente a CSS. Usándolo se puede hacer sitios con infinidad de formatos y apariencias y mi crítica, es que vos no podés hablar mucho de diseño (visual, no estructural aunque la estructura afecte su visualización), porque en mi humilde opinión, no es algo en lo que me parece que te destaques. No al menos con la autoridad que a veces te atribuís. Viendo cualquier sitio en el que hayas metido mano (incluso algunos viejos), repetís los mismos clisés una y otra vez. Son todos iguales!. Tenés menos vuelo que una lombris!.
Para montarse en ese rol de lapidar otros trabajos, hay que tener mucho ego (que a vos te sobra) o realmente ser un animal en el tema, en el cual la pedantería seguiría quedando para el orto, pero al menos sería un poco más perdonable. Entonces, mi crítica es, opiná humildemente sobre estándares, que es sólo leerlos y aplicarlos (no conlleva ningún talento), y que desde ya hacés una excelente tarea en difundirlos, pero no te pongas a hablar de diseño (estético, visual) de sitios, porque para criticar desde un pedestal, hay que tener con qué. Desde tu lugar, me parecería más acertado opinar con humildad.
Una opinión nomás, humilde, por supuesto.
Escrito por Miguel
Enero 7th, 2004 at 9:02 pm
Marcos tiene razón, porqué no se habla nunca de diseño grafico??¿?¿?¿ no se es que no hay ningún post :
Escrito por mini-d
Enero 8th, 2004 at 9:59 am
El rediseño de barrapunto no se trata de cambiar gráficamente todo el sitio, sino reestructurarlo y hacerles pequeñas mejoras.
Marcos, no tienes idea de mi nada, te dejas llevar por lo que ves, pero en realidad no tienes idea. No quiero discutir más por que no tiene sentido, tampoco me importa demostrarte cuanto CSS sé, qué efectitos nuevos sé y cuáles hice en el pasado.
Tampoco sacaré a la luz las 70 illustraciones que hice, tampoco los cortos de video, tampoco las carátulas de cd, revistas, libros que hice, ni tampoco las marcas que he diseñado en conjunto con compañeros de trabajo, no para qué?
Tu quédate con la imagen que quieras de mi, no hace falta que lo digas por que realmente no es de importancia para mi… aparte de ser poco humilde por supuesto… criticar una persona sin conocerle bien a fondo.
Yo a veces me pregunto, ¿Qué quiere entiende la gente por algo diseñado?
Sobre gustos no hay nada escrito Te gusta bien y sino también.
Escrito por StraT Code » En casa de herrero cuchillo de palo
Octubre 10th, 2004 at 9:16 am
[...] Tambien es verdad que existe gente dispuesta a ayudar, es el caso de minid que ya hizo un proyecto de rediseño de barrapunto respetando el diseño actual [...]
Escrito por Oscar
Septiembre 14th, 2005 at 5:07 pm
Reviviendo éste post, pasó algo con el rediseño de barrapunto por cuenta propia ?
Según he visto slashcode, ya hay temas válidos XHTML / CSS.
Saludos