Quiero cambiar el diseño del sitio ¿Me ayudan?

Escrito el , visto 3684 veces Ver usuariopor



Sep, como dice el título, quiero cambiar el diseño del sitio ya que creo que lleva acá como ocho años o algo así, el monumento a la casa del herrero :D

El tema es que no uso ni wordpress ni blogspot ni ninguna de esas cosas, este blog está hecho en casa y necesito un diseño HTML puro.

No estoy pidiéndoles ningún trabajo eh! no, tan sólo alguna sugerencia. Hace unos meses le ajusté un diseño que encontré a Tecnogeek, para mi quedó bastante bien, es responsive, se ve bien en móviles y desktop, es más moderno, usa un CSS moderno y lo encontré en HTML5 Up y si bien es bastante completo le faltaba de todo, como un área de comentarios, formulario para los mismos, etc.

Luego de trabajar bastante quedó "decente" pero el resto de los diseños que ofrecen no son muy coherentes para un blog, son más bien para sitios estáticos de algún diseñador que quiera mostrar un portfolio, bien distinto a lo que aquí hago.

Entonces me dije "seguro que más de uno tiene alguna buena fuente de diseños libres" y aquí viene la pregunta ¿Conocen alguna fuente decente? ¿Sugieren alguno que ya exista? Obviamente quedará en mis manos adaptarlo al blog, adaptar el contenido, la enorme cantidad de secciones que luego de 15 años se han acumulado, pero vamos, esto ya necesita una renovación, una buena, una que se vea bien en resoluciones altas y bajas, que no sea un dolor de ojos.

No espero nada demasiado bonito, pero algo que siga con el "espíritu" del blog que va más para la lectura que para el showroom de un diseñador que no soy ni me interesa ser. Algo práctico, funcional, que me permita cierto margen para agregar desde encuestas hasta secciones, comentarios, concursos, todo lo que siempre hago por acá. Luego lo adapto al Postrev, mi sistemita propio e incompleto, inservible y absurdo, pero que hice yo y me permite seguir aprendiendo día a día.

Hoy más que nunca acepto sugerencias y enlaces, pasen alguno, que seguro ya tienen alguno visto.

Por Fabio Baccaglioni

Comentarios

  1. Dejálo como está, es un clásico ya, a mi me encanta

    Citar »
  2. En mi humilde opinion lo más facil y flexible seria usar un frammework de css y sumarle sass para poder tener la libertad de personalizarlo completamente.

    Yo normalmente uso bootstrap3 pero en su version sass oficial (que existe en otro repo de github). Y xompilo todo con node.js y gulp.js (o con cualquier otra app que compile sass).

    Asi tengo 3 beneficios:

    1. Componentes modulares para practicamente todas mis necesidades.
    2. Con sass se pueden personalizar todos -todos- los estilos y variables basicas, con lo que se le puede cambiar completamente el aspecto al framework.
    3. Y para mi lo mejor es que usando sass se pueden armar las grillas del layout sin necesitar agregar las tipicas clases row y col en el html. Se hace todo con mixins desde el sass.

    Saludos!!


    PD: Te sigo desde hace años. Sos mi referente de tecnologia y sentido comun en Argentina. Grande Fabio!

    Citar »
  3. Arturo dijo:
    Dejálo como está, es un clásico ya, a mi me encanta

    ya no se ve bien en resoluciones altas

    Lucas Dasso dijo:
    En mi humilde opinion lo más facil y flexible seria usar un frammework de css y sumarle sass para poder tener la libertad de personalizarlo completamente.

    Yo normalmente uso bootstrap3 pero en su version sass oficial (que existe en otro repo de github). Y xompilo todo con node.js y gulp.js (o con cualquier otra app que compile sass).

    Asi tengo 3 beneficios:

    1. Componentes modulares para practicamente todas mis necesidades.
    2. Con sass se pueden personalizar todos -todos- los estilos y variables basicas, con lo que se le puede cambiar completamente el aspecto al framework.
    3. Y para mi lo mejor es que usando sass se pueden armar las grillas del layout sin necesitar agregar las tipicas clases row y col en el html. Se hace todo con mixins desde el sass.

    Saludos!!


    PD: Te sigo desde hace años. Sos mi referente de tecnologia y sentido comun en Argentina. Grande Fabio!


    si tengo que aprender a utilizar todo eso pierdo tanto tiempo que mejor pagarle a alguien para que lo haga, no, no tengo ni puta idea de cómo usar SASS, nunca entendí el concepto siquiera ni le dediqué demasiado tiempo tampoco :D bah, entiendo un poco la idea, pero me es igual de complicado que meterle mano a un CSS, además, no soy de hacerle muchos cambios una vez que lo termino ¿Tiene sentido si no sos de cambiarlo a cada rato?

    si necesito un curso para hacerlo como que ya se me complica y nunca lo voy a implementar, además, mi punto es que justamente NO TENGO ni el buen gusto de un diseñador, ni el tiempo para reiniciar mi conocimiento en tal materia, ni el tiempo para programar todo un diseño de cero. Realmente me supera eso, me encantaría, pero sabiendo todo lo que ya voy a tener que tocar de código para adaptar un diseño existente... estoy en el horno! :D

    Citar »
  4. Recomendaciones obvias es usar bootstrap o flexobox. Yo por mi cuenta uso bootstrap que es muy práctico.
    Si conseguiste algún modelo que sea responsive bienvenido sea que puedas trabajar con el.
    Yo trabajo por mi cuenta con diseños puros de html5 + css3 y tambien con joomla, los modelos que uso de "musa" los veo de varias páginas como https://www.templaza.com/ que tienen joomla y wordpress para usar, la mayoria son pagos pero podes ver diseños lindos para imitiar. Si ya tenes un boceto podes publicarlo en privado para ir tirando ideas también.

    Abrazo

    Citar »
  5. Rodrigo Lauga dijo:
    Recomendaciones obvias es usar bootstrap o flexobox. Yo por mi cuenta uso bootstrap que es muy práctico.
    Si conseguiste algún modelo que sea responsive bienvenido sea que puedas trabajar con el.
    Yo trabajo por mi cuenta con diseños puros de html5 + css3 y tambien con joomla, los modelos que uso de "musa" los veo de varias páginas como https://www.templaza.com/ que tienen joomla y wordpress para usar, la mayoria son pagos pero podes ver diseños lindos para imitiar. Si ya tenes un boceto podes publicarlo en privado para ir tirando ideas también.

    Abrazo


    nah, no tengo ni una idea ni boceto, no soy diseñador y no quiero pasar ocho siglos armando algo porque no puedo, si conocés un diseño que conozcas puedo llegar a chusmearlo, bootstrap o flexobox ningún problema, en tecnogeek hice eso, es fácil de adaptar luego si ya tengo el html

    Citar »
  6. Fabio Baccaglioni dijo:
    Rodrigo Lauga dijo:
    Recomendaciones obvias es usar bootstrap o flexobox. Yo por mi cuenta uso bootstrap que es muy práctico.
    Si conseguiste algún modelo que sea responsive bienvenido sea que puedas trabajar con el.
    Yo trabajo por mi cuenta con diseños puros de html5 + css3 y tambien con joomla, los modelos que uso de "musa" los veo de varias páginas como https://www.templaza.com/ que tienen joomla y wordpress para usar, la mayoria son pagos pero podes ver diseños lindos para imitiar. Si ya tenes un boceto podes publicarlo en privado para ir tirando ideas también.

    Abrazo


    nah, no tengo ni una idea ni boceto, no soy diseñador y no quiero pasar ocho siglos armando algo porque no puedo, si conocés un diseño que conozcas puedo llegar a chusmearlo, bootstrap o flexobox ningún problema, en tecnogeek hice eso, es fácil de adaptar luego si ya tengo el html

    Si te entiendo, mirá de esta página use algunos modelos interesantesy que son gratis, quizas ya la conoces:
    https://w3layouts.com/blogging-template/

    Citar »
  7. Yo te diría que fondo negro y estilo creepy y gore, pero bue... puede ahuyentar a algunos... :P

    Lo que si, vamos a lo importante. Ni se te ocurra sacar a Putin bailando!!
    :D

    Citar »
  8. Mira no te voy a dar consejos tecnicos usa lo que te resulte mas comodo

    Ahora como consejo UX te recomendaria dentro de los articulos quitar toda la columna derecha que desde dentro del articulo no aporta y no navegas a traves de ahi y hace los articulos muchos mas anchos para que se pueda leer mas facil y se aprecian mejor las imagenes.
    Algunas secciones que saques de la columna derecha podes meterla mezclada en la columna central antes de los comentario. Ej:Ads

    En la home deja el paginado no metas la moda esta del continuous scrolling quizas te vendria bien achicar el tamaño de los articulos cosa que sucede al ampliar el ancho tambien, cosa de tener mayor cantidad de articulos por pagina.

    El temas y enlazados ya no los usa nadie o a lo sumo ponelo en algo que se expanda y no te ocupen tanto espacio

    Citar »
  9. Buenas!!! Yo estoy parecido a vos, mi fuerte es backend, cuando necesito algún diseño estoy en el horno. Lo que suelo hacer es boostrap y usar partes de acá: https://bootsnipp.com/
    No vas a encontrar un blog 100% armado, pero tal vez sumando 2-3 ejemplos (un main, un post individual y alguno mas) podés salir andando.

    https://bootsnipp.com/snippets/featured/a-list-of-blog-posts
    https://bootsnipp.com/snippets/4nE5m

    Busca que hay bastante.

    Abrazo!!

    Citar »
  10. Saca el codigo de verificacion o modificalo de alguna.

    Para comentar desde el Ipad o celulares es una verga atomica

    Citar »
  11. Estaria bueno un refresco de la pagina, nada tan drastico, pero que sea agrable a la vista y funcional. No soy programador asi que ni idea para aconsejarte algo concreto :D

    Me gustó mucho el rediseño de Tecnogeek, en windows 7 que uso en el trabajo se ve re bien y en windows 10 que tengo en mi casa se ve genial

    Comentario editado el 17/05/2017 - 12:16:28

    Citar »
  12. Bootstrap está bien, pero por ligero y estar mas orientado a pequeños sitios recomiendo Skeleton (http://getskeleton.com/)

    Moción a favor de lo que dice Hourus, quitaría la barra de la derecha, la publicidad la pondría al final del post o, a lo mejor más efectivo, intercalada en el medio del texto, aunque no me gusta para nada en términos estéticos.

    Como referencia un diseño limpio como el de Medium invita mas y no creo que desaliente a los afiliados que dicen preferir diseños más gore o kitsch.

    El Putín pude quedar

    Citar »
  13. Rodrigo Lauga dijo:

    Si te entiendo, mirá de esta página use algunos modelos interesantesy que son gratis, quizas ya la conoces:
    https://w3layouts.com/blogging-template/


    algo así decía, ahora los chusmeo!!

    Nachox dijo:

    Lo que si, vamos a lo importante. Ni se te ocurra sacar a Putin bailando!!
    :D


    desde ya que el nuevo diseño REQUIERE el Putin danzarín : D
    Hourus dijo:
    Mira no te voy a dar consejos tecnicos usa lo que te resulte mas comodo

    Ahora como consejo UX te recomendaria dentro de los articulos quitar toda la columna derecha que desde dentro del articulo no aporta y no navegas a traves de ahi y hace los articulos muchos mas anchos para que se pueda leer mas facil y se aprecian mejor las imagenes.
    Algunas secciones que saques de la columna derecha podes meterla mezclada en la columna central antes de los comentario. Ej:Ads

    En la home deja el paginado no metas la moda esta del continuous scrolling quizas te vendria bien achicar el tamaño de los articulos cosa que sucede al ampliar el ancho tambien, cosa de tener mayor cantidad de articulos por pagina.

    El temas y enlazados ya no los usa nadie o a lo sumo ponelo en algo que se expanda y no te ocupen tanto espacio


    el menú de la derecha lo uso mucho yo, ese no vuela porque sencillamente necesito manejar todo el sitio y ahí veo quién comentó, si hubo spam, etc. Si, por ahí tiene más data de la necesaria ahora :P pero lo básico lo necesito ahí cerca!

    la paginación la prefiero como está , como vos decís, el scrolling contínuo es una patada en los huevos
    Germán M dijo:
    Buenas!!! Yo estoy parecido a vos, mi fuerte es backend, cuando necesito algún diseño estoy en el horno. Lo que suelo hacer es boostrap y usar partes de acá: https://bootsnipp.com/
    No vas a encontrar un blog 100% armado, pero tal vez sumando 2-3 ejemplos (un main, un post individual y alguno mas) podés salir andando.

    https://bootsnipp.com/snippets/featured/a-list-of-blog-posts
    https://bootsnipp.com/snippets/4nE5m

    Busca que hay bastante.

    Abrazo!!


    a buscarrrrr!!!!!
    Fede dijo:
    Saca el codigo de verificacion o modificalo de alguna.

    Para comentar desde el Ipad o celulares es una verga atomica


    si estás logueado ni te aparece! para eso está el registro de usuario, igual mi idea es cambiarlo por el recaptcha
    Pen Pen dijo:
    Estaria bueno un refresco de la pagina, nada tan drastico, pero que sea agrable a la vista y funcional. No soy programador asi que ni idea para aconsejarte algo concreto :D

    Me gustó mucho el rediseño de Tecnogeek, en windows 7 que uso en el trabajo se ve re bien y en windows 10 que tengo en mi casa se ve genial



    refresco de qué? una coca con hielo? :D si , hace falta mejorar esto, el de Tecnogeek quedó bien pero no puedo repetirlo acá

    Citar »
  14. Buenas:
    Podrías usar AdminLTE, no se necesita mucho conocimiento para editarlo y tiene muchos ejemplos.

    Link: https://adminlte.io/themes/AdminLTE/index2.html

    Citar »
  15. Ahora vengo yo como design troll para decir que Tecnogeek no me gusta cómo está, que el menú de la derecha todavía lo uso (en especial los últimos comentarios, ya que desde un post voy a otro desde ahí) y que los textos más anchos no siempre son más fáciles de leer.

    También soy un alien que no usa el navegador maximizado. Uso muy pocas cosas maximizadas (Photoshop, Google Earth y no mucho más). Me gusta tener las ventanas flotando.

    Citar »
  16. toda la columna de la de derecha lo hace muy de la época de geocities. poco groncha, perdón ¿No podes hacer que la veas vos solo el dueño del sitio o seas vos? digo, como el codigo para postear que desaparece si estás logueado.

    Citar »
  17. Fabio Baccaglioni dijo:

    Pen Pen dijo:
    Estaria bueno un refresco de la pagina, nada tan drastico, pero que sea agrable a la vista y funcional. No soy programador asi que ni idea para aconsejarte algo concreto :D

    Me gustó mucho el rediseño de Tecnogeek, en windows 7 que uso en el trabajo se ve re bien y en windows 10 que tengo en mi casa se ve genial



    refresco de qué? una coca con hielo? :D si , hace falta mejorar esto, el de Tecnogeek quedó bien pero no puedo repetirlo acá


    jajaaja!! si despues pense eso!! :D

    Citar »
  18. A mi me gusta mucho la interfaz de http://es.gizmodo.com/

    Me parece facil, sencilla y rapida. Me gustaria ver alguna vez un fabio.com.ar con esa onda.

    Abrazo!

    Citar »
  19. Si no se rompió, para qué arreglarlo? :|

    Citar »
  20. Danbat dijo:
    Ahora vengo yo como design troll para decir que Tecnogeek no me gusta cómo está, que el menú de la derecha todavía lo uso (en especial los últimos comentarios, ya que desde un post voy a otro desde ahí) y que los textos más anchos no siempre son más fáciles de leer.

    También soy un alien que no usa el navegador maximizado. Uso muy pocas cosas maximizadas (Photoshop, Google Earth y no mucho más). Me gusta tener las ventanas flotando.


    TG todavía requiere bastante retoque, principalmente en los espacios blancos, pero sí, quiero algo más apto para ESTE sitio, TG es de notas más cortas (salvo reviews) y el menú al costado también te da eso, un peso más balanceado para leer y que no tengas 1700px de lectura interminable

    Nico Prida dijo:
    A mi me gusta mucho la interfaz de http://es.gizmodo.com/

    Me parece facil, sencilla y rapida. Me gustaria ver alguna vez un fabio.com.ar con esa onda.

    Abrazo!


    lo que no me gusta de gizmodo es que cada nota es un extracto, como que la portada a ellos les chupa un huevo, yo muchas notas las pongo casi completas en portada, los sitios con índices más que con contenido estan muy de moda pero ¡no tengo tantas notas al día! tienen sentido en un sitio de noticias, claro.
    Cacho dijo:
    toda la columna de la de derecha lo hace muy de la época de geocities. poco groncha, perdón ¿No podes hacer que la veas vos solo el dueño del sitio o seas vos? digo, como el codigo para postear que desaparece si estás logueado.

    nah, que querés, una página con texto que cubra el 100% del ancho? me pierdo y caigo del renglón! :D si, es medio groncha, eso lo admito, pero al mismo tiempo es la razón para renovar el diseño :P
    Federico dijo:
    Si no se rompió, para qué arreglarlo? :|

    porque está roto

    Citar »
  21. Hola Fabio. En si, siendo un blog, si queres darle otro look, yo creo que tambien innovas tarde o temprano, porque te lleva a cambiar la funcionalidad muchas veces (sin quitar las secciones que ya tenes obvio) , habria que ver.... Yo miraria referentes de gente que programe su propio blog, cosa que esta dificil , esta lleno de plataformas como bien decis para hacer tu blog.

    idea
    A mi manera de entender, una funcionalidad para mejorar (pero ojo, es algo q para mi es asi,no lo tomes a mal chabon), es q siento q es como decis estatico y hay un casi, gran scroll, para ver las notas, mi idea es y si haces tipo taringa (pagina orignal: teoti =the end of internet) o identi.li? , q tenes a modos de links cada seccion con su respectivo icono, o de ultima una pequeña imagen referente a la nota... Puede ser estatico y al lado vas navegando, no me gustan mucho los iframes pero seria con iframes. SI no que no sea estatico, pero para no hacer tanto scroll. Lo de taringa es solo una idea nada mas, tampoco es q se vaya a parecer a taringa. Puede tener cierta estructura similar pero distinta visibilidad, cosa que hace que cambien los "parecidos

    Yo use un "scroll to.js" para hacer una sola pagina con un menu al costado. Pero no lo veo para tu blog. Es una boludez

    Otra referente que a mi me gusta, (pero esta el scroll de pagina) es neoteo, un blog q ademas del tuyo visito cada tanto, no se porque pero me siento comodo con lo visual. Fijate q onda, espero ayudar y si no te aviso si se me ocurre algo

    Saludos

    Citar »
  22. asi está bien, aca esta mi sugerencia, hace un montón.
    https://www.fabio.com.ar/5972#comments160004

    Un poco de material design desparramado y listo. queda nuevo.

    Citar »
  23. La de Gizmodo es buena, en vez de poner titulares podrías seguir metiendo notas largas y en el header y la columna izquierda meter cosas que sean útiles para este site (notas mas vistas, últimos comentarios, tagboard!!).

    Volar la columna derecha o ocultarla un poco no creo que implique meter texto de ancho a ancho, se podría dejar un margen, debe haber un truco de diseñador para hacerlo de manera armónica.

    Tecnogeek quedó linda, pero es un poco fría para lo que es este site, no podría aplicarse.

    Todo bien con Putin, pero ha habido dignos footers (y más sexies) en este sitio #memoria.

    Citar »
  24. Hay cosas que están bien con esta estructura... necesita más una "refrescada" estética que un cambio radical, creo yo.

    - El contenido en 2/3 y la columna en 1/3 está bien, para mi se queda.
    - El texto es bien legible. Por ahi cambiar el font por uno mas moderno, pero grandecito.
    - A mi me gusta que gran parte de la nota se lea en la portada.
    - Tiene que ser responsive mas que nada porque ahora el 25% del tráfico (y subiendo) es por ahi.
    - Me gustaría un buscador interno, que encuentre mejor lo mas relevante.
    - El sistema de comentarios está por debajo de lo aceptable a esta altura. Yo sé que no te gusta, pero sería mucho mejor la interacción con comentarios de fb. (Ni lo pongo completo porque sé que no te gusta nada, pero anda).

    Creo que Bootstrap te da mucha facilidad para codificar, así que lo usaría sin dudar.

    Un ejemplo podría ser éste, Kotha Pro (lo cobran, pero es muy económico). Es limpio y estéticamente aceptable.
    Enlace

    Citar »
  25. Simplicidad, usabilidad, y no pierdas las cosas que te identifican visualmente.

    Simple, no quiere decir poco ni facil....

    Usable, lo que no suma resta...

    Relax que las amebas ademas de estar siempre vivas.... no acomodamos muy bien a sitios nuevos.

    Citar »
  26. Yo me inclino por lo minimalista: https://blackrockdigital.github.io/startbootstrap-clean-blog/
    Descarga: https://startbootstrap.com/template-overviews/clean-blog/

    Aunque minimalista es justo lo contrario a tu estilo. Guiño

    Puede ser un Pinterest style: https://w3layouts.com/preview/?l=/pinball-responsive-grid-style-blog-flat-web-template/
    Descarga: https://w3layouts.com/pinball-responsive-grid-style-blog-flat-web-template/

    Otro que me gusta: https://w3layouts.com/preview/?l=/konstructs-a-blogging-category-flat-bootstrap-responsive-web-template/
    Descarga: https://w3layouts.com/konstructs-a-blogging-category-flat-bootstrap-responsive-web-template/

    Adhiero al pedido de no sacar a Putin bailando.

    Citar »
  27. Otro voto para que lo dejes cómo está. Tira x lo menos 8 añitos más.
    De última desde lo visual lo dejaría tal cual, solo reescribiria para mejorar compatibilidad.

    Citar »
  28. Bueno, para empezar, no soy el más adecuado para asesorar sobre diseño... si por mí fuera, todavía usariamos la web en modo linea de comando (aguante el Lynx! :D), pero un par de cosas que noté en el rediseño de Tecnogeek:

    - No meter tanto "fondo blanco": los elementos se "pierden": los menu, las etiquetas, los tags... como que todo queda flotando en un mar color blanco. A veces el contraste sirve para delimitar y definir los elementos en pantalla.

    - Lo mismo con el color del texto: a veces el gris no tiene suficiente contraste (fijate que la tonalidad de Tecnogeek es un poco más "suave" que la de Fabio.com)

    Igualmente, el sitio es tuyo: rompé Fabio, rompé !!!! Guiño

    Citar »
  29. Hace tiempo encare el rediseño de mi sitio y despues de muuuucho batallar con diferentes estilos te recomiendo uno que lo bueno que tiene es que es muy flexible, adaptable, responsivo y lo mejor de todo, por lo que cuesta U$S 22 + comision de PayPal es que tiene un excelente soporte, los flacos te contestan en menos de 24 - 48 hs tus requerimientos, te brindan upgrade de por vida.

    Es adaptable para Blogs, landing pages, portales de ventas, revistas online, catalogos, etc. Esta muy bien escrito, codigo muy prolijo y bien documentadito ...una pinturita ....

    Se llama Unify .... miralo y despue´ me conta´ papa´...
    Enlace

    Citar »
  30. StratoCat dijo:
    Hace tiempo encare el rediseño de mi sitio y despues de muuuucho batallar con diferentes estilos te recomiendo uno que lo bueno que tiene es que es muy flexible, adaptable, responsivo y lo mejor de todo, por lo que cuesta U$S 22 + comision de PayPal es que tiene un excelente soporte, los flacos te contestan en menos de 24 - 48 hs tus requerimientos, te brindan upgrade de por vida.

    Es adaptable para Blogs, landing pages, portales de ventas, revistas online, catalogos, etc. Esta muy bien escrito, codigo muy prolijo y bien documentadito ...una pinturita ....

    Se llama Unify .... miralo y despue´ me conta´ papa´...
    Enlace


    es interesante, no pensaba gastar un mango pero podría analizarlo

    Dario dijo:
    Bueno, para empezar, no soy el más adecuado para asesorar sobre diseño... si por mí fuera, todavía usariamos la web en modo linea de comando (aguante el Lynx! :D), pero un par de cosas que noté en el rediseño de Tecnogeek:

    - No meter tanto "fondo blanco": los elementos se "pierden": los menu, las etiquetas, los tags... como que todo queda flotando en un mar color blanco. A veces el contraste sirve para delimitar y definir los elementos en pantalla.

    - Lo mismo con el color del texto: a veces el gris no tiene suficiente contraste (fijate que la tonalidad de Tecnogeek es un poco más "suave" que la de Fabio.com)

    Igualmente, el sitio es tuyo: rompé Fabio, rompé !!!! Guiño


    el tema de los blancos y grises depende tanto de los monitores que realmente me supera, TG en mi monitor matte se ve perfecto, pero claro, es el tipo de pantalla ideal para leer.
    Lucas dijo:
    Otro voto para que lo dejes cómo está. Tira x lo menos 8 añitos más.
    De última desde lo visual lo dejaría tal cual, solo reescribiria para mejorar compatibilidad.


    tocar este código inservible para darle compatiblidad es como pegarme corchazos con una MG-42 en la pija, mejor un diseño nuevo :D
    Fernando dijo:
    Yo me inclino por lo minimalista: https://blackrockdigital.github.io/startbootstrap-clean-blog/
    Descarga: https://startbootstrap.com/template-overviews/clean-blog/

    Aunque minimalista es justo lo contrario a tu estilo. Guiño

    Puede ser un Pinterest style: https://w3layouts.com/preview/?l=/pinball-responsive-grid-style-blog-flat-web-template/
    Descarga: https://w3layouts.com/pinball-responsive-grid-style-blog-flat-web-template/

    Otro que me gusta: https://w3layouts.com/preview/?l=/konstructs-a-blogging-category-flat-bootstrap-responsive-web-template/
    Descarga: https://w3layouts.com/konstructs-a-blogging-category-flat-bootstrap-responsive-web-template/

    Adhiero al pedido de no sacar a Putin bailando.


    Agradezco pero desisto, minimalismo mis huevos :D no soporto las páginas que dicen tan poco como una simple nota, ese no es este blog, este es mi pequeño universo donde presento TODO lo que hago, no sólo notas simples, por otra parte el estilo Pinterest es lo último que le haría al blog. Las notas no tienen ese formato, no son una foto y título ganchero, necesitan de contenido, pinterest te lo quita todo. Da para otro formato de blog, seguro, pero este... me parece que no va
    Alfredo Marti dijo:
    Simplicidad, usabilidad, y no pierdas las cosas que te identifican visualmente.

    Simple, no quiere decir poco ni facil....

    Usable, lo que no suma resta...

    Relax que las amebas ademas de estar siempre vivas.... no acomodamos muy bien a sitios nuevos.


    si, ok, pero ¿Algún diseño sugerido? El problema es que todo eso ya lo se pero NO SOY DISEÑADOR! de algún lado tengo que robarlo!
    Hugo dijo:
    Hay cosas que están bien con esta estructura... necesita más una "refrescada" estética que un cambio radical, creo yo.

    - El contenido en 2/3 y la columna en 1/3 está bien, para mi se queda.
    - El texto es bien legible. Por ahi cambiar el font por uno mas moderno, pero grandecito.
    - A mi me gusta que gran parte de la nota se lea en la portada.
    - Tiene que ser responsive mas que nada porque ahora el 25% del tráfico (y subiendo) es por ahi.
    - Me gustaría un buscador interno, que encuentre mejor lo mas relevante.
    - El sistema de comentarios está por debajo de lo aceptable a esta altura. Yo sé que no te gusta, pero sería mucho mejor la interacción con comentarios de fb. (Ni lo pongo completo porque sé que no te gusta nada, pero anda).

    Creo que Bootstrap te da mucha facilidad para codificar, así que lo usaría sin dudar.

    Un ejemplo podría ser éste, Kotha Pro (lo cobran, pero es muy económico). Es limpio y estéticamente aceptable.
    Enlace


    Está bueno el Kotha ese igualmente ni sueñes que jamás ni en el fin de los días del universo le de los comentarios de este blog a un tercero, ni FB ni nadie, así que o funciona con el sistema actual o mejoro el sistema pero jamás de los jamases se los daré a otro :P

    ah, mobile está por el 50%, por eso es importante cambiar
    Cattel dijo:
    La de Gizmodo es buena, en vez de poner titulares podrías seguir metiendo notas largas y en el header y la columna izquierda meter cosas que sean útiles para este site (notas mas vistas, últimos comentarios, tagboard!!).

    Volar la columna derecha o ocultarla un poco no creo que implique meter texto de ancho a ancho, se podría dejar un margen, debe haber un truco de diseñador para hacerlo de manera armónica.

    Tecnogeek quedó linda, pero es un poco fría para lo que es este site, no podría aplicarse.

    Todo bien con Putin, pero ha habido dignos footers (y más sexies) en este sitio #memoria.


    no me convence del todo Gizmodo, no al menos con las notas como extractitos, habrá que ver si el template ese se banca ponerlas full sin que se deforme todo
    Hormiga dijo:
    asi está bien, aca esta mi sugerencia, hace un montón.
    https://www.fabio.com.ar/5972#comments160004

    Un poco de material design desparramado y listo. queda nuevo.


    pensaba arreglarlo en la nueva versión, por ahí lo arreglo antes y todo
    marcelo dijo:
    Hola Fabio. En si, siendo un blog, si queres darle otro look, yo creo que tambien innovas tarde o temprano, porque te lleva a cambiar la funcionalidad muchas veces (sin quitar las secciones que ya tenes obvio) , habria que ver.... Yo miraria referentes de gente que programe su propio blog, cosa que esta dificil , esta lleno de plataformas como bien decis para hacer tu blog.

    idea
    A mi manera de entender, una funcionalidad para mejorar (pero ojo, es algo q para mi es asi,no lo tomes a mal chabon), es q siento q es como decis estatico y hay un casi, gran scroll, para ver las notas, mi idea es y si haces tipo taringa (pagina orignal: teoti =the end of internet) o identi.li? , q tenes a modos de links cada seccion con su respectivo icono, o de ultima una pequeña imagen referente a la nota... Puede ser estatico y al lado vas navegando, no me gustan mucho los iframes pero seria con iframes. SI no que no sea estatico, pero para no hacer tanto scroll. Lo de taringa es solo una idea nada mas, tampoco es q se vaya a parecer a taringa. Puede tener cierta estructura similar pero distinta visibilidad, cosa que hace que cambien los "parecidos

    Yo use un "scroll to.js" para hacer una sola pagina con un menu al costado. Pero no lo veo para tu blog. Es una boludez

    Otra referente que a mi me gusta, (pero esta el scroll de pagina) es neoteo, un blog q ademas del tuyo visito cada tanto, no se porque pero me siento comodo con lo visual. Fijate q onda, espero ayudar y si no te aviso si se me ocurre algo

    Saludos


    eso, al estilo Taringa, es justo lo que NO quiero hacer con el blog por una sencilla razón: apenas hago 6 notas por semana.

    ese tipo de diseños funcionan genial con sitios llenos de posteos diarios, pero en un blogcito son la muerte, es como que la portada no cambia nunca.

    el menú acompañando el scroll es un dolor de huevos para mí, soy medio conservador con algunas cosas :P




    Por lo visto voy a tener que comprarme un template :P

    Citar »
  31. :D que sea como el sitio de madame voyeur

    Citar »
  32. yo pido que se pueda leer de noche algo que no tenga un fondo blanco, me quema los ojos men. apiadate de los viejos.

    Citar »
  33. Te metes en wrapbootstrap.com o themeforest.net y por menos de lo que sale un desayuno te comprás el diseño que más te guste. Con el conocimiento que tenés de php te basta y te sobra para implementarlo, no tendrías que tocar ni una línea de css (tal vez algún que otro retoque pero nada más)

    Citar »
  34. Mirá que lindo este: http://wrapbootstrap.com/preview/WB0532194

    Solo 19 dolarucos

    Citar »
  35. Lo que si ... Vladimir tiene que estar ....

    Tienes que prometerlo Fabio !... Tienes que prometeeeerlooo!! (imaginar aqui una escena en el medio del fragor de Omaha Beach alguien tirado todo destripado en la arena y sosteniendo a Fabio del borde de su chaqueta mientras la sangre escapa a borbotones de su boca ....)

    Comentario editado el 18/05/2017 - 10:42:08

    Citar »
  36. Cattel dijo:
    Volar la columna derecha o ocultarla un poco no creo que implique meter texto de ancho a ancho, se podría dejar un margen, debe haber un truco de diseñador para hacerlo de manera armónica.
    .


    Toy de acuerdo con esto, mirá Vice por ejemplo https://motherboard.vice.com/en_us/article/uk-police-charge-activist-under-terrorism-law-for-refusing-to-hand-over-passwords

    Por otra parte estaría bueno poder switchear a un tema oscuro para leer de noche aunque personalmente use un Add-On que me maneja esto en todos los sitios que quiero.

    Citar »
  37. Gus dijo:
    Mirá que lindo este: http://wrapbootstrap.com/preview/WB0532194

    Solo 19 dolarucos

    Me gustó.

    Citar »
  38. Haciendo una búsqueda rápida a mi también me parecían prácticos los templates minimalistas de startbootstrap, este otro me pareció interesante aunque el hecho de que ande medio lenteja en la demo me da mala espina:

    http://laread.evmet.net/html/live-preview/large-image-v1-1.html

    Citar »
  39. El Putin tiene que quedarse, pero creo que esta pidiendo compania, muchos años de bailar solo... yo voto por un Trump o un Kim Jong Un :D:D

    Citar »
  40. Fabio Baccaglioni dijo:
    Rodrigo Lauga dijo:
    Recomendaciones obvias es usar bootstrap o flexobox. Yo por mi cuenta uso bootstrap que es muy práctico.
    Si conseguiste algún modelo que sea responsive bienvenido sea que puedas trabajar con el.
    Yo trabajo por mi cuenta con diseños puros de html5 + css3 y tambien con joomla, los modelos que uso de "musa" los veo de varias páginas como https://www.templaza.com/ que tienen joomla y wordpress para usar, la mayoria son pagos pero podes ver diseños lindos para imitiar. Si ya tenes un boceto podes publicarlo en privado para ir tirando ideas también.

    Abrazo


    nah, no tengo ni una idea ni boceto, no soy diseñador y no quiero pasar ocho siglos armando algo porque no puedo, si conocés un diseño que conozcas puedo llegar a chusmearlo, bootstrap o flexobox ningún problema, en tecnogeek hice eso, es fácil de adaptar luego si ya tengo el html


    No hace falta, hay varias plantillas para bootstrap que son gratuitas y quedan una maravia.

    PD: no saques a putin

    Citar »
  41. Juan Pablo dijo:
    Fabio Baccaglioni dijo:
    Rodrigo Lauga dijo:
    Recomendaciones obvias es usar bootstrap o flexobox. Yo por mi cuenta uso bootstrap que es muy práctico.
    Si conseguiste algún modelo que sea responsive bienvenido sea que puedas trabajar con el.
    Yo trabajo por mi cuenta con diseños puros de html5 + css3 y tambien con joomla, los modelos que uso de "musa" los veo de varias páginas como https://www.templaza.com/ que tienen joomla y wordpress para usar, la mayoria son pagos pero podes ver diseños lindos para imitiar. Si ya tenes un boceto podes publicarlo en privado para ir tirando ideas también.

    Abrazo


    nah, no tengo ni una idea ni boceto, no soy diseñador y no quiero pasar ocho siglos armando algo porque no puedo, si conocés un diseño que conozcas puedo llegar a chusmearlo, bootstrap o flexobox ningún problema, en tecnogeek hice eso, es fácil de adaptar luego si ya tengo el html


    No hace falta, hay varias plantillas para bootstrap que son gratuitas y quedan una maravia.

    PD: no saques a putin


    pasate algún link de alguna, googlear esto se ha vuelto imposible, todo te lleva a plantillas de wordpress o lo que sea, pocos liberan sólo en html o son obsoletas (más viejas que 2013 encontré :P)

    Citar »
  42. Arturo dijo:
    Dejálo como está, es un clásico ya, a mi me encanta


    Tal cual, pienso igual. esta bueno como esta., seré yo que estoy mas viejo que se yo.

    Citar »
  43. Dejé de programar por separado mi blog del diseño de mi empresa y seguí así por años con buen resultado, pero recientemente tuve la inquietud de volver a separar el diseño, tal vez lo haga pronto, no te puedo dar una recomendación de diseño, porque solo uso escala de grises, es mi estilo... pero te recomendaría desarrollar a mano, porque la estructura de un blog es demasiado sencilla, escalarlo por lo tanto es muy sencillo, además en temas de velocidad te ayuda facilmente a obtener 100% en pagespeed, incluso hacer este mismo diseño que tienes en responsive, es pan comido, tal vez lo termines en unas horas, pero conservas el conocimiento a fondo sobre cada elemento y puedes modificar mas fácilmente algo que no te guste como quedó o como funcionó del nuevo diseño, si amas tu blog, vale la pena dedicarle tiempo, además solo lo harías una vez en mucho tiempo, mas como comentaste que no te gusta moverlo después de desarrollarlo.

    Citar »
  44. Los shitty mod y las chinadas deberian tener un pager abajo e ir hacia adelante y atrás, también con el teclado
    y si queres mas visitas basura un share del face por imagen individual

    Citar »
  45. Capo, theme forest, no son free.. pero por 15 a 20 dolares tenes un theme profesional, tenes la categoria de blogs NO wordpress, usas las .css como vienen y usas el html a gusto donde sea. Hay para todos los gustos, he aqui la URL:

    Enlace

    Saludos!

    Citar »

Deje su comentario:

(comentarios ofensivos o que no hagan al enriquecimiento del post serán borrados/editados por el administrador sin previo aviso)

Security Image

Negrita Cursiva Imagen Enlace

Guardar los datos: Si / No