edición general
96 meneos
4029 clics

Quizá sólo necesites HTML [ENG]

Los lectores me preguntan de vez en cuando qué generador de HTML estático utiliza fabiensanglard.net, y si pueden tomar la misma hoja de estilos/fuentes para empezar su propio blog. Suelo devolverles las 134 líneas completas de gen.php e invitarles a copiar lo que necesiten para empezar. También añado un consejo no solicitado. Los escritores que están empezando pueden no necesitar nada de esto. Puede que todo lo que necesiten sea HTML.

| etiquetas: html , css
53 43 2 K 381 tecnología
60 comentarios
53 43 2 K 381 tecnología
Comentarios destacados:              
#1 Lo del minimalismo web es algo que me gusta peeeero, en la práctica el minimalismo estricto es complicado.

Por ejemplo, esta web te dice que uses safe web fonts pero después tiene una tipografía "custom". Te dice que no hace falta CSS, pero también lo usa. En fin, que lo de predicar con el ejemplo, como que no.

Ah, bueno. Y mi consejo no solicitado. Los escritores que estén empezando, que se vayan a Medium, Wordpress.com, o los artículos de menéame (esto último es broma). Porque si para abrirte un blog te vas a poner a aprender como funciona un hosting o la notación HTML, apañado estamos.
  1. angelitoMagno #1 angelitoMagno
    Lo del minimalismo web es algo que me gusta peeeero, en la práctica el minimalismo estricto es complicado.

    Por ejemplo, esta web te dice que uses safe web fonts pero después tiene una tipografía "custom". Te dice que no hace falta CSS, pero también lo usa. En fin, que lo de predicar con el ejemplo, como que no.

    Ah, bueno. Y mi consejo no solicitado. Los escritores que estén empezando, que se vayan a Medium, Wordpress.com, o los artículos de menéame (esto último es broma). Porque si para abrirte un blog te vas a poner a aprender como funciona un hosting o la notación HTML, apañado estamos.
    23 K 189
  2. TALIVAN_HORTOGRAFICO #2 TALIVAN_HORTOGRAFICO
    #1 Esta web te dice que uses safe web fonts... a no ser que quieras un tipo monoespaciado: If you want to use monospace, a custom font may be useful. The one monospace safefont, Courier New, is not legible.
    6 K 53
  3. musg0 #3 musg0
    Para escribir a capón, antes de usar html a pelo yo usaría algún lenguaje tipo Markdown que es menos intrusivo y luego lo convertiría a html antes de publicar.
    Le pones una hoja de estilos limpia y sencilla como la del modo de lectura de Firefox, que tiene que haber a miles gratis en Internet, o incluso igual se puede usar esa misma, y listo
    8 K 71
  4. Shinu #4 Shinu *
    #3 Tal cual, para hacer páginas como la de este meneo, lo mejor sería usar markdown y luego usaría un generador de páginas estáticas para pasarlo a html. Y además si luego quieres migrarlo a otra tecnología te va a resultar mucho más fácil.
    0 K 11
  5. Imag0 #5 Imag0 *
    Dice que no necesitas css desde una web que usa css, poco y cutre sí, pero todavía menos cutre que el resultado que obtendrías no usando css... artículo efectista pretencioso que parte de una premisa falsa.
    0 K 11
  6. #6 Steewe
    Lo único en vez de SublimeText3 yo particularmente prefiero Visual Studio Code, creo que es mucho más potente y rápido
    1 K 22
  7. BuddyHolly #7 BuddyHolly
    640k serán suficientes.
    3 K 34
  8. #8 ElSev
    #5 pero es normal.

    Él lleva tiempo y le dicen, "oye pásame tu css que me vendría bien para empezar"

    Y responde "chaval tú ponte a escribir y dejate de CSS que a estas alturas solo te va a servir para despistarte"
    6 K 52
  9. Shinu #9 Shinu
    #5 De hecho la página usa texto justificado, lo cual está desaconsejado ya que dificulta la lectura:
    www.w3.org/WAI/WCAG21/Techniques/failures/F88
    designforhackers.com/blog/justify-text-html-css/
    3 K 34
  10. Imag0 #10 Imag0
    #8 Que sigue sin tener mucho sentido porque si quieres el css de una web... lo coges y punto. No sé es un poco absurdo más aun cuando la web ha evolucionado una barbaridad y su propuesta a mi modo de ver, no tiene lugar. Nadie compraría una web así y tampoco le veo mucho recorrido didáctico más allá del Hello World.
    1 K 14
  11. Commodore #11 Commodore
    Hola. Solo vengo a comentar por aquí que me largo de Menéame por la puta mierda de ventana de publicidad en video que me acaba de aparecer. Ni de coña me trago eso cada vez que tenga que entrar a este sitio. Que os vaya bien.
    3 K 39
  12. u_70n1 #12 u_70n1
    Con lo sencillo que es un .txt no sé para que se complica en recomendar .html... si hay que ser minimalista, se es minimalista y no se queda uno a medias tintas.
    6 K 52
  13. #13 --727997--
    #11 ¡Hace tiempo de eso! ¿Ahora te enteras? xD

    old.meneame.net/m/Artículos/esta-cosa-tuich-directo
    publicado 08/10/2021
    2 K 26
  14. Imag0 #14 Imag0
    #9 Sí, como norma general no es buena solución porque aparecen "ríos" sobre todo según qué tipografías, pero si defines bien el word-spacing, el word-break, word-wrap y demás puedes contrarrestar ese efecto de los ríos aunque es posible que te quede un buen ladrillo de letras eso sí.
    1 K 21
  15. knzio #15 knzio
    #10 Si la tienen que pedir es que tampoco sabrían cogerla de la web aunque quisieran
    4 K 52
  16. #16 --706165--
    #11 pues llévate ésta
    0 K 8
  17. #17 joancp
    Me gustan los generadores de HTML estático, no para todo tipo de proyectos, pero sí para una gran parte de webs.
    Yo me hice un generador de galerías de fotos (responsive, bootstrap) con un simple fichero python, lo tengo publicado en github.com/joancatala/genera_galeriaHTML y tengo unas cuantas galerías y quedan la mar de bien :-)
    2 K 26
  18. keiko_san #18 keiko_san
    #11 Drama
    0 K 7
  19. #19 --62195-- *
    Sólo necesitas html, pone un enlace a php <:(
    2 K 6
  20. #20 KaborlllLLLONE *
    #4 Y ya que estamos, podemos añadir un script de servidor que genere dinamicamente las diferentes webs del blog y evitar que se nos olvide. Pero como esto puede ser lento por el IO innecesario por request, lo que podemos hacer es añadir una base de datos sencillita para gestionar nuestros posts. Para mejorar nuestra experience como escritor, mejor añadimos un poco de CMS entre la BD y tus páginas. Ah, y por supuesto necesitamos vivir de algo así que pongamos anuncios y de paso un script de analytics.

    Oh, oops.

    La web está lleno de bloatware. Pero el autor sólo dice gilipolleces. HTML a pelo no le da más pureza a tu web y tampoco te hace ser más hombre que nadie. La solución no es dejar de usar las moderneces, sino dejar de añadir bloatware a la web. A veces se nos olvida porque la web se ve como se ve a día de hoy y porque existen tantas capas complicadas.
    2 K 19
  21. #21 KaborlllLLLONE
    #11 Cierra la puerta al salir!
    1 K -4
  22. #22 joancp
    #10 El autor no hace la web para vendérsela a nadie. Tener un gestor de contenidos o una web dinámica programada por uno mismo o una web estática es una elección personal, si no te gusta su sistema de web, no la descargues y la configures, que nadie te obliga. 
    Si has leído su artículo, el autor explica el porqué prefiere una web estática. Yo concuerdo con él al 100%, lo que pasa es que - personalmente - yo domino Drupal y con Drupal soy muy eficiente y producctivo y no necesariamente abro el registro de usuarios, los comentarios en las noticias/páginas, etc, pero es verdad que en la actualidad los gestor de contenidos te hipotecan bastante la seguridad y el tiempo al tener que estar constantemente pasando actualizaciones del core y parches de seguridad, y con una web estática te ahorras todos estos inconvenientes. 
    Pero repito, es una elección personal.
    2 K 21
  23. #23 ElSev
    #10 tú lo ves claro. Alguien que no tiene ni idea, le pide el CSS. Y luego, que le explique cómo funciona. Y si se niega, la culpa es suya por no apoyar al que empieza y es un soberbio y un prepotente.

    Así funciona por desgracia.
    0 K 14
  24. hideputa #24 hideputa
    Fabien Sanglard es Dios. Os aconsejo fuertemente leer todo su blog de pe a pa.
    1 K 20
  25. Lito #25 Lito
    #6 rápido ni de coña. Yo probé una temporada VSC y he vuelto a ST por la desesperación. Tardar casi 1 segundo en abrir ficheros, búsqueda lentísima, interface sobrecargdo... no le he encontrado nada interesante como para cambiarme.
    0 K 9
  26. #26 --1479-- *
    A mí lo que me gustan son los generadores de estáticos que se ejecutan en servidor… xD

    Edit: y las SPAs… inventazo! :-D
    0 K 9
  27. #27 Steewe
    #25 Me da que será tu forma de programar porque yo trabajo con el tanto en Python, C#, html, css, etc. y nunca he tenido ese problema, es sencillo, rápido y se integra perfectamente. En cambio ST lo he visto bastante más pobre
    1 K 22
  28. prejudice #28 prejudice *
    #3 #4 A mi me gusta usar hexo
    Básicamente puedes hacer un blog usando solo git y markdown

    hexo.io/
    3 K 28
  29. Ka0 #29 Ka0
    Si quereis hacer webs bonitas y fáciles que generen HML estático, la mejor app que conozco es Publii, funciona desde el ordenador, no online, se puede instalar en Mac, Windows y Linux.
    getpublii.com/
    2 K 32
  30. Lito #30 Lito
    #27 pero si la diferencia de performance es exagerada en todos los sistemas:

    * youtu.be/7EBI7k8aBQc

    No creo que encuentres una sóla comparación donde VSC supere a ST4.
    0 K 9
  31. PacoJones #31 PacoJones
    #25 a mi VScode me va muy rápido y no veo que esté sobrecargado, es al primero que oigo decir eso
    1 K 20
  32. provotector #32 provotector
    Esa misma forma de pensar es la que tendrían en la Unión Siviética de haber existido Internet en esa época.
    1 K 19
  33. #33 hazuko
    #11 I feel that bro
    1 K 21
  34. Lito #34 Lito
    #31 no es algo de percepción, ST es el más rápido de los editores en todas las comparativas. Otra cosa es que la velocidad de VSC sea la suficiente para cada uno, para mí no lo es.
    0 K 9
  35. #35 CrudaVerdad
    Quizás sólo necesites PHP

    Eso de instalar el último mega monstruo coloso Chachi framework para hacer simples cruds. Instalación y configuración que requieren más instrucciones y más complejas que todo el conjunto de hechizos de Hogwarts Legacy, que les falta poquito para que tengan que cambiar el kernel del sistema operativo..... Como que no.
    1 K 21
  37. neo1999 #37 neo1999
    #29 Me encantan estos hilos con recomendaciones interesantes. Gracias! :hug:
    2 K 32
  38. #38 unpaseante
    #12 Iba a decir lo mismo que tú. Añado simplemente un buen ejemplo del potencial de texto plano (con unicode).
    antofthy.gitlab.io/info/data/utf8-demo.txt
    1 K 16
  39. #39 Steewe
    #30 Vale, lo que tú quieras pero yo con el VSC voy perfectamente, también supongo que influye la potencia de los equipos con los que trabajas, yo tengo uno con 16GB de Ram y el otro con 32GB y los dos con discos SSD y vuela, tanto en la carga como en la grabación
    1 K 22
  40. TALIVAN_HORTOGRAFICO #40 TALIVAN_HORTOGRAFICO
    #6 Perdona que me cuelgue de tí:
    ¿Alguien conoce un buen editor HTML para una simple web estática, que sea WYSIWYG, sencillo de usar y que no sea Kompozer?
    1 K 20
  41. #41 Steewe
    #40 Prueba con bluegriffon
    3 K 42
  42. Ferran #42 Ferran *
    #37 Yo recomiendo ChatGPT para generar .html estáticos.

    Se lo pides y te escribe el código con el contenido que le des (o que le pidas).

    chat.openai.com/chat  media
    3 K 44
  43. Alexenvalencia #43 Alexenvalencia
    #20 Ven a Geminiiiiii
    0 K 7
  46. Ka0 #46 Ka0
    #42 le hecharemos un ojo, gracias.
    0 K 12
  47. Alexenvalencia #47 Alexenvalencia
    #32 Menor huellla de carbono y uso de recursos. Malditos soviéticos.
    1 K 17
  48. boria #48 boria
    #36 si y también hay chapuzas y virtuosos, para "enlucir" esas paredes
    0 K 9
  49. bikooo2 #49 bikooo2
    #43 estaría bien que navegadores como Firefox , Vivaldi. Edge y demás admitieran por defecto dicho protocolo, ayudaría bastante a su implementación y quizás animaría a más gente a usarlo

    P.D: que navegador para movil andorid me recomiendas para gemini había probado Buran pero lo veo corto de opciones
    0 K 6
  50. BuddyHolly #50 BuddyHolly
    #45 Muy chulo, gracias. Encontré un par de cosas guapa, sobre todo un freak del Amiga.
    0 K 7
  51. daphoene #51 daphoene
    #38 Por cumplir mi cuota de repelente que me toca para hoy, te diría que no es Unicode, sino UTF-8 ( que es una versión reducida de Unicode, con lo más utilizado ).
    1 K 19
  52. #52 unpaseante *
    #51 Te concedo la cuota de repelente, pero no te puedo dar la razón.

    Para nada es cierto que utf-8 sea una versión reducida de unicode, eso es falso. Unicode es la forma que tenemos de numerar todos los símbolos que consideramos dignos de usar en un ordenador. Y luego está la forma (como sucesión de dígitos binarios) en que un ordenador representa el número unicode de un símbolo concreto; una de las formas más habituales de realizar esa representación (más habitualmente llamada "codificación") es la llamada utf-8 (y hay otras como utf-16, etc.). En otras palabras, utf-8 es una forma de codificar todos (no una parte reducida) los símbolos unicode.

    Si no me crees basta que leas el inicio de es.wikipedia.org/wiki/UTF-8
    Y si quieres información en plan corto (pero buena) tienes el ya clásico
    www.joelonsoftware.com/2003/10/08/the-absolute-minimum-every-software-
    2 K 25
  53. daphoene #53 daphoene *
    #52 Puedo jurar por la santísima binaridad que yo lo estudié así o_o pero está claro que mis fuentes estaban equivocadas ( que tampoco me extraña demasiado ).

    Lo que me escama es haber trabajado tantos años sin que algo así de gordo aflorase a la superficie.

    Edito para añadir: Gracias :-)
    2 K 25
  54. #54 unpaseante
    #53 Enhorabuena por bajarte del "burro" (cada vez hay más gente que cree que haberlo escuchado, haberlo leído, etc convierte a las cosas en ciertas e insisten tozudamente en su error). Y no dejes de ser "repelente", si no hubieras sido repelente no habrías tenido posibilidad de rectificar la barbaridad que te contaron.
    2 K 25
  55. daphoene #55 daphoene
    #54 Gracias a mi profusa y extensa experiencia en cagarla, aprendí pronto que persistir en el error es contraproducente xD

    Soy muy testarudo en la búsqueda y defensa de argumentos válidos, pero también implacable con lo que demuestran, así tenga que bajarme del burro incluso en lo más esencial.

    En este caso concreto del UTF-8, en mi defensa puedo decir que conocía la codificación para uno, dos y tres bytes, coincidente con la limitación establecida para utf8mb3 que era el estándar para bases de datos y algunos lenguajes interoperables en este sentido, de modo que de alguna manera "coincidía" con lo que conocía erróneamente sobre UTF-8 como subset limitado de unicode ( intento justificar que no aflorase antes este error en mi cabeza habiendo trabajado tanto con charsets, codificación, decodificación y almacenamiento, con todos los problemas que conlleva ).

    Pero no lucho contra la evidencia, y como apuntas muy sabiamente, el ser repelente ha conseguido sacarme del error, aunque sea después de tantos años, y también porque hay más gente puntillosa como tú.

    Así que gracias de nuevo ;)
    1 K 19
  56. Wayfarer #56 Wayfarer
    #39 Que un editor de código que es básicamente un editor de texto funcione de forma rápida y fluida en equipos con 16GB de RAM o más me dice mucho de cómo está hecho ese editor... xD :troll:

    #30 A mí con el Notepad++ me basta y me sobra.
    0 K 10
  57. #57 Steewe
    #56 Con Notepad++ también me vale, lo tengo pero la ventaja de VSC es que aporta librerías, simplifica trabajo y te permite trabajar de forma bastante cómoda
    2 K 32
  58. Alexenvalencia #58 Alexenvalencia
    #50 Ese mundillo es inmortal por lo visto. Junto con el de las Spectrum y MSX... yo no sé cómo la nostalgia tiene ese poder.
    1 K 14
  59. Alexenvalencia #59 Alexenvalencia
    #49 Pues sí, ahora tienes que tirar de extensión.
    Pues ahora mismo no tengo Android. Lo siento.
    0 K 7
  60. BuddyHolly #60 BuddyHolly
    #58 Porque era excitante. Yo recuerdo las virguerías que hacía el Amiga, frente a lo terriblemente pobre y aburrido que era un PC. Además, que era otra historia, porque eran los comienzos. Sí, la nostalgia nos puede.
    1 K 14
comentarios cerrados

menéame