Kuten Lantrekeilla tuli jo haastattelussa luvattua, on viime viikkoina sivuston koodin kanssa tapeltu urakalla tavoitteena saada sivusto responsiiviseksi. Nyt tämä projekti on siinä vaiheessa, että sen voi asettaa käyttöön. Tästä hetkestä eteenpäin sivusto siis skaalautuu selaimen ikkunan leveyden mukaan, minkä ansiosta erillistä mobiilisaittia ei enää tarvita.
Mobiilisaitin tarpeen poistuminen oli yksi suurimmista motivaatioista panostaa responsiivisuuteen. Jatkossa millä tahansa laitteella voi lukea koko sivustoa ilman turhia rajauksia vain uutisiin ja artikkeleihin. Luonnollisesti sivusto on hieman suurempi tiedostokooltaan kuin se pelkistetty mobiiliversio, mutta nykyisillä nopeilla tietoliikenneyhteyksillä se ei juuri vaikuta.
Sivusto skaalautuu kahteen suuntaan. Alaspäin aina noin 320 pikselin vaakaresoluutioon asti sekä ylöspäin, jos pikseleitä on horisontaalisesti yli 1400. Silloin sivuston leveys sekä fonttikoko kasvaa paremman luettavuuden saavuttamiseksi.
Responsiivisuutta varten koodia on tarvinnut uudistaa melko paljon. Muutokset eivät ole kovin näkyviä, joten jos jokin kohta tuntuu olevan vinksallaan, se todennäköisesti myös on sitä. Olemme testanneet ominaisuutta usean käyttäjän voimin, mutta jotain on voinut jäädä huomaamatta. Mikäli huomaat löytäneesi virheen, laitathan siitä meille palautetta tai kommentin tähän uutiseen.
Palautetta saa ehdottomasti pistää muutenkin. Varsinkin leveämpi sivusto voi alkuun tuntua oudolta, mutta omasta kokemuksesta voin sanoa, että muutaman päivän jälkeen siihen on tottunut ja sen jälkeen aiempi tuntuu liian pieneltä :)
Mobiilisaitin tarpeen poistuminen oli yksi suurimmista motivaatioista panostaa responsiivisuuteen. Jatkossa millä tahansa laitteella voi lukea koko sivustoa ilman turhia rajauksia vain uutisiin ja artikkeleihin. Luonnollisesti sivusto on hieman suurempi tiedostokooltaan kuin se pelkistetty mobiiliversio, mutta nykyisillä nopeilla tietoliikenneyhteyksillä se ei juuri vaikuta.
Sivusto skaalautuu kahteen suuntaan. Alaspäin aina noin 320 pikselin vaakaresoluutioon asti sekä ylöspäin, jos pikseleitä on horisontaalisesti yli 1400. Silloin sivuston leveys sekä fonttikoko kasvaa paremman luettavuuden saavuttamiseksi.
Responsiivisuutta varten koodia on tarvinnut uudistaa melko paljon. Muutokset eivät ole kovin näkyviä, joten jos jokin kohta tuntuu olevan vinksallaan, se todennäköisesti myös on sitä. Olemme testanneet ominaisuutta usean käyttäjän voimin, mutta jotain on voinut jäädä huomaamatta. Mikäli huomaat löytäneesi virheen, laitathan siitä meille palautetta tai kommentin tähän uutiseen.
Palautetta saa ehdottomasti pistää muutenkin. Varsinkin leveämpi sivusto voi alkuun tuntua oudolta, mutta omasta kokemuksesta voin sanoa, että muutaman päivän jälkeen siihen on tottunut ja sen jälkeen aiempi tuntuu liian pieneltä :)
MAINOS
MAINOS
<<12>>
12.02.2013 14:32
#1
12.02.2013 14:41
#2
Hyvältä näyttää. Tabletilla kyllä fontti ehkä turhan pieni eikä ainakaan Chrome selaimella zoomausta voinut tehdä.
Zoomata ei voi joo, kun resoluutio on asetettu laitteen mukaan. Tuosta on olemassa kahta linjausta, itse ennemmin määritän tismalleen sen, että miltä sivusto näytöllä näyttää.
Mikä tabletti sulla on? Harkinnassa on, että nostan fontin kokoa tuossa ns. perusleveydessäkin. Nykyinen 12px alkaa olemaan jo aika pieni.
12.02.2013 16:05
#3
muuten vaikkuttaa ihan hyvältä
12.02.2013 16:10
#4
12.02.2013 16:14
#5
Team: [BS]
12.02.2013 17:07
#6
12.02.2013 18:10
#7
12.02.2013 18:40
#8
12.02.2013 18:51
#9
Propsit suunnitteluosastolle.
12.02.2013 19:07
#10
12.02.2013 19:14
#11
Pikavastauksen kirjotusboxi vois olla vähän korkeempi kyllä.
Nyt on korkeampi. Tuo mobiilisaittia häiritsevä yläosan mainos on käsittelyssä seuraavaksi, jahka keksin jonkin järkevän keinon puuttua siihen.
12.02.2013 19:15
#12
12.02.2013 19:49
#13
Kommenttien välissä ei muuten aina näy erotusviivaa (esim. #9 ja #10 näyttää olevan samaa kommenttia kun ei näy viivaa välissä, samoin #2 ja #3)
Jospa tähän nyt tosiaan tottuis, nyt ei ainakaan silmät tykkää yhtään ja pitää lähtä äkkiä pois kun ei kestä lukea tätä fonttia X.X
12.02.2013 21:29
#14
HTC Desiren vakioselaimella ja Dolphin browserilla näyttää toimivan mainiosti pikaisten testailujen pohjalta eikä vastaavaa ongelmaa ole kuten Lumian kanssa.
Noin muuten hyvä ratkaisu mobiilikäyttäjiä ajatellen toteutus tällä tavoin.
12.02.2013 21:41
#15
12.02.2013 21:57
#16
Tulin sivulle ja katoin että oonko vahingossa laittanu 125% zoomin päälle -__-
Kommenttien välissä ei muuten aina näy erotusviivaa (esim. #9 ja #10 näyttää olevan samaa kommenttia kun ei näy viivaa välissä, samoin #2 ja #3)
Jospa tähän nyt tosiaan tottuis, nyt ei ainakaan silmät tykkää yhtään ja pitää lähtä äkkiä pois kun ei kestä lukea tätä fonttia X.X
Näkyy ne. Onko sulla varmasti natiivireso näytössä?
12.02.2013 22:26
#17
Jaa, nythän tuo tosiaan näkyy. Mitä lie näyttö ja firefox bugailee.
13.02.2013 02:32
#18
Team: -Pelit-
13.02.2013 16:24
#19
turhan iso fontti näin 1680x1050 resolla
muuten vaikkuttaa ihan hyvältä
Fontti liian iso 1920x1080 ja tää kommenttiboxi liian pieni.
Noilla resoillahan selaimen ei tarvitse olla koko ruudussa, useimmat sisällöt mahtuu varsin mainiosti kapeempaankin tilaan. Nyt gaming.fiissä kun kavennatte selaimen kokoa niin pienenee fonttikokokin.
13.02.2013 16:34
#20
<<12>>