It's Chibbi
campo2 Mensajes :
97
campo3 Blood :
126407
campo4 Frasesita :
Shiny sword my diamond, kanashimi to negai no kesshoutai ni, bokura shimei wo chikau sorezore no hikari wo mezashiteku...
Estaba pensando en que si creamos un skin y queremos que tenga una imagen en concreto mucha gente usaría tablas y mi pregunta es... ¿Si se crea un skin a base de tablas es malo?
campo2 Mensajes : 97 campo3 Blood : 126407 campo4 Frasesita : Shiny sword my diamond, kanashimi to negai no kesshoutai ni, bokura shimei wo chikau sorezore no hikari wo mezashiteku... | 5 años
¡5 años juntos!
50 mensajes publicados
|
Eine Krone
campo2 Mensajes :
150
campo3 Blood :
497629
campo4 Frasesita :
brekekekex koax koax
Como ya te mencioné por el Discord, no me parece que crear un foro a base de tablas sea malo, sino más bien algo anticuado o de principiantes.
La verdad es que con la cantidad de propiedades que existen en CSS para posicionar elementos (float, position, los conjuntos de flexbox y css grid...) no veo ningún motivo para utilizar tablas en lugar de div y otros elementos, y más porque al final las tablas añaden muchos niveles a la estructura del foro porque usan muchos más elementos. Compara una estructura hipotética con divs:
Con una estructura, también hipotética, de tablas:
Si bien es cierto que en las tablas no hace falta añadir las etiquetas thead y tbody, la buena práctica es hacerlo xD Creo que se puede ver que el código es más largo tanto en horizontal (puse sangrías en los diferentes niveles para que fuera más fácil visualizarlo) como en vertical.
Entiendo que las tablas son útiles como un recurso para aprender a hacer tablillas, pero considero que a la larga dificultan más de lo que ayudan, además de que pueden poner trabas a la hora de hacer tablillas más vistosas con efectos interesantes. Claro que la gente debería aprender a utilizar tablas, pero no deberían quedarse solo en eso cuando hay opciones mejores a la hora de crear un skin.
La verdad es que con la cantidad de propiedades que existen en CSS para posicionar elementos (float, position, los conjuntos de flexbox y css grid...) no veo ningún motivo para utilizar tablas en lugar de div y otros elementos, y más porque al final las tablas añaden muchos niveles a la estructura del foro porque usan muchos más elementos. Compara una estructura hipotética con divs:
- Código:
<div id="foro">
<div id="post">
<div class="postbody">
<div class="posttitle">Título del post</div>
<div class="postcontent">Contenido del post</div>
</div>
<div class="postprofile">Toa la mierda del postprofile</div>
</div>
</div>
Con una estructura, también hipotética, de tablas:
- Código:
<table id="foro">
<thead>
<tr>
<td></td>
</tr>
</thead>
<tbody>
<tr id="post">
<td class="postbody">
<div class="posttitle">Título</div>
<div class="postcontent">Contenido</div>
</td>
<td class="postprofile">Todo lo del postprofile</td>
</tr>
</tbody>
</table>
Si bien es cierto que en las tablas no hace falta añadir las etiquetas thead y tbody, la buena práctica es hacerlo xD Creo que se puede ver que el código es más largo tanto en horizontal (puse sangrías en los diferentes niveles para que fuera más fácil visualizarlo) como en vertical.
Entiendo que las tablas son útiles como un recurso para aprender a hacer tablillas, pero considero que a la larga dificultan más de lo que ayudan, además de que pueden poner trabas a la hora de hacer tablillas más vistosas con efectos interesantes. Claro que la gente debería aprender a utilizar tablas, pero no deberían quedarse solo en eso cuando hay opciones mejores a la hora de crear un skin.
¡Tu opinión importa!
Recuerda dar tu opinión acerca del tutorial cuando lo hayas leído o puesto a prueba. Dime qué te ha gustado, qué te ha parecido complicado, qué te ha funcionado, qué no... ¡Es la única manera para mejorar la calidad de los tutoriales!campo2 Mensajes : 150 campo3 Blood : 497629 campo4 Frasesita : brekekekex koax koax | Ojo de águila
Detectaste un error. >: |
¡Encontrando fantasmas!
Participaste del evento 2023
Jarro de Caramelos
Participaste del evento 2023
Ayudante destacado
Has sugerido y ha sido implementado.
Soporte al coder
Has resuelto una duda en la zona de códigos
Soy maestro
Has subido un tutorial en la zona de códigos
¡Dix love!
¡Amamos Dix Inmortal!
Mano amiga
Has resuelto la duda de otro usuario ♥
Cinnamon roll
Too good for this world, too pure
¡Aportando!
Has subido 3 aportes a la zona códigos
Coder Supreme
He ganado en uno o varios Code Challenge
Challenger
Participo en los Code Challenges
Raspadito Navideño
Participaste en el evento 2023
¡Seis años!
¡Seis años juntos! ♥
150 mensajes publicados
|
It's Chibbi
campo2 Mensajes :
97
campo3 Blood :
126407
campo4 Frasesita :
Shiny sword my diamond, kanashimi to negai no kesshoutai ni, bokura shimei wo chikau sorezore no hikari wo mezashiteku...
Me comentaste algo del flexbox. ¿Es fácil su uso? Estoy aprendiendo un poquito sobre ello pero no sé si quedarme con flex y casarme o volverme con las tablas aun que sea mucho más tedioso a la hora de diseñar.
campo2 Mensajes : 97 campo3 Blood : 126407 campo4 Frasesita : Shiny sword my diamond, kanashimi to negai no kesshoutai ni, bokura shimei wo chikau sorezore no hikari wo mezashiteku... | 5 años
¡5 años juntos!
50 mensajes publicados
|
Eine Krone
campo2 Mensajes :
150
campo3 Blood :
497629
campo4 Frasesita :
brekekekex koax koax
En el mensaje de antes te puse un enlace a la guía de flex con la que yo aprendí (haz click en el flexbox subrayado). Por otra parte, también hay un juego, el Flexbox Froggy, diseñado para enseñar a la gente las propiedades básicas del flexbox.
¡Tu opinión importa!
Recuerda dar tu opinión acerca del tutorial cuando lo hayas leído o puesto a prueba. Dime qué te ha gustado, qué te ha parecido complicado, qué te ha funcionado, qué no... ¡Es la única manera para mejorar la calidad de los tutoriales!campo2 Mensajes : 150 campo3 Blood : 497629 campo4 Frasesita : brekekekex koax koax | Ojo de águila
Detectaste un error. >: |
¡Encontrando fantasmas!
Participaste del evento 2023
Jarro de Caramelos
Participaste del evento 2023
Ayudante destacado
Has sugerido y ha sido implementado.
Soporte al coder
Has resuelto una duda en la zona de códigos
Soy maestro
Has subido un tutorial en la zona de códigos
¡Dix love!
¡Amamos Dix Inmortal!
Mano amiga
Has resuelto la duda de otro usuario ♥
Cinnamon roll
Too good for this world, too pure
¡Aportando!
Has subido 3 aportes a la zona códigos
Coder Supreme
He ganado en uno o varios Code Challenge
Challenger
Participo en los Code Challenges
Raspadito Navideño
Participaste en el evento 2023
¡Seis años!
¡Seis años juntos! ♥
150 mensajes publicados
|
Contenido patrocinado
Permisos de este foro:
No puedes responder a temas en este foro.