Sivuston mobiiliversio – Mobile version of this site

Tyyppi: Ratkaistu
Esillä 19 viestiä, 1 - 19 (kaikkiaan 19)
  • Julkaisija
    Viestit
  • #280 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Sivusto kaatui tietokantaongelmien takia. Rakensin uudestaan mobiiliversion. Sen päämääränä on toimia lähes kuin foorumisovellus ts. olla kännykällä merkittävästi parempi foorumisivusto kuin tavanomaisest sivustot.

    Tätä se on siksi, että seuraavat toiminnot ovat aina käytettävissä foorumiosiossa yksittäisesssä foorumiosastossa/säikeessä:

    1. Haku
    2. Valikko
    3. Rekisteröidy (ei näy kirjautuneille)
    4. Kirjaudu sosiaalisten medioiden avulla (ei näy kirjautuneille).
    5. Kirjaudu sisään/ ulos WordPressin perustoiminnoilla.
    6. Linkki profiilitietoihin (näkyy vain kirjautuneilla)
    7. Lisää uusi aihe/uusi viesti sivun loppuun
    8. Infoikkuna
    9. Lataa sivu uudestaan
    10. Ota yhteyttä (lisäsin jälkikäteen)
    11. Lisäikkuna, jossa on joitakin linkkejä
    12. Hallintapaneeli (näkyy vain kirjautuneilla)
    13. Siirry edelliseen kohtaan (lisätty jälkikäteen)
    14. Linkki sivun alkuun
    15. Linkki sivun pääsisältöalueen loppuun

    Noita ei tarvitse etsiä siis rullaamalla sivua ylös alas vaan vain painallus riittää.

    Otin 340x480px näytöltä pois kohdat 7-12, sillä ne eivät mahtuneet ruudulle.

    Linkki sisältöalueen loppuun vie sinut kännykällä tuoreimpien aiheiden listauksen alkuun! Löydät kännykällä nekin yhdellä näpäyksellä.

    Sivun lopussa on Twitter ja Linked In -linkit + laskuri, joka osoittaa, missä kohtaa sivua ollaan.

    Jos laskuri lasketaan mukaan oikeassa reunassa ja alhaalla on yhteensä 20 kpl erilaisia toimintoja.

    Oikean reunan käyttöliitymän leveys on viewport-arvona 32px ja sille 2px marginaali. Se vie n. 9% pystysuunnassa olevan kännykän sivun leveydestä. Koska oikeaan reunaan tulee aina marginaalia, käytännössä käyttöliittymä vie n. 6% sivun vaakaleveydestä verrattuna siihen, että käyttöliittymää ei olisi sivun oikeassa reunassa.

    _____________


    _____________

    The site crashed because of database failure. I build the mobile version again. The purpose is that it works with ordinary mobile phone almost as web application. That means better than an ordinary web site.

    This site is better because these features are always available in single topic or single post view in the forum area:

    1. Search
    2. Menu
    3. Sign in (not visible for logged in users)
    4. Log in with social medias (not visible for logged in users)
    5. Log in/ Log out with the normal way of WorPress.
    6. Link to profile page (visible for logged in users)
    7. Add new topic/add new comment to the end of the topic
    8. Info window
    9. Reload page
    10. Contact (I added afterward)
    11. Additional window, which has some link
    12. Admin panel (visible for logged in users)
    13. Go to previous place (I added afterward)
    14. Link to the top of the page
    15. Link to the end of the main content area.

    These don’t need to search from the page by scrolling up or down – just one click is enough!

    The width of the user interface as viewport value is 32px + 2px right margin. That takes about 9% from the width of portrait mode mobile phone. Because the right side has always margin, in practice the user interface takes about 6% from the width of the screen compared with the situation that there is no interface on the right.

    I took off from 340x480px screen 7-12 because they didn’t fit to screen.

    Lint to the end of the main content goes to the top of the recent topics. You get also those at one click.

    At the bottom of the page is Twitter and Linked In links + counter, which shows where you are in the current page.

    Taking account the counter, all together on the right and bottom there are twenty different functionalities.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #590 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Lisäsin vielä sivupalkkiin rekisteröitymislinkin. Nyt sivupalkki näkyy ei-kirjautuneille seuraavan näköisenä:

    I added afterward sign up link and for visitor, who is not logged in, the right bar looks in the image above.

    _____________

    Sosiaalisten medioiden linkki avaa sivulle seuraavan näköisen pienen apuikkunan:

    Social media link open this kind of of small window.

    ___________

    Lisäsin hieman oikeata marginaalia. Sivupalkki kulkee Samsung Galaxy J5 -puhelimessa rinnalla, mutta ei peitä mitään:

    I added right margin. Now with Samsung Galaxy J5 the side bar on the right doesn’t hide anymore anything.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #601 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Minulla on mielessä laskuri, jolla näkisi missä kohtaa sivua ollaan. Näin olisi helppo palata juuri oikeaan kohtaan sivua.

    Seuraava skripti näyttää paikan, mikäli lataa sivun uudestaan:

    <script>
    jQuery(document).ready(function($){
    $(’.onscroll’).each(function() {
    this.innerHTML = window.pageYOffset;
    })
    })
    function showOffset(){//document.getElementById(”onscroll”).innerHTML = window.pageYOffset;
    }
    </script>

    Vaatisi kai jonkin AJAX-skriptin. En osaa laatia sellaista. Ei tarvitse AJAX-koodia. Löysin toimivan koodin:

    window.addEventListener(’scroll’, function() {
    document.getElementById(’onscroll’).innerHTML = pageYOffset;

    __________

    __________

    I would like to add a counter, which would show, what is the current place in the page. The following script shows it if the user reloads the page:

    <script>
    jQuery(document).ready(function($){
    $(’.onscroll’).each(function() {
    this.innerHTML = window.pageYOffset;
    })
    })
    function showOffset(){//document.getElementById(”onscroll”).innerHTML = window.pageYOffset;
    }
    </script>

    Apparently this would need AJAX-script, but I can’t build such script. Doesn’t need AJAX. I found working code:

    window.addEventListener(’scroll’, function() {
    document.getElementById(’onscroll’).innerHTML = pageYOffset;

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #635 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Toinen pikku asia on semettä miten määrittelisi JQueryllä luokkia, jotka ”onclick” asemesta avaavat/sulkevat elemententtejä. Ideana olisi laittaa pääsisältöalueelle ”entry-content” jQuery, joka sulkee joitakin mahdollisia avoimia apuikkunoita. Ikkunoiden avaajat ovat sivupalkissa, joten koko pääsisältöalue voisi olla sulkija.

    JQueryn sijaan toteutin asian yksinkertaisella onclick-toiminnolla. Sain tämän toteutettua niin, että koko entry-content -alue ei sulje ikkunoita, mutta suurin osa alueesta sulkee. Jotta muut toiminnallisuus ei häiriydy, piti laittaa loppuun ”return true”, jolloin linkit ym. toimivat.

    Seuraavat toiminnot sulkevat ikkunoita automaattisesti:

    1. Etsintä
    2. Valikko
    3. Toisen apuikkunan avaus (sulkee toisen automaattisesti).
    4. Klikkaaminen suurimpaan osaan sisältöaluetta.

    _________________

    function closeAssitantWindows(){
    var x = document.getElementById(”newOptionsText”);
    if (x.style.display === ”block”) {x.style.display = ”none”;}
    var y = document.getElementById(”infoText”);
    if (y.style.display === ”block”) {y.style.display = ”none”;}}

    _________________

    Another small issue is how to set with JQuery using classes instead of onclick=”” open/show some element? The idea is that it would be possible to sent for ”entry-content” jQuery, which close some opened assistant window. Openers are in the side bar so the entire main content area could close windows.

    I did this using onclick but defined as the last statement ”return false”, which allows linking and other functionalities working.

    Following situations close automatic windows:

    • Search
    • Menu
    • Opening another assistant window (the another window will be automatic closed).
    • Clicking most of the main content area.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #701 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Minua itseäni ärsyttää 800x1280px tablet-laitteessa pudotusvalikoiden käyttöä. Päätaso toimii hyvin ja vielä yhden tason alavalinta, mutta sen jälkeen on erittäin vaikea valita linkkiä.

    Korvasin 800-1280px leveyalueella sivukartan kännykkätyyppisellä valikolla.

    800-1280 leveysalueella käyttäjä voi valita kahden erityyppisen valikon välillä. Määrittelin sen käytön koskemaan vain 800-1280px viewport-aluetta käyttäviä Android-laitteita ja iPadeja. iPad 9,7 omistaja voi leveämpään suuntaan käytettäessä käyttää joko pudotusvalikkoa tai kännykkätyylistä valikkoa. Seuraava koodi toimii useimmissa tapauksissa:

    global $_SERVER;
    $Firefox=strpos($_SERVER[’HTTP_USER_AGENT’], ’Firefox’);
    $Tablet=strpos($_SERVER[’HTTP_USER_AGENT’], ’Tablet’);
    $Android=strpos($_SERVER[’HTTP_USER_AGENT’], ’Android’);
    $Chrome=strpos($_SERVER[’HTTP_USER_AGENT’], ’Chrome’);
    $iPad=strpos($_SERVER[’HTTP_USER_AGENT’], ’iPad’);
    if(($Chrome && $Android) || ($Firefox && $Tablet) || $iPad)

    Tuo ei kuitenkaan toimi iPad & Chrome -yhdistelmälle, enkä oikein keksi, mikä olisi sille järkevää. Esim. seuraavassa tunnistetiedossa ei ole mitään käyttökelpoista:

    Mozilla/5.0(iPhone; CPU iPhone OS 10_3 like Mac OS X)AppleWebKit/602.1.50(KHTML,like Gecko)CriOS/56.0.2924.75Mobile/14E5239eSafari/602.1

    En voi estää sitä, että Chrome loisi iPadille valikon, jos haluan kohdistaa valikon iPadille, mutta estäisikö tämä CSS:n generoitumista:

    function generateCSS(){
    global $_SERVER;
    $Firefox=strpos($_SERVER[’HTTP_USER_AGENT’], ’Firefox’);
    $Tablet=strpos($_SERVER[’HTTP_USER_AGENT’], ’Tablet’);
    $Android=strpos($_SERVER[’HTTP_USER_AGENT’], ’Android’);
    $Chrome=strpos($_SERVER[’HTTP_USER_AGENT’], ’Chrome’);
    $iPad=strpos($_SERVER[’HTTP_USER_AGENT’], ’iPad’);
    $iPhone=strpos($_SERVER[’HTTP_USER_AGENT’], ’iPhone’);
    $CSS=’@media screen and (min-width:783px) and (max-width:1280px){…}’;
    if(($Chrome && $Android) || ($Firefox &&($Android || $Tablet)) || $iPad){ return ’<style id=”CSS-tablet-laitteille”>’.$CSS.'</style>’;}
    elseif($iPhone){
    return ’<scipt>
    var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    if(w >799 && w < 1281){
    mystyle = document.createElement(”STYLE”);
    mystyle.innerHTML=”’.$CSS.’”;
    }
    </script>’;
    }
    }
    add_action( ’wp_head’, ’generateCSS’);

    Tuokaan ei kyllä ratkaise ongelmaa. Koska en halua, että iPhone saa ylimääräisen valikon ja sille kuuluvaa CSS:ää, parasta on vain jättää huomioimatta iPad & Chrome -kombinaatio.

    ___________

    _________________

    I’m personally frustrated using with 800x1280px tablet device so-called drop-down-menus. They are difficult to use with fingers or with a pen. It is relative easy to select main level menu. One level down works relave easy but not anymore sub-menus for them. It is extremely difficult to select link from multilevel sub-menu.

    I added mobile phone style menu, which opens now from the place, where was the sitemap. Now in 800-1280 user can use two style of menus.

    I defined the alternate menu only for 800-1200px Android mobile devices and all iPad. Now iPad 9,7 users can always use mobile-style menu and in other direction also drow-down menu.

    The following code works with most tablet devices:

    global $_SERVER;
    $Firefox=strpos($_SERVER[’HTTP_USER_AGENT’], ’Firefox’);
    $Tablet=strpos($_SERVER[’HTTP_USER_AGENT’], ’Tablet’);
    $Android=strpos($_SERVER[’HTTP_USER_AGENT’], ’Android’);
    $Chrome=strpos($_SERVER[’HTTP_USER_AGENT’], ’Chrome’);
    $iPad=strpos($_SERVER[’HTTP_USER_AGENT’], ’iPad’);
    if(($Chrome && $Android) || ($Firefox && $Tablet) || $iPad)

    Unfortunately it doesn’t work with iPad & Chrome combination. I don’t figure what could be reasonable solution for them. Fox example following detection code doesn’t have anything useful:

    Mozilla/5.0(iPhone; CPU iPhone OS 10_3 like Mac OS X)AppleWebKit/602.1.50(KHTML,like Gecko)CriOS/56.0.2924.75Mobile/14E5239eSafari/602.1

    I can’t prevent the rendered with Chrome and iPhone if I want to focus menu for iPad, but would this stop at least rendering CSS:

    function generateCSS(){
    global $_SERVER;
    $Firefox=strpos($_SERVER[’HTTP_USER_AGENT’], ’Firefox’);
    $Tablet=strpos($_SERVER[’HTTP_USER_AGENT’], ’Tablet’);
    $Android=strpos($_SERVER[’HTTP_USER_AGENT’], ’Android’);
    $Chrome=strpos($_SERVER[’HTTP_USER_AGENT’], ’Chrome’);
    $iPad=strpos($_SERVER[’HTTP_USER_AGENT’], ’iPad’);
    $iPhone=strpos($_SERVER[’HTTP_USER_AGENT’], ’iPhone’);
    $CSS=’@media screen and (min-width:783px) and (max-width:1280px){…}’;
    if(($Chrome && $Android) || ($Firefox &&($Android || $Tablet)) || $iPad){ return ’<style id=”CSS-tablet-laitteille”>’.$CSS.'</style>’;}
    elseif($iPhone){
    return ’<scipt>
    var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    if(w >799 && w < 1281){
    mystyle = document.createElement(”STYLE”);
    mystyle.innerHTML=”’.$CSS.’”;
    }
    </script>’;
    }
    }
    add_action( ’wp_head’, ’generateCSS’);

    Even if that would work, this is not a reasonable solution because I don’t want to give for iPhone an additional menu and related CSS. I just must ignore Chrome & iPad combination.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #716 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Minulla oli vaikeuksia saada alapalkki pienemmäksi, mutta löysin lopulta sopivan CSS:n. Nuolipainikkeille jäi riittävästi tilaa.

    _________________

    _________________

    I had difficulties with the size of the bottom bar CSS but I get it lower and now arrows have enough space.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #816 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Aina esillä olevasta oikean reunan palkista eivät kaikki pitäneet. Laitoin nyt esille erikseen avattavan ja suljettavan version:

    Somebody didn’t like always visible right bar. I made it now open/close version.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #950 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Otin pois käytöstä laskurin. Laitoin apuvalikon avauslinkin oikeaan reunaan.

    Siirsin ”Palaa aikaisempaan kohtaan” sivuvalikkoon kuten myös sivun uudelleen lataamisen.

    ____________

    I take off the counter. I put the opener of the sidebar to the right.

    I move history and reload buttons to the sidebar.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #1007 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    1900x1200px vaakasuuntaan oli suuria ongelmia. Laadin sille ihan oman tyylin. Oikeassa yläkulmassa on kiinteä 260x96px käyttöliittymä:


    I created for 1900x1200px own style. It has fixed 260x96px user interface on right top.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #1011 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Avattu lisävalikko – opened additional menu:

    Avattu päävalikko – opened main menu:

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #1032 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Säätämistä vähensin laittamalla pystysuunnassa laitetta käsitellessä valikot koko näytön ottaviksi. Päävalikon alussa ja lopussa on jQuery apuna käyttäen valikoiden sulkemispainikkeet. Poistettu näkymästä CSS:llä tietokoneversiosta. Apuvalikossa on sama periaate, mutta ilman jQuery käyttöä onclick-tapahtumankäsittelyllä. Eipä tarvitse laskea pikseleitä.

    Pystysuunnassa laitetta käytettäessä apuvalikon avaajan voi nyt sijoittaa vapaammin. Nyt se on alhaalla, mutta sen nyt voi laittaa siihen kohtaan, mikä olisi miellyttävintä. Valikkojen avaajat kun jäävät joka tapauksella valikkojen alle kuten kaikki muutkin oikean reunan toiminnot.

    Vaakatasossa käytettynä apuvalikko on nyt sivupalkissa. Mutta voisihan senkin avata täyskorkeana vasempaan reunaan, jos se koettaisiin miellyttävämpänä.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #15177 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    On maailmassa ainakin yksi sivusto, joka soveltaa alkuperäistä mobiiliversionideaani – Twitter!

    Sivuston vasemman palkin idea on täsmälleen sama kuin minun oikean palkin, jota eräässä keskustelussa pidettiin huonona.

    Twitter haukkaa kännykkälevydellä paljon enemmän kuin aluksi määrittämäni 32px.

    Minusta olisi kiva, jos kaikki maailman sivustot seuraisivat Twitterin esimerkkiä mobiiliversion suhteen. Olen ainakin minä valmis uhraamaan käytettävyyden eteen jomman kumman laidan – ehkä vasen laita olisi ollut parempi uhrata.

    Joku sanoi, etten ole ensimmäinen idean esittäjä – ehkä joku muukin kuin Twitter-sivusto noudattaa minun rakastamaani suunnitteluperiaatetta.

    Jos olisin ollut päättämässä, kaikki maailman www-sivustot noudattaisivat Twitter-sivuston suunnitteluperiaatteita.

    Itse vaan todella suuresti ihmettelen, miksi niin harva sivusto on Twitterin kaltainen.

    No minulla twitterin vasemman palkin tilalla on oikealla toimintovalikon painike, joka avaa samantapaisen valikon sivuston ydintoiminnoista kuin Twitter-sivuston vasen reuna. Twitter-sivustolla on jopa ”Lisää”-painike kuten itsellänikin.

    Lähin suunnittelufilosofialtaan foorumisivustoani muistuttava sivusto on siten Twitterin verkkosivut. Sukulaisuuden näkee näistä kahdesta kuvakaappauksesta:

    Foorumisivusto on mitä suurimmassa määrin toimintosivusto – juuri foorumisivustojen tulisi noudattaa minusta Twitterin suunnitteluperiaatteita mobiiliversioissaan!

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #15184 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Ajattelin, että toimintoja voisi tehdä myös niin, että sivun alussa jotkut toiminnot olisivat esillä, mutta muuttaisivat paikkaa kun sivua rullataan.

    Paikka voisi olla sivun lopussa. Tämä nyt ei ainakaan toiminut.

    window.addEventListener(’scroll’, function() {
    var offsetvalue = Math.round(pageYOffset/18);
    if(offsetvalue>10){
    document.getElementById(”test”).style.display = ”block”;}});

    Ongelma tuossa on se, että tuon tapaisen pitäisi koskea vain alle 783 viewport-tilanteita. Toki muualta voisi ongelman hoita !important avulla.

    Tämä toimi (ei ole tällä hetkellä käytössä):

    window.addEventListener(’scroll’, function() {
    document.getElementById(’onscroll’).innerHTML = Math.round(pageYOffset/18);}); ​

    Miksi ”offsetvalue” ei toimi ehtona?

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #15189 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

     

    Eräässä keskustelussa ehdotettiin, että mobiililaite pystysuunnassa kiinteä valikko olisi joko ylhäällä tai alhaalla vaakatasossa.

    Tässä ehdotukseni (otettu HD-tabletin näytöltä):

    Tätä pidettiin varsin hyvänä, mutta sille toivoittiin sitä, että kun sivua rullataan alaspäin, linkit häviäisivät näytöltä. Kun hiemankin rullattaisiin ylöspäin, tulisivat esiin. En onnistunut tällaista toiminnallisuutta saamaan aikaan.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #15586 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Mobiilileveyksillä vaakatasoon laitetetut kolme painiketta mahdollistivat tärkeimpien linkkien nostamisen header-osaan mobiililevyksilläkin tietokoneleveyksien tapaan. Siirtymä on entistäkin pienempi.

    Niin ja ylipäätänsä eri versioiden erot vähenivät. Kaikissa versioissa on nyt viisi sisältölinkkiä header-osassa esillä. Päävalikon esittämistapa vaihtelee.

    Mitä en saanut kuntoon 1280x800px. Fonttikoot eivät toimi Chromella millään määrityksellä niinkuin pitäisi.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #15623 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Lisäsin toimintovalikkoon yksittäisen säikeen kohdalle yhden toiminnon:

    Toiminto ”Uusi aihe foorumi valiten” avaa apuikkunan, josta voi valita, minne luo uuden säikeen.

    ______________

    Jälkikommentti 21.8.2019. Lisäsin yksittäisen foorumin kohdalla Seuraa/lopet seruaaminen -linkin toimintovalikkoon. Poistin sen näkymästä otsikon alapuolella. Tämä muutos koskee vain kirjautuneita käyttäjiä.

    Koska mobiiliversioissa ei ole enää mitään mainitsemisen arvoisia ongelmia, merkitsin tämän säikeen asiat ratkaistuiksi. Pientä ulkoasun hiomista aina riittää. Ulkoasuun ei ole koskaan täysin tyytyväinen.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #15664 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Mobiilisuunnittelussa ärsyttävä piirre on se, että :hover ei toimi suunnitellusti. Sitä ei voi käyttää ennakko-opastukseen ilmoittamaan, mitä jokin linkki tarkoittaa.

    Opastus pitää heti näkyä. Toimintojen eteen voisi tulla alussa: TOIMINNOT. Se nyt vaan ei näytä kovin hyvältä.

    Toisaalta tuo lisäteksti mahdollistaisi seliviytymisen yhdelläkin painikkeella. Tosin tällöin haku ja päävalikko olisivat yhden näpäyksen verran pidemmän polun päässä. Toisaalta jos olisi vain yksi painike, ei ole runsaudun pulaa!

    Ulkoasu olisi äärimmäisen minimalistinen. Yksi painike, viisi päälinkkiä ja murupolku. Olisi mahdollisesti hieman liian minimalistinen.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #15667 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Pitäisi opetetta uudestaan evästeet. Paras ehkä olisi, että ensi alkuun tulisi pieni opasteksti, joka sitten häviäisi.

    Tosin minun on vaikea asettua keskimääräisen käyttäjän asemaan. Liikaakaan ei saisi holhota, mutta riittävästi auttaa kumminkin.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

    #15675 Uusi viesti
    AvatarTapio_Huuhaa
    Ylläpitäjä

    Tässä kohdassa ollut sisältö on siirretty omaksi säikeekseen.

    Voit vaihtaa ulkoasun toisen näköiseksi. Kokeile eri väriteemoja (siniharmaa, harmaasävy ja tumma)!

Esillä 19 viestiä, 1 - 19 (kaikkiaan 19)
Vastaa aiheeseen: Sivuston mobiiliversio – Mobile version of this site

Kun luot uuden aiheen, laita aina siihen sisältöä, ettei aihetta luokitella roskapostiksi. Voit käyttää muotoilussa BBCode-merkintöjä.
Et voi käyttää muotoilussa edistyneempiä (advanced) BBCode-merkintöjä. Tallennettaessa ne poistetaan.

Tietosi:




Foorumit 2. Muut aiheet 2.1 WordPress & bbPress Sivuston mobiiliversio – Mobile version of this site