Presentamos el nuevo diseño para el blog

Nos complace presentar con muchísimo orgullo el nuevo diseño para nuestro blog, en el que hemos venido trabajando desde hace un tiempo luego de pasar por dos bocetos iniciales y reorganizar ideas.

Casi a punto de publicar el diseño que habíamos mostrado anteriormente, se me bajó la musa encuera y me puse a trabajar en una nueva versión. ¿El motivo? Pues que una cosa es lo que se hace en Inkscape, y otra muy distinta el resultado en HTML + CSS … etc.

Además del lavado de cara, la idea del re-diseño tiene como principal objetivo optimizar código y añadir funcionalidades internas para no depender de la gran cantidad de plugins que en estos momentos estamos utilizando. Esto conlleva que el rendimiento y la velocidad del sitio aumente, por lo que se debería notar un cambio significativo en la respuesta del blog cuando accedemos al mismo.

En esta nueva propuesta algunas cosas cambian y son las siguientes:

– Se elimina el Carrusel y destacamos viejos artículos

En su defecto se mostrarán aleatoriamente los artículo que hemos ido destacando. De esta forma los nuevos usuarios podrán ver entradas antiguas que pueden aún tener relevancia o ser de interés. Además, si se desean consultar más destacados, podrán encontrar las entradas en el SideBar. El antiguo carrusel no solo duplicaba el contenido, sino que sobrecargaba el sitio y eran más imágenes para descargar.

– El logo de la distro cambia de posición

Para evitar el problema anterior cuando se cambiaba la resolución de pantalla, ahora hemos puesto el logo en el sidebar para seguir mostrando esa información y no perder la identidad que a tantos usuarios les ha gustado tener (en mantenimiento aún, pues necesitamos añadir las nuevas imágenes y otros detalles).

– Iconos de información en los artículos

Se añade en la página principal algunos iconos de información, como son la cantidad de veces que se ha leído el post y cuantos comentarios tiene. Además, se incluyen iconos de redes sociales, el usuario que escribió el post y la fecha en que se puso al estilo Twitter/Facebook para hacer la información más amigable.

– Menos imágenes

Se eliminan los excesos de imágenes duplicadas, como son los avatares en los comentarios que se muestran en el Sidebar, las imágenes del Post y demás.

– Responsive Design:

Ahora el blog se puede visualizar correctamente en cualquier tipo de dispositivos, desde PCs hasta Smartphones sin necesidad de usar el plugin WP-Touch.

– Más pestañas, menos widgets

Haciendo uso de pestañas, hemos organizados los Widgets en el Sidebar según su contenido. Esto nos ayuda en el ahorro de espacio principalmente.

– Último mensaje de Twitter

Ahora también se pueden mostrar los últimos mensajes de Twitter con la opción incluso de cerrarlo si no queremos verlo. En versiones posteriores haremos lo mismo con los mensajes del foro.

– Login directo desde el sidebar

Ahora los editores y colaboradores del sitio pueden acceder fácilmente al panel de control poniendo su usuario y contraseña en un Widget en el SideBar.

– Barra flotante

Ahora la barra de menú se queda flotando sobre el resto de los elementos, de forma que mediante vamos bajando para ver el resto del contenido, podemos acceder fácilmente a otros recursos o a la búsqueda en el sitio web.

Otros detalles

Aún quedan muchísimas cosa por incluir, y esperamos añadirlas en el menor tiempo posible. Ponemos el sitio online para que nos ayuden a detectar los posibles errores que puedan ir descubriendo. Paulatinamente se irán añadiendo Widgets, Plugins y otros detalles, por lo que en las próximas semanas estaremos trabajando arduamente en este aspecto.

Específicamente trabajaremos en:

  • Terminar programación para detectar el OS y distro en el sidebar.
  • Programar compartir mediante Twitter y demás redes sociales, así como el +1 de Google.
  • Algunos ajustes de textos.
  • Cambio sustancial y completo del sistema de comentarios.
  • etc…

Agradecimientos

No queremos terminar esta entrada sin antes agradecerle a nuestro amigo Alain Turiño (a.k.a alaintm) por la programación del nuevo tema y a todos los usuarios que mediante el foro y sus comentarios nos brindaron ideas, sugerencias o críticas.

152 comentarios, deja el tuyo

  1.   tavo dijo

    Quedó muy bueno y esta muy a tono con la interfaz metro de Windows y el nuevo outlook….ups ,se me escapó.
    Ahora en serio ,a pesar de las similitudes ,tiene una apariencia limpia y minimalista

    1.    KZKG^Gaara dijo

      WTF!!! O_O …
      Hicimos el diseño antes de haber visto Outlook.com, y créeme que tampoco copiamos a Metro, porque a ninguno de nosotros nos gusta jajajaja.

  2.   chin0o dijo

    Guauuu!! quedo genial el nuevo diseño, elegante y liviano.

    Felicidades y que siga así el blog, creciendo !!

    Saludos.

  3.   Gadi dijo

    Me gusta mucho el aspecto general del sitio, enhorabuena. Sin embargo he visto algunas cosillas que, a mi juicio personal, son mejorables.

    – El “bocadillo” que aparece sobre los enlaces del número de veces que se ha leído un artículo y los comentarios queda bajo la barra flotante de modo que no se puede leer (al ver un artículo directamente, en la página principal todo bien).

    – La tipografía de los titulares y en general de los encabezados. Poco cómoda para leerse de un vistazo, muy “estrecha”. Las letras son demasiado “pequeñas” en cuando a anchura y están muy juntas, no sé si me explico.

    – El color y el tamaño de la tipografía de los comentarios. Si algo me gustaba del anterior diseño era lo cómodo que eran de leer los comentarios, ahora la letra es de un color demasiado claro y el interlineado casi inexistente.

    – Algo que a mí en lo personal no me gusta nada son los campos de login en el mismo sitio. Si es sólo para colaboradores y no se pueden identificar usuarios del foto o algo así no me parece práctico, los colaboradores pueden guardarse un marcador y fuera. De otro modo lo único que hacen es gastar espacio, algo que parece que queréis evitar.

    Una vez más enhorabuena por el diseño y por el gran trabajo que hacéis 🙂

    1.    KZKG^Gaara dijo

      Primero que todo, gracias por el feedback 😀

      – Sí, estamos conscientes de esto jejeje, es una de las varias cosas que tenemos en el ToDo jeje.
      – La tipografía la eligió elav, ya hablaremos sobre esto a ver si decidimos cambiarla, o mejorarla con algunos parámetros.
      – Los comentarios no están ni de lejos terminados, cambiaremos el formulario, y el color de la letra debe ser más oscuro. También tenemos que ver qué hacer con ese interlineado, que sigue siendo en ocasiones muy poco.
      – Sobre el login, en realidad no es solo para colaboradores. O sea, cualquiera puede registrarse en el sitio, y puede subir un avatar personal, así como aparecerá en los comentario, en vez de Lector -» Usuario. Por no mencionar la posibilidad de escribir artículos o cosas así. Cuando preguntamos hace algunos meses más atrás sobre sugerencias o ideas para el theme que estábamos programando, varias veces nos mencionaron la posibilidad de facilitar el login en el blog, por eso pusimos eso acá.

      Nada amigo, que de veras muchísimas gracias, falta mucho trabajo por hacer aún… estamos solo en fase Beta, pero queríamos mostrarles como está quedando todo esto, pues al final hicimos el theme pensando en ustedes 🙂

      Saludos

  4.   Elemento Cero (Wolf) dijo

    En general me gusta el cambio. Creo que habéis conseguido un toque moderno, sencillo y descargado, lo cual es de mi agrado. No obstante, el estilo de los comentarios de las entradas no me convence del todo (los colores dificultan un poco la lectura); pienso que entre el color de la letra y del fondo hay un rango cromático muy reducido, lo cual nunca es recomendable (del mismo modo que tampoco es bueno utilizar fuertes contrastes). Pero lo dicho, en general muy bien. ¡Enhorabuena!

    1.    KZKG^Gaara dijo

      jaja gracias 😀
      Síp ya estamos al tanto del color de los comentarios, lo cambiaremos en el próximo update no te preocupes 😉

      Gracias por el comentario amigo.

  5.   Gadi dijo

    Muchas gracias por el buen trabajo que hacéis. No conocía el dato de que los usuarios se pudieran registrar en el blog 🙂 Pues nada, a esperar a ver cómo evoluciona 😀

    1.    KZKG^Gaara dijo

      Nada amigo, el placer es nuestro, gracias a tí por el apoyo 😉
      En el próximo update esperamos agregar nuevas funcionalidades, mejorar código, optimizar también 😀

      Saludos

  6.   hairosv dijo

    WOW…Moderno, fuera de serie, precioso, muy original….me encanta…nuevamente felicidades….como decimos en mi pais, Es Pa´Lante que vamos….

    1.    elav <° Linux dijo

      Gracias por el comentario 😀

  7.   fredy dijo

    Interesante y liviando, me gusta.

    1.    KZKG^Gaara dijo

      Gracias 😉

  8.   Juanlu001 dijo

    Ais… sólo una cosilla, parece que queda muy poco espacio en blanco entre ese borde gris de los lados y el cuerpo del artículo :/ Por lo demás, muy bonito! 🙂

    1.    KZKG^Gaara dijo

      ¿queda mucho?, a mí no me parece tanto en realidad, veamos qué opina el resto 😉
      Si puedes toma un screenshot para ver cómo se te muestra a tí el theme, no vaya a ser que algo no esté funcionando bien.

      Y muchas gracias por leernos y comentar amigo 😀

  9.   hairosv dijo

    Mode Sentimental ON:
    Ustedes me van a excusar Elav, Gaara y todos los demas colaboradores, pero por primera vez en todo los años que llevo de foro en foro y de blog en blog alimentando mis neuronas informaticas, siento que este es mi hogar….siento que este blog es parte de mi, el dia que no entro aqui me siento enfermo, llego a mi trabajo y antes de abrir los periodicos digitales y leer noticas de mi pais abro <* y me siento mucho mejor…

    Gracias chicos por tener un sitio como este ONLine.

    MODE SENTIMENTAL OFF

    1.    KZKG^Gaara dijo

      Uff amigo, muchísimas gracias por tus palabras, de veras… muchas gracias!!
      Sí, DesdeLinux ya para algunos forma parte de su día a día, de esas cosillas que tenemos que hacer o ver para sentirnos bien cada día.

      Esperamos llegar aún más a ustedes, que de veras sientan que DesdeLinux es de todos, en base a eso trabajamos 😉

      Sobre el theme, aún nos faltan varias cosillas… estamos trabajando a full en eso jajajaja.
      Saludos amigo, una vez más gracias por esas palabras tan lindas 🙂

  10. Ya era hora. xD

    Felicidades, está muy bueno. Me ha encantado la simplicidad y la integración de cada elemento, además del excelente uso del responsive design y la barra superior fija (por instinto le di clic a ver si hacía scroll hacia arriba como en Google Plus :D). En general se ve menos cargado a pesar de tener casi el mismo número de elementos.

    Lo único que no me ha gustado es que ahora los autores resaltan mucho menos que antes: el enlace al perfil del autor solo se ve desde la página principal y no desde la página de cada artículo, y también se eliminaron su avatar y el enlace a su sitio web. Además ahora solo los admins tienen algún tipo de resaltado en los comentarios. En este artículo, por ejemplo, si no te fijas en la pequeña descripción gris al final del texto nunca te enterarás que el autor es elav. Sería genial si al menos esos detalles volvieran a ser como los del anterior tema.

    Por lo demás está muy bien, exceptuando pequeños defectos que supongo serán corregidos más adelante, como que la imagen del Ranking Linux no carga, o lo que había mencionado anteriormente del formulario de comentarios.

    En general le viene muy bien el lavado de cara aún cuando el otro diseño también era bueno. 🙂

    1.    KZKG^Gaara dijo

      El hecho de que te guste ya dice mucho jaja.
      Sobre lo de RankingLinux, no es nuestra culpa, el sitio está offline 🙁

      Sobre el formulario de comentarios, quitaremos este de JetPack cuando terminemos unos detalles primero, así usaremos nuestro propio formulario… diseñado y programado por nosotros 😉

      Sobre lo de que el autor no tiene link en cada artículo, cierto!! ya mismo lo anoto para la próxima versión agregar esto jeje.

      Necesitamos del feedback para saber qué arreglar jajajaja.
      Saludos amigo, gracias por el comentario 😉

  11.   Xykyz dijo

    En general el nuevo diseño me gusta, se nota en que va mas rápido. Sin embargo, como ya os dejé en el comentario de G+ hay una cosa que me desagrada.
    Está muy bien que querais que los lectores nuevos vean noticias antiguas al entrar, pero no me parece muy correcto que sea lo primero que se ve y que ocupe tantísimo espacio. Además, las noticias pueden estar muy desfasadas como por ejemplo el anuncio de firefox 7, que me salió esta mañana, la salida de cinnamon 1.3 y ese tipo de temas. Además, como lector asiduo, que entra a diario, se me hace bastante molesto ver lo primero una entrada antigua y que las nuevas estén relegadas a un segundo plano. Cuando entro espero ver primero lo nuevo.
    Espero no os lo toméis a mal, es una crítica constructiva y por supuesto a título personal.
    Saludos.

  12.   Xykyz dijo

    Os había escrito un tocho de texto hablando sobre lo poco que me gusta que lo primero que se ve al entrar es el destacado con noticias antiguas, en lugar de el último post, pero no se ha quedado guardado el envío 🙁

    1.    KZKG^Gaara dijo

      Ya mismo lo estoy aprobando 😀
      Sobre lo destacado, el problema no está en dónde ponerlo (creo yo), sino en qué ponemos como “Destacado”. O sea, eso de que Firefox 7 salió, no es una noticia destacada. Noticia Destacada sería un super y completo tutorial sobre algo, … algo que trascienda en el tiempo ¿o no?

      Tenemos que revisar toda la categoría de artículo destacados 😉

  13.   3ndriago dijo

    Muy buen disenno, a la moda y estilo html5 y css3 (Gracias Jobs por librarnos de Flash!!!) Pero en el mobil hay detalles que no se escalan bien. Ya les mando screenshoots para que vean

    1.    KZKG^Gaara dijo

      JAJAJAJA si ahora resulta que fue Jobs… jajajaja !!!
      Gracias amigo, de veras nos hace falta el feedback 😉

  14.   Yoyo Fernández dijo

    Aunque no es todo de mi agrado, tema colores y texturas, si ve ve muy bien 😉

    ¿En que sidebar decís que se ve ahora el logo de la distro? o.0

    La barra azul flotante se ve demasiado gorda, ancha, si fuera más delgada, estrecha, se vería mejor 😉

    A ver a ver que mire más y si tengo más críticas.. mmm, por ahora es todo, ya iré refunfuñando en futuras ocasiones xDD

    Proba: Comentando desde Ubuntu 12.04 64bit y Firefox 14.0.1 sin tocar nada de user agent…

    Desde Android ICS 4.0.4 y el Navegador web Dolphin anoche me decía que estaba en Debian

    1.    KZKG^Gaara dijo

      El logo de la distro lo quité hasta que no esté del todo terminado 😉
      Sobre la barra, ya somos dos que pensamos igual jajajajaja, reducirle 10px creo que la mejoraría, ya veremos qué dice el resto.

      Sobre lo de Ubuntu y Debian, jajajaja ya cuando esté terminado del todo funcionará bien jaja.

      Saludos y gracias por el feedback amigo.

  15.   Jotaele dijo

    Francamente me gusta mucho como quedó, los felicito. Me ha resultado especialmente útil encontrar las entradas antiguas, ya que hay cosas muy valiosas ahí que no sabía que estaban en el blog.

    Saludos.

    1.    KZKG^Gaara dijo

      Gracias a tí por comentar 😉

  16.   francesco dijo

    Creía que era el único que pensaba eso, ahora me sentiré más a gusto cuando entre desde windows 8 ahahahah

    1.    KZKG^Gaara dijo

      HAHAHAHAHA ah vamos… no le veo la similitud.
      A ninguno acá le gustó ni un poco Metro, no entiendo por qué copiarles 0_oU

  17.   Yoyo Fernández dijo

    Proba proba:

    SolusOS 2 A5 Firefox 14.0.1

    1.    KZKG^Gaara dijo

      El UserAgent en los comentarios no sufrió cambio alguno 😉

  18.   Xykyz dijo

    Sí, tambien la solución puede venir por ahí, el revisar los destacados. Yo solo quería comentar que tal y como está ahora se me hace incluso incomodo.

    Igualmente, creo que ese tipo de noticias destacadas no deberían estar lo primero, es decir, desde mi punto de vista debería aparecer el último post igual que aparece ahora el destacado y los destacados deberían aparecer un poco mas abajo por ejemplo, como a 3 o 4 entradas después, quizá con la misma apariencia de ahora o mas parecido al resto de post pero con la etiqueta de destacado y el color gris, pero vamos, es solo una sugerencia, con que no me aparezcan noticias irrelevantes a estas alturas como lo de firefox 13 o cinnamon 1.3 me doy por satisfecho xD

    Por lo demás, está todo bastante bien, quizá os habeis pasado con el tamaño minúsculo de la fuente en los comentarios, como ya os han comentado, pero con el resto no tengo nada que objetar, bastante fluido y elegante 😀

    1.    KZKG^Gaara dijo

      Pusimos eso ahí arriba porque queríamos poner algo que llamara la atención ahí, no obstante apunto tu sugerencia para debatirlo 😉

      Sobre la fuente de los comentarios, aún falta mucho por hacer en los comentarios jajajaja, no te preocupes, coincido contigo en que es demasiado pequeña jaja.

  19.   truko22 dijo

    Me gusta 😀 +1

    1.    KZKG^Gaara dijo

      Aún el +1 no creo que funcione jejejeje.

  20.   Fabian Castro dijo

    Les quedó genial. Muy buen trabajo compañeros…

    1.    KZKG^Gaara dijo

      Gracias 😀

      1.    Tina Toledo dijo

        La verdad les quedó muy bien: es minimalista, funcional, agradable a la vista… sólo un pequeño detalle me brinca; la tipografía de los botones en la barra flotante se sería más elegante si estuviese en altas y bajas en lugar se sólo altas.

        Gracias por el cambio de imagen y felicidades por la nueva piel del blog.

        1.    KZKG^Gaara dijo

          Tina que gusto 🙂
          Gracias por la sugerencia, la apunto en el listado del feedback para hablarlo y llegar a un consenso.

          Cualquier otra idea ya sabes, bienvenida sea jaja.
          Saludos y gracias de nuevo.

  21.   Christopher Castro dijo

    Yo opino lo mismo sobre el login, es molesto, con un simple enlace sería más que suficiente.

  22.   Giskard dijo

    Está genial el nuevo diseño!!! Muy pero muy agradable a la vista. Les quedó fantástico 🙂

  23.   Hyuuga_Neji dijo

    Super Bien el nuevo diseño, mucho mas liviano que el otro y por lo menos ya este SI reconoce mi userAgent jejeje porque me dice que estoy usando Debian jejeje

    1.    KZKG^Gaara dijo

      JAJAJA el UserAgent es algo independiente jajaja

  24.   Josh dijo

    El nuevo diseño se ve muy bien y se siente mas ligero, se lucieron con esta nueva imagen. Gracias por todo su trabajo, esta es la primera pagina a la que entro cuando abro el navegador. Sigan mejorando.
    Saludos desde México

  25.   Anónimo dijo

    Al entrar por primera vez el día de ayer acá, me saltó casi en la cara “CIERRAN MEGAUPLOAD”

    Y cuando lo vi creí que algún admin se había tomado dos copas de más o habían hackeado el sitio.

  26.   Diazepan dijo

    Mi sugerencia: ya pueden quitar lo de ranking linux, porque ya no existe más. Se vendió el dominio.

    1.    KZKG^Gaara dijo

      Te respondí en otro comentario, pero el anidado no funciona bien… dios, que ganas tengo de quitar el JetPack este ¬_¬

  27.   Yoyo Fernández dijo

    Probando desde Ubuntu 12.10 Quantal alfa 3 Firefox 15.0 :-/

  28.   Wada dijo

    Woow… Felicidades el diseño me parece genial, limpio, simple… Me agrada

    1.    KZKG^Gaara dijo

      Gracias 🙂

  29.   brutosaurio dijo

    Sencillamente perfecto 😀

    1.    KZKG^Gaara dijo

      Gracias!! 😀

  30.   wpgabriel dijo

    Excelente el diseño, se puede saber que lenguaje utilizan para la logica del sitio?

    1.    KZKG^Gaara dijo

      Para el procesamiento… o sea, funcionamiento del sitio está en PHP, para lo visual usamos HTML5+CSS3+Bootstrap+jQuery.
      Saludos amigo.

  31.   KZKG^Gaara dijo

    Listo, quitado 😉 … ¿lo vendieron? … ¿a quién? ¿qué pasará ahora con RankingLinux.com? O_O

  32.   Blazek dijo

    Se ve muy bien este nuevo diseño del blog. Aunque creo que la barra de arriba con el logo del blog es demasiado gruesa.

    1.    KZKG^Gaara dijo

      Sip tal vez es un poco gruesa, intentaremos en el próximo update disminuir el tamaño a ver qué tal queda 😉

  33.   Oscar dijo

    Muchachos realmente son increíbles, me inclino ante ustedes, no dejan de sorprenderme con los estupendos cambios en el blog. Felicitaciones, sigan así el éxito es de ustedes.

    1.    KZKG^Gaara dijo

      jeje eso intentamos, siempre sorprender.
      Este theme queríamos mostrarlo el pasado 4 de Julio, pero no pudimos …. bueno, acá está, aún es un beta pero bueno, ya se nota el adelanto jaja

      Saludos y gracias por el comentario.

  34.   Matias (@W4t145) dijo

    Quedo excelente, da gusto leer!!!

    1.    KZKG^Gaara dijo

      Esa es la idea 😉
      jeje gracias por el comentario.

  35.   José Miguel dijo

    Me ha gustado todo menos una cosa, a que en vez de poner la fecha en que se publica el post sale lo de “Hace x días”. Solo que si te encuentras con uno que te diga “Hace 101 días”. .. Bueno no está mal, pero preferiría no tener que usar el calendario para ver la fecha de publicación, algo que a veces, es importante.

    Espero que toméis el asunto como algo constructivo, porque a veces vale más callar que aportar…

    1.    KZKG^Gaara dijo

      Anotado el tip 😉
      Es algo como dije en otro comentario, algo que tenemos pensado hacer jajajaja.

  36. Iba a comentar lo mismo. A lo mejor con un gadget en la sidebar sería suficiente, pero al tope de todo definitivamente no es muy buena idea.

  37. “El hecho de que te guste ya dice mucho jaja.”

    Lo dices como si fuera un amargado al que no le gusta nada, jajaja.

    ¬¬

    1.    KZKG^Gaara dijo

      JAJAJAJAJA no no, lo digo porque si algo no te gusta lo dices, claro y directo, por eso si no tienes críticas (o son muy pocas) es señal de que hicimos un excelente trabajo jajajajaja.

  38. A mí sí me gusta, a lo mejor es por eso que también me gustó el nuevo tema, jajaja.

  39. Yo siempre comento con mi cuenta y aparezco como Lector. :S

    1.    KZKG^Gaara dijo

      Si? … vale, revisaré esto en el clon del blog que tengo local en la laptop a ver qué puede ser.
      Gracias por el feedback compa.

    1.    KZKG^Gaara dijo

      Porque el maldito JetPack este con sus comentarios a veces no funciona bien… ggggrrrr tengo tremendas ganas de quitarlo ya ¬_¬

  40.   José Miguel dijo

    Es que a veces soy un aguafiestas… Ja Ja Ja

  41.   marcpv89 dijo

    Felicidades por el nuevo diseño del sitio, y nada sigan así que van bien

    1.    KZKG^Gaara dijo

      jaja gracias socio, aún tenemos pendiente vernos 😀

  42.   kebek dijo

    El blog se nota mas ágil y me gusta la apariencia es limpia pero no sin elementos , lo único la barra flotante es muy alta y le quita atención al contenido, estaría bueno que le pusieran algún marco a los comentarios (aunque sea arriba y abajo ) porque así quedan demasiado minimalista parece como si los hubieran tirado por ahí y por último el efecto de la casilla buscar mucho no me gusta prefiero que sea un poco mas ancha de entrada … y ahora si por último esto sería un favor creo a todos los usuarios de firefox a los links y demas etiquetas que tengan el elemento outline pónganlo en none para que no se vea el recuadro punteado cuando de da click.
    Ahora si después de tantas criticas espero que sigan con la buena información que manejan siempre y que es útil tanto para los que recién empezamos como para los usuarios medio avanzados.

    1.