Nous canvis i avenços en el tema de l'bloc

Salutacions a tots .. Volem seguir millorant, volem marcar el nostre propi estil i és per això que estem treballant àrduament en el nou tema presentat fa uns dies enrere.

Com els vaig dir en el seu moment, el tema no estava acabat, més aviat estaria sotmès a canvis visuals constantment buscant una millor experiència per a l'usuari. Però, (si, sempre hi ha un però), com més bonic volem que quedi el tema, amb efectes i altres, més pesat es fa.

Si pel meu fos, DesdeLinux tindria un disseny pla, senzill, sense tant adorn o imatges, sense codi JS ni coses per l'estil, però la resta dels meus col·legues són dels que pensen que les coses entren primer pels ulls, així que no tinc una altra opció 😀

Estem treballant sense descans per corregir els errors que s'han anat presentant, i millorar el rendiment de el lloc, però no som experts. Estem traient el millor de la nostra experiència i coneixement per optimitzar tot el més possible. Una vegada que he dit això, doncs passem a les novetats.

Nou disseny per a la pàgina principal

Aquest canvi és experimental, però obeeix a la idea que el que l'usuari necessita trobar al nostre blog és informació, i per tant, llavors el primordial és ressaltar els articles.

DesdeLinux

Ara el disseny té 3 columnes per defecte (ho sentim molt per aquells usuaris que odien la nova interfície de Google Plus), desapareixent a la vista l'sidebar.

Però ull, la informació que contenia el panell dret de l'bloc no ha desaparegut, sinó que l'hem amagat en 4 botons:

botons_sidebar

És bo destacar que s'ha afegit el botó amb informació per a tot aquell que vulgui fer donacions monetàries (o d'una altra manera) per al blog.

A l'punxar sobre qualsevol d'ells se'ns desplegarà un diàleg Modal, ressaltant la informació que vulguem veure:

modal

També hem modificat els Articles a l'Atzar (aka Recomanats), adaptant el disseny a la nova forma en què es mostren els post a la pàgina principal:

destacats

Seguint els consells i suggeriments d'alguns usuaris, hem eliminat l'extracte amb el text de l'post. Ara només tenim la imatge destacada i el títol de la mateixa:

nous_articles

Per sota de l'capó hem realitzat alguns canvis en el codi, així com en el format d'algunes imatges per reduir el seu pes.

NOTA Per als editors i col·laboradors de l'bloc: És important que les imatges destacades siguin de proporció 4: 3. Si ho prefereixen pugin una imatge amb les mesures 320px d'ample per 245px d'alt

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

  1.   Yukiteru va dir

    M'agrada el disseny bastant net i com he dit abans, la paleta de colors és molt bona i agradable a la vista.

    1.    ILAV va dir

      Gràcies pel comentari 😉

  2.   Pavloco va dir

    La veritat és que va excel·lent, el disseny anterior no lluïa bé en el meu netbook. Bon treball.

    1.    ILAV va dir

      Genial! M'agrada que t'agradi 😀

  3.   anibal va dir

    genial! em van encantar els canvis i el nou disseny! segueixin així !!!

    1.    ILAV va dir

      Gràcies ^ _ ^

  4.   Filo va dir

    Ha millorat molt ia pantalla completa es veu de vici. A l'redimensionar la finestra es desajusta lleugerament les tres columnes de post que fa a l'menú ia la notícia destacada. Segur que es pot reajustar fàcilment.

    1.    ILAV va dir

      Si, això succeeix perquè només ajustem el tema a resolucions de pantalles específiques. Això és una cosa que es pot resoldre però és molt molest, ja que porta temps i proves constants. De totes maneres estarem treballant en això.
      Gràcies pel comentari.

  5.   Arnoldo RLF va dir

    els recomano aquesta pàgina amb tips per optimitzar la seva pàgina web http://browserdiet.com/es/

  6.   dnoser va dir

    Molt bo, encara que jo no hi hauria ocultat les xarxes socials després d'un botó, és molt millor que siguin totes accessibles a un sol clic.

    1.    ILAV va dir

      En realitat estan ocultes només a la vista .. per al robot si estan .. 😀

  7.   AurosZx va dir

    Doncs no es veu gens malament, ja vaig provar en diversos dispositius de diferent resolució i s'ajusta bastant bé, i les animacions es donen a una velocitat decent. Encara que em resulta una mica estrany com es veu en el meu Tablet, resolució 1280 × 800 (més o menys el mateix cas en horitzontal i vertical, no s'aprofita bé l'espai): http://imagebin.org/265253.
    Per la resta, m'agrada 🙂

    1.    ILAV va dir

      Mmm. Gràcies pel pantallazo. Aquí és on rau el problema a l'hora de testejar el tema. En el meu navegador amb la resolució en 1280 es veu correctament. Crap, i no tinc un tablet per provar com Déu mana.

  8.   Marco va dir

    M'agrada com llueix. I fins al moment no he tingut problemes.

  9.   Israel va dir

    Va quedant molt bé pel que fa a disseny . DesdeLinux em sembla a un pollastre he dit jajaja…. Però molt bé en general.

  10.   gussound va dir

    El tema està molt bo, només m'agradaria comentar-los que en el meu portàtil les 3 columnes estan descentrades cap a l'esquerra, els faig arribar una captura de pantalla per si els serveix per fer alguna esmena.
    Segueixin així, oferint-ho millor. abraçada gran

    http://img40.imageshack.us/img40/2701/45bs.png

    1.    ILAV va dir

      Gràcies pel feedback .. Què resolució tens?

      1.    gussound va dir

        1366X768

        1.    ILAV va dir

          És la mateixa resolució que jo faig servir i es veu perfectament. Segur que tens la vista de el lloc en 100%?

          1.    gussound va dir

            si, si necessites que faci algun altre ajust m'avises. abraçada

          2.    gussound va dir

            ILAV, modifiqui la vista de la pagina diverses vegades, finalment la vaig deixar a el 100% i la vista de columnes es va centrar, segurament creia que la vista la tenia a el 100% i no era així. Et deixo una captura
            http://img600.imageshack.us/img600/6590/racf.png
            abraçada

    2.    Manuel de la Font va dir

      Anava a reportar el mateix, encara que al meu parer el problema no és que estigui descentrat sinó que el disseny només s'adapta a les resolucions inferiors i no a les superiors. No estaria malament que el nombre màxim de columnes no fos març sinó que es mostraran tantes com la resolució ho permeti, per omplir aquest enorme espai en blanc.

      1.    ILAV va dir

        El problema amb això és que, si la resolució suporta 6 columnes 6 a la banda de l'altra, llavors caldria carregar XNUMX columnes més dels post anteriors .. I com que encara no arribem a aquest nivell de programació 😀

        1.    Manuel de la Font va dir

          Doncs posa't a estudiar, jajaja.

          Si no es pot, l'alternativa seria la que diu gossound, i / o fer que les targetes tinguin una amplada flexible.

          BTW, la meva resolució és 1280 × 800 i el veig igual que a la captura.

          1.    eliotime3000 va dir

            Tant en la meva recentment actualitzat Chromium 28 des dels repos de seguretat de Debian Wheezy com el Chromium 30 que ús en Vista (ódienme, però prefereixo mil vegades usar Windows Vista que Windows 8), la pàgina es veu esplèndidament ben feta.

          2.    Manuel de la Font va dir

            @ Eliotime3000: Jo en Chromium d'Arch Linux i Chrome en Windows 8 veig les columnes tirades a l'esquerra. A Firefox es veuen bé, centrades.

            PD Sí, et odi per usar Windows Vista.

    3.    Filo va dir

      Això passa quan no està la finestra de navegador maximitzada.

  11.   Manuel de la Font va dir

    ho sentim molt per aquells usuaris que odien la nova interfície de Google Plus

    Això no és com la interfície de Google Plus, això és un disseny estil Magazine i està bé. El disseny de Google Plus (tipus pinboard) té targetes de diferents mides disposades a diferents altures, el que crea un desordre visual horrible on no s'entén res. L'estil Magazine té targetes iguals a la mateixa altura, com aquest. Molt més ordenat i comprensible. Així que no et preocupis, cancel·lo la meva vol a Cuba ... per ara. 😀

    1.    ILAV va dir

      Jajaja .. i jo que ja havia comprat parell de matxets .. 😛

      1.    Manuel de la Font va dir

        Ja ho sé, i jo que volia estrenar el meu bazuca; però bé, ja hi haurà una propera vegada, quan ara sí desgracies el disseny i hagi de fer-te una no molt cordial visita. 😉

    2.    eliotime3000 va dir

      Pel pinboard és que tinc abandonat el meu perfil de pinterest, ja que realment em marejava aquest estil i poques vegades faig servir el G+ per veure què hi ha de nou a la xarxa de desdelinux.

      Encara que els suggeriria el disseny de la pàgina inicial de libreoffice.org si volen adaptar-lo a tablets, a més que li dóna una sensació de tenir un menú de nivells d'Angry Birds.

  12.   Lleó va dir

    Una cosa que em va ajudar a redactar va ser la guia que ILAV (crec que va ser ell va redactar) en:

    https://blog.desdelinux.net/guia-para-colaboradores-de-desdelinux/

    Seria útil que totes aquestes dades estiguin en una guia similar actualizadad per ser més fàcil la redacció.

  13.   RafaGCG va dir

    m'agrada molt !!
    et deixo una captura a 1920 × 1200 a escala 100%
    http://i42.tinypic.com/wtepvt.jpg

  14.   set92 va dir

    No, m'oposo totalment xD es que el meu vot no compta res però és obrir el bloc i veig 6 notícies, veritat que en principi no hauria de necessitar més perquè el ritme de crear aquestes notícies permet no necessitar veure mes de 6 si visites aquest blog diàriament com jo, però just donar-li un petit copet a la roda de el punter i ja veure els numeros de les pàgines per començar a passar pàgines ... com hi hagi algú que vingui només 2 dies per setmana o fins i tot només els dissabtes o ha estat de vacances, ve a veure notícies i ha d'estar passant fulls per cada 6 notícies ... .va a acabar fins a les narices..por no dir que queda lleig que la ruleta només em serveixi per veure el peu de pagina i els numerets de les pagines, i bo aquesta careta feliç que heu posat just a la fin del web, m'imagino que la vau posar per fer alguna prova o alguna cosa.

    Solucions? Doncs la millor que jo veig i és més actual és que segons vagis baixant amb la ruleta et vagin apareixent notícies noves, no haver d'estar teu clickant, cada vegada mes hem passat d'una web simple com les que t'agraden a tu a alguna cosa més dinamico, que ofereixi més opcions i funcionalitats, sinó una altra opció mes senzilla seria posar simplement setembre o 9 notícies per pàgina.

    I el perquè ningú us ha dit això fins ara pot ser perquè no ho vegin com un problema o perquè no es noti tant en les resolucions «normals», encara que a la foto de RafaGCG jo crec que es comença a apreciar una mica el que dic , i jo que tinc una resolució de 1440p ho noto molt mes, el meu marge de la pantalla porta fins just la linea dels numeros de pagina, és a dir veig tot el web d'un cop d'ull, i això sense comptar les pantalles 4k que encara que ens semblin llunyanes en 3 4 anys jo crec que ja hi haurà bastants i estaran com estan ara les de 1440p, cares però amb gent comprant.

    1.    ILAV va dir

      Una foto de pantalla per favor.

      1.    Manuel de la Font va dir

        En resum: ample líquid i scrobbling infinit.

        No aconsegueixo entendre per què volen aquestes megaresoluciones si totes les pàgines les veuen minúscules, jajaja. Encara que imagino que les pel·lícules HD s'han de veure genial. 😀

        Ja ho sabré quan canviï de portàtil. 😛

        1.    ILAV va dir

          Les targetes no poden tenir mida flexible, perquè això significa que han de carregar una imatge cada vegada més gran i per tant, pot provocar que el disseny es trenqui o que es demori més a carregar el lloc.

        2.    eliotime3000 va dir

          Les targetes em recorden a les pàgines que fan temes gratuïts per WordPress, a més de donar-li un tema més agradable a la vista i no saturar més del compte.

          En fi, el disseny és relaxant per a mi i no m'incomoda per a res, tenint un monitor HP L1706 amb una resolució de 1280 * 1024.

          1.    eliotime3000 va dir

            Doncs aquí els deixo una foto de pantalla del meu PC amb Vista mostrant el site >> http://imgur.com/sraFD2D

        3.    set92 va dir

          Ja posats a contestar..xD gairebé m'oblido de tixD, mes que res canviï perquè tenia una resolució menor i com vaig veure els monitors coreans que a la fi són 222 € + duanes doncs vaig dir ... anem a arriscar-nos ... no m'ha sortit de el tot mal i per al que més em serveix és perquè sóc programador i a l'posar la pantalla en vertical puc tenir moltes més línies de codi en pantalla, i en horitzontal puc tenir moltes més coses en pantalla, tot i que fins l'estiu he estat tota l'estona amb un portàtil de 15 "FullHD i sense queixes però ja quan va tornar a l'sobretaula doncs ja és diferent.

      2.    RafaGCG va dir

        jo crec que així està perfecte. Avui en dia hi ha molt dispositiu portatil amb pantalles petites. I jo mateix a la pantalla de 1920 × 1200 la ús sempre amb un 120% d'ampliació
        http://i43.tinypic.com/wqy713.jpg

        respecte a que ensenyi 12 notícies en portada, m'imagino que si posen 6 és per optimitzar de recursos. Esperem que tots donem suport i es pugui contractar una màquina en condicions, perquè el lloc voli amb tota la comunitat usant-ho.

        1.    set92 va dir

          També tens tota la raó, la majoria de gent té menys de FullHD i té equips mitjans, i al meu a la fi i al el cap no m'acaba de molestar perquè el visito diàriament, i si em molesta ja que em hauré de fastiguejar perquè és un gran bloc i no penso deixar de visitar-lo per un parell de fallitos 😀 però bé millor tenir en compte tots els errors i així saber on es pot millorar quan es pugui

      3.    set92 va dir

        Aquesta està en pantalla completa http://i.imgur.com/ZzTa5dJ.jpg li he tret també la barra de Windows per que s'aprecie mes encara que normalment acostumo a estar amb la barra però no se si altres no la tindran ..

        I aquesta altra m'acabo de fixar ara que és quan tens l'explorador sol en un tros de la pantalla. http://i.imgur.com/8PrlbXF.png Jo crec que quedaria millor centrat en comptes de a l'esquerra.

        1.    ILAV va dir

          Gràcies pel feedback .. 😉

    2.    Manuel de la Font va dir

      La careta feliç la afegeix el mòdul d'estadístiques de JetPack. Es pot amagar amb una mica de CSS si molesta ...

      1.    set92 va dir

        No, només era perquè m'havia semblat curiós la careta i no sàvia a què es debia 😛

  15.   Giskard va dir

    Molt bons els canvis. Es veu genial i m'agrada molt. No obstant això, encara hi ha una mica de lentitud. Especialment a l'carregar la primera vegada el site. Se'ls conte perquè sé que estan en proves i necessiten d'aquest feedback.
    Segueixin endavant 😀

  16.   Maximiliano va dir

    La veritat m'agrada molt el nou disseny.

    Vinc d'usem Linux.

    El meu consell seria que li afegeixin un text o alguna cosa a la barra de el menú per a la versió mobile diguem. així no queda la barra buida amb la icona nomes.

    El demas m'agrada molt el disseny i bootstrap 😛

    salutacions

  17.   st0rmt4il va dir

    Llueix bastant bé aquest canvi en

    Salutacions!

  18.   eliotime3000 va dir

    Molt bo el disseny, a més que s'ha adaptat molt bé el tema a diversos navegadors.

    1.    eliotime3000 va dir

      Curiosament, la tipografia que fa servir aquesta pàgina és bastant similar a l'Seoge UI de Windows.

      1.    ILAV va dir

        Doncs només fem servir Droid Sans i Open Sans .. 😛

  19.   Rayonant va dir

    Genial, al Netbook es veu molt bé ILAV, total aprofitament de l 'espai, i en l'altra pantalla (la 1600 × 900) s'acomoden ara millor totes les coses i no se sent la antiga sensació de buits als costats.

    PD; I dic jo, aprofitant les èpoques de remodelació, quan van a mirar el pobre paste !, que bé lleig que sempre ha estat (útil clar aquesta) però lleig xD

    1.    ILAV va dir

      Excel·lent Rayonant .. gràcies pel feedback.

  20.   gat va dir

    La càrrega i velocitat de la versió mòbil van millorar considerablement, ben fet nois 😉

    1.    ILAV va dir

      Gràcies per la dada 😉

  21.   AleQ. va dir

    El meu critica va des del punt de vista personal i tant de bo també sigui constructiva ..
    - La pàgina principal i d'entrada és com una espècie de speed dial, això aquesta bo. però el problema és que les imatges il·lustratives de les entrades són molt grans .. el que obliga a l'lector a haver de lliscar de la barra de desplaçament lateral de el navegador per tenir una visió general de totes les entrades .. .. seria molt més atractiu si es pogués evitar això, i poder veure totes les entrades sense necessitat de lliscar la barra .. així d'un sol clic triar com ens interessa més llegir !!
    Salutacions i segueixin endavant !!

    1.    ILAV va dir

      Gràcies pel suggeriment. Creu-me que aquest tema seguirà evolucionant i millorant. No et preocupis.

    2.    RafaGCG va dir

      Juas! i per aquí dalt demanaven just el contrari, més coses a la pantalla i preparar-lo per resolucions 4K. Jo crec que aquest ample va bé, les imatges més petites per 1920 × 1200 per descomptat que no, ja el faig servir amb + 120% normalment tot. El que si podria estar bé són més files no 6 notícies, però si menja molta màquina .... bo, a poc a poc.

  22.   xaviP va dir

    +1 disseny líquid i molt clar
    IMHO, el banner després de capçalera, el qual destaca un article passat, és massa ample i es menja massa pantalla (en 1024px)

    1.    xaviP va dir

      Perdó, volia dir massa alt, no ample

  23.   pandev92 va dir

    A internet explorer no carreguen els botons XDDD

    1.    Manuel de la Font va dir

      És el que et mereixes per utilitzar Internet Explorer, jajaja.

      Ja seriosament, ¿quins botons?

  24.   set92 va dir

    I ja per demanar ... xD Que els comentaris s'integrin amb Disqus que el vaig veure fa poc a http://www.muylinux.com/ i em va resultar útil donar-li al meu Disqus i veure tots els comentaris nous i novetats sense haver de checkear uns checkboxs per cada comentari que faig o haver de rebre aquesta informació a l'email que no ho vull perquè l'email el faig servir només per a treball, per el que em ve bé entrar a veure X notícia i després veure si algú ha contestat a algun comentari.

    PD: Si no us agrada que d'idees o aixi digueu-me que de vegades em passo parlant o faig comentaris que igual sembla que infravoloro la feina del que s'ha fet fins ara i així, però a mi m'agradaria que em diguessin els errors que tinc i si és possible solucions pel que tendeixo a fer això mateix.

    1.    Manuel de la Font va dir

      Gràcies pels suggeriments. Vegem, per parts:

      1. El dels comentaris amb Disqus, si no recordo malament, ja ho havíem discutit abans. El detall és que amb Disqus perdem el control sobre la personalització dels comentaris, i com veus els tenim molt personalitzats, apareixent els usuaris diferenciats per rangs i aquest plugin que ens agrada tant que mostra el navegador, sistema operatiu i escriptori de l'comentarista. Amb Disqus no podríem fer res d'això, i per contrapart, no se m'acut cap avantatge que pogués brindar-nos i que compensi aquesta pèrdua de control.

      2. Quant als checkbox suposo que et refereixes als camps de nom, correu i lloc web, però no has de omplir-los cada vegada que comentes, només cal que iniciïs sessió amb el teu compte de el blog i el sistema automàticament els farcida per tu . De fet no entenc quin és el problema ja que així és com has enviat aquest comentari, i en Disqus per comentar també necessites omplir camps o iniciar sessió, així que no em sembla que hi hagi cap diferència.

      Si de cas, el que no té el sistema natiu és l'opció d'iniciar sessió amb el teu compte de Twitter o Facebook, però aquesta opció ja la vam provar abans i la traiem perquè tenia moltes falles (NO demanis seu retorn PER FAVOR: D).

      3. Si estàs rebent correu no desitjat, abans de comentar verifica que els camps de notificació que estan sota el formulari de comentaris es trobin desmarcats, i per cancel·lar els subscripcions que ja tens actives trobaràs l'opció en els mateixos e-mails.

      Gràcies de nou pel feedback, qualsevol altra queixa o suggeriment que tinguis no dubtis a exposar-les, que totes són benvingudes. 🙂

  25.   Joan Carles va dir

    Bé, el vaig posar en un altre article perquè no hi havia vist aquest.

    @elav: No vull resultar-antipàtic, però la veritat que el bloc i també hi és, per a mi, es veu horrible. No m'agrada. Em sembla bé que estiguin els articles així, a primera vista, però el disseny en si no es veu bé, millor dit, no ho veig bé.

    1.    Manuel de la Font va dir

      ¿Concretament què és el que no t'agrada? A mi no em sembla que hagi canviat molt en realitat ...

      1.    Joan Carles va dir

        No m'agrada la portada d'el bloc. L'interior està molt bo, però la portada em resulta lletja, és com que no em transmet res. Potser quedaria millor un estil de dues columnes en lloc de tres, i en l'espai on ara hi ha la tercera es podria posar un altre tipus d'informació relacionada amb el bloc. No em mal interpretin, a primera vista és molt útil aquesta espècie de «vista prèvia» dels articles, però visualment no em convenç.

        En fi, és només una opinió.

        Salutacions

        1.    Manuel de la Font va dir

          és com que no em transmet res

          Crec que aquí li has donat. Es veu molt apagada al meu parer. Potser amb un color de fons més clar, i una cosa que faci ressaltar els elements, com marcs o ombres.

          També penso que l'article destacat ocupa un espai excessiu. Es menja al voltant de l'30% de la pantalla, i juntament amb els quatre botons que estan sota seu gairebé treuen els articles de la vista, que se suposa són el més important. Se li podria reduir una mica l'ample i usar aquest nou espai per col·locar un panell a un costat on s'agrupin els quatre botons, els quals podrien tenir colors més intensos, ja que ara estan molt pàl·lids.

          Tot això en conjunt quedaria una mica millor, no creus?

          1.    Joan Carles va dir

            «Afirmatiu» diria un militar amic que tinc.