Tapio-Huuhaa

Vapaa kuvaus

Harrastuksena www-suunnittelu, ristikoiden ratkonta ja kuntoliikunta. Digipiirtämistäkin pitäisi ehtiä harrastamaan, mutta se on jäänyt.

Aloituksia

267

Kommenttia

7703

  1. pageLists()+kategorisoi+sivuja+ja+muuttaa+kategorisoinnita+taulukkomuuttujiksi.+Tarpeen+siksi,+että+BODY-elementtien+luokkien+avulla+sivuja+ei+voi+kategorisoida+siten+kuin+halutaan.+CSS:n+kohdalla+kategorisointi+auttaa+määrittämään+header-osan+taustakuvan+ja+aihealueen+korostuksen+tapauksissa,+jossa+BODY-elementtien+luokkien+avulla+ei+pysty+osoittamaan+aihealueen++korostusta.Toinen+käyttä+on+listata+apuvalikon+AIHEALUEET+sisältö,+joita+on+kolme+erilaista:+1)+blogi+-+vaatii+ehdon2)+artikkelit+ja+artikkeliluonteiset+sivut+-+vaatii+edon3)+muut++-+ei+ehtoa+vaan+tämä+on+tapaus+"else"
  2. No+ei+tuolla+ole+merkitystä,+kun+homma+toimii.Tyttären+mukaan+suurin+ongelma+on+se,+että+sivustoni+ei+hänen+mukaan+näytä+modernilta.
  3. Vaikuttaa,+että+PHP+tulkitsee+arrayn+kokonaisena,+jolloin+jos+yksi+kohta+on+tosi,+koko+taulukkomuuttuja+on+tosi.+Mutta+jos+viittaa+yksittäiseen+kohtaan,+eikö+se+ole+joko+tosi+tai+epätosi.jQuery+tuntuisi+toimivan+eri+logiikalla.
  4. Voisiko+joku+selittää,+miksi$articles+=+pageLists($list[2]);ei+toiminut+ja+oli+käytettävä+silmukkaamutta+jQueryssä+viittaus+("infoText")[1]+toimi.+Minun+ei+tarvinnut+luoda+silmukkaa.Eikö+tässäkin+ole+kyse+taulukkomuuttujista.Ymmärtääkseni+getElementsByClassName+täytyy+luoda+taulukkomuuttuja.
  5. Muutin+id:n+käytöt+luokkien+käyttämiseksi.+Hyödynsin+indeksejä.+Seuraavakoodi+toimii:$('.topic-info').click(function()+{var+x0+=+document.getElementsByClassName("infoText")[0];if+(x0.style.display+===+"none")+{x0.style.display+=+"block";}else{x0.style.display+=+"none";}var+x1+=+document.getElementsByClassName("infoText")[1];if+(x1.style.display+===+"none")+{x1.style.display+=+"block";}else{x1.style.display+=+"none";}})avaajissa/sulkijoissa+on+mm.+luokka+"topic+info"Vastaavia+on+muutama+muukin.Eikä+jQueryn+idea+ole+vähän+kuin+CSS:n.+Kun+laitetaan+luokka,+luokkaan+liittyvän+koodin+voi+laittaa+erillistiedostoon+tai+JavaScript/CSS-tägien+sisälle.Heivasin+pois+ison+joukon+koodista+onclick="avausSulkuFuntio()"+kohtia.Tuplista+vain+toinen+näkyy,+sillä+tuplina+olevien+elementtien+emoelementit+ovat+eri+eivätkä+ne+ole+koskaan+yhtä+aikaa+tilassa+display:block.
  6. JavaScript+osaamisellani+en+voi+kehua.+jQuery+oli+asia,+johon+tutustui+vasta+sivujani+kehitellessä.Kyllä+minä+PHP:tä+osaan+kohtalaisesti+koodata.+Olen+minä+joskus+PHP:lla+luokkia+luokkia+hyödyntäviä+rakenteita+luonut+ja+eräälle+CMS:lle+myös+lisäosia.+Siitä+on+kyllä+aikaa.+Hieman+taidot+ruosteessa.+En+enää+lähtisi+lisäosia+luomaan.No+kaikki+haluamani+PHP,+CSS+ja+JavaScript-jutut+olen+saanut+toimimaan,+joskin+olen+hieman+kysynyt+neuvoa.+Toimimattomuuden+syy+kyllä+usein+on+ollut+huolimattomuus.
  7. Ongelma+syntyy+siitä,+että+joitakin+elementtejä+on+tuplat,+sillä+niitä+käytetään+kahdella+tavalla.+Siksi+id:t+tuottavat+ongelman.
  8. Uudessa+kokeiluversiossa+on+siis+JavaScript-käsittelyongelma.Tämän+rakenteiset+funktiot:function+open1()+{var+y+=+document.getElementById("tab-b");if+(y.style.display+===+"block")+{y.style.display+=+"none";}var+z+=+document.getElementById("tab-c");if+(z.style.display+===+"block")+{z.style.display+=+"none";}var+x+=+document.getElementById("tab-a");if+(x.style.display+===+"none")+{x.style.display+=+"block";}} ++onclick="+open1();return+false;"+pitäisi+muuttaa+tämän+tapaiksiksi:jQuery(document).ready(function($){$('.side-opener-left').click(function()+{var+x+=+document.getElementById("tabA");if+(x.style.display+===+"none")+{x.style.display+=+"block";}else{x.style.display+=+"none";}var+y+=+document.getElementById("tabC");if+(y.style.display+===+"block")+{y.style.display+=+"none";}}) mutta+niin,+että+haetaan+getElementByClassNametämä+on+vähän+mutkikkaampaan,+koska+W3C:n+esimerkeissä+mukana+on+indeksitdocument.getElementsByClassName("example")[0];list.getElementsByClassName("child")[0].innerHTML+=+"Milk";jQuery+esimerkeissä+tuli+"each"+johonkin+väliin+(en+nyt+löydä+esimerkkiä)Jotain+siis:$('.side-opener-left').each.click(function()+{En+nyt+oikein+tiedä,+miten+muuttaisin+avaus/sulkufunktiot+id:n+sijaan+class+&+Juery+hyödyntäviksi.
  9. Kiitti+kommentista.+Minulle+kyse+on+harrastuksesta.+Live-sivuston+rinnalla++on+testisivusto,+jossa+kokeilen+uusia+ratkaisumalleja.+Ikuisuusprojekti.Annoin+tämän+sivuston+uudistuksista+ruusuja+ja+risuja.Suomi24:*+valikko+on+esillä+aina*+ydintoiminnot+yläpalkissa+-+ei+tarvitse+hakea+niitä+mistään*+uuden+kommentin+luonti+tulee+kivasti+kuvioihin+mukaan.+(XenForo+ja+oma+foorumini+ei+kaipaa+tätä,+koska+niissä+ei+ole+mahdollisuutta+vastata+yksittäiseen+kommenttiin,+vaan+riittää+vastauspainike+yksittäisen+kommentin+yhteydessä.)Seuraavista+annoin+risuja:*+puuttu+nuolet++ylös/alas+(minusta+olisi+mukavampi+käyttää+kuin+näppäinkomennot)*+Hiivatin+ärsyttävää+kun+tulee+kirjautuneillekin+kuva-arvoitukset.*+Murupolku+saisi+olla+myös+sivun+alareunassa.En+ole+testannut+tätä+sivustoa+vielä+kännykällä.Kun+nyt+mietin+foorumisivustojen+yleistä+toimivuutta+kännykässä,+niin+*piip+piip*+ärsyttävä+seikka+on+ihan+järjetön+siirtymistarve.Jos+avaan+tietyn+säikeen+ja+haluan+katsoa,+mitkä+ovat+yleisimmät+muuta+aiheet,+on+*piip*+ärstyttävän+hankalaa+käydä+listaus+katsomassa+tai+avata+vaivalloisesti+uusi+välilehti+ja+palata+takaisin+samaan+välilehteen+-+se+on+*+piip+piip+*+ärsyttävää.Kun+seuraa+tiettyä+aihetta,+on+ihan+totaalisen+mahdoton+millään+järkevällä+tavalla+ja+miellyttävällä+tavalla+kännykällä+katsoa,+mitkä+ovat+seuratuimmat+aiheet.+Ainut+miellyttävä+tapa+olisi+avata+lisäikkuna.Jos+halutaan,+että+sivusto+oikeasti+on+näppärä+käyttää+kännykällä+pystytasossa,+sivujen+pitäisi+toimia+kolmessa+suunnassa.Näppärintä+olisi+avata+vasemmalle+toimintovalikko+ja+oikealle+listaukset,+esim.+listaus+ajankohtaisimmista+kysymyksistä,+uutisista.+Vaatisi+ikään+kuin+karusellinuolet.+Ongelma+on+siinä,+että+kännykällä+ei+voi+opastaa,+mikä+olisi+sivunuolien+tarkoitus,+koska+:hover+ei+toimi.Yritin+luoda+tämäntyyppisen+ratkaisun,+mutta+en+saanut+toimimaan.+Todennäköinen+syy+on+siinä,+että+JavaScript-koodaukseen+liittyy+elementeissä+kaksi+samaa+id-arvoa.+Pitäisi+koodata+niin,+että+id:n+sijasta+on+luokat,+joihin+JavaScript+liittyy.+Kolmas+suunta+on+avata+tärkeä+informaatio+apuikkunaan+eli+ylöspäin.Perinteinen+suunnittelu+ansaitsee+minusta+kännykässä+korkeintaan+arvosanan+6+1/2-7.+Mainostus+pitäisi+olla+sekä+pääaluen+lopussa+että+sivusuunnassa+olevien+ikkunoiden+lopussa.Yhteen+suuntaan+toimiva+kännykkäsivusto+on+kyllä+minusta+perin+antiikkinen.+Tiedän+kyllä,+että+jotkut+vastustavat+häiritseviä+sivunuolia.+Heillä+ihan+järjetön+edestakainen+liike+on+miellyttävämpi+vaihtoehto.+Ja+heidän+ehdoillaanhan+sivut+tehdään.
  10. Tätä++on+näemmä+uudistettu.+Ainakin+on+helppo+tietokoneella+lisätä+kommentteja+ihan+loppuun.Sivun+yläreunassa+on+tietokoneella+helposti+avattava+valikko.+Uudistuksen+jälkeen+saman+levyisellä+ikkunalla+(n.+800px)+tämä+sivusto+on+monessa+suhteessa+helpompi+käyttää+kuin++XenForoa+käyttävät+tekniset+sivustot.+Tietokoneella+näppäimistöllä+pääsee+helposti+sivun+alkuun+ja+loppuun.+Niille+voisi+kyllä+alapalkissa+nuoletkin+olla.+Muuten+käytettävyys+on+sellainen,+joka+on+lähellä+ainakin+minun+makuani.
  11. Kun+nyt+mietin+tämän+sivuston+kaltaista+perinteisesti+suunniteltua+sivustoa+sen+*piip+piip*+ärsyttävä+seikka+on+ihan+järjetön+siirtymistarve+kännykällä.Jos+avaan+tietyn+säikeen+ja+haluan+katsoa,+mitkä+ovat+yleisimmät+muuta+aiheet,+on+*piip*+ärstyttävän+hankalaa+käydä+listaus+katsomassa+tai+avata+vaivalloisesti+uusi+välilehti+ja+palata+takaisin+samaan+välilehteen+*+piip+piip+*+ärsyttävää.Jos+halutaan,+että+sivusto+oikeasti+on+näppärä+käyttää+kännykällä+pystytasossa,+sivujen+pitäisi+toimia+kolmessa+suunnassa.+Näppärintä+olisi+avata+vasemmalle+toimintovalikko+ja+oikealle+listaukset,+esim.+listaus+ajankohtaisimmista+kysymyksistä,+uutisista.+Vaatisi+ikään+kuin+karusellinuolet.+Ongelma+on+siinä,+että+kännykällä+ei+voi+opastaa,+mikä+olisi+sivunuolien+tarkoitus,+koska+:hover+ei+toimi.Kolmas+taso+on+avata+tärkeä+informaatio+apuikkunaan.Perinteinen+suunnittelu+ansaitsee+minusta+korkeintaan+arvosanan+6+1/2-7.+Sen+korkeampaa+arvosanaa+en+tästä+sivustosta+voi+antaa.Mainostus+pitäisi+olla+sekä+pääaluen+lopussa+että+sivusuunnassa+olevien+ikkunoiden+lopussa.
  12. Jos+asia+kiinnostaa,+millä+tavoin+tuota+olen+hyödyntänyt,+googlaa+"XENFORON+PIKANAVIGOINNIN+JA+TÄMÄN+SIVUSTON+TOIMINTAVALIKON+VERTAILU"+ja+siirry+testisivustolle.Kyse+on+oikeanpuoleisen+lisävalikon+välilehden+sisällöstä.Sen+lisäksi+käytän+samantapaista+vähän+pidempää+silmukkaa+määrittämään+sen,+mikä+on+header-osan+taustakuva.+Joissakin+tilanteissa+se+auttaa+myös+korostamaan+aihealueen+linkki+päätason+navigaatiossa+tilanteissa,+joissa+sitä+ei+saa+pelkällä+CSS:llä+hallittua.
  13. Jos+mainosmielessä+ajatellaan,+ratkaisuni+on+nimen+omaisesti+mobiililaite+pystysuunnassa+käytettynä+huono.+Kun+ei+ole+isoa+header-osaa+eikä+suurimmassa+osassa+sivuja+ole+lainkaan+footer-osaa,+ainoa+paikka+mainoksille+on+kommenttien+väliin.+Olisi+siinä+äärimmäisen+ärsyttävä.Itse+asiassa+vaakanäytöllä+tilanne+olisi+mainostuksen+suhteen+erinomainen+sivupalkissa.+Siinä+lähes+koko+sivupalkki+olisi+käytettävissä+mainoksille.Mutta+kun+kännykän+pystynäytössä+ei+ole+järkevää+paikkaa+mainoksille+nyt+ollenkaan,+ei+hyvä.+Kun+tiedon+etsimisen+kannalta+footeria+ei+tarvita,+pelkästään+mainosfooter+ei+oikein+toimi.+Jos+et+mitään+hyödyllistä+löydä+footer-osasta,+ei+sinne+pelkkien+mainosten+takia+kannata+mennä.
  14. Siirtyilyn+minimointi+mainosmielessä+ei+ole+ongelma+tietokoneella+eikä+mobiilialitteella+vaakasuuntaan+käytettäessä.+Sivupalkkiin+voi+laittaa+mainokaruselleja.Jos+siirtymiset+minimoidaan+mobiliilaite+pystysuunnassa+mainosten+lisääminen+edellyttää+väliin+laitettavia+mainoksia+Twitterin+tyyliin.
  15. Jos+sivustolla+rahoitus+tulee+mainoksista,+tietenkin+siirtyilyn+vähentyminen+on+huono+asia.++Soveltuu+siten+paremmin+ei-kaupallisille+sivuille.+Mutta+kyllä+esim.+Twitter-sivustolla+ainakin+tietokoneversiossa+tarpeetonta+siirtyilyä+on+pyritty+vähentämään.+Siinä+mainokset+ovat+viestien+seassa.
  16. Mottoani+voisi+parantaa:Älä+juoksuta,+älä+pompota,+älä+piilota,+älä+etsitytä+äläkä+keskeytä+tarpeettomasti!
  17. Juuri+tämä+on+välilehtien+idea.+Jos+haluat+jotain+tarkistaa,+sinun+ei+tarvitse+keskeyttää+tilannetta,+jossa+olet.+Kaikki+tarpeettomat+keskeytykset+ovat+*piip*+ärsyttäviä.+Hyvin+suunnitellulla+pikanavigoinnilla+niistä+pääsee+eroon.+Ainakin+kännykässä+välilehtien+käyttö+on+hankalaa,+eikä+linkkejä+mielellään+avaa+uuteen+välilehteen.+Pikanavigoinnit+sisäiset+välilehdet+vähentävät+uusien+välilehtien+avaamisen+tarvetta+ihan+yleisestikin.
  18. Ihan+omana+subjektiivisena+kokemuksena+välilehdistä+on+se,+että+välilehden+LISÄT+käyttö+on+kapealla+näytöllä+mobiilissa+paljon+miellyttävämpää+kuin+tietokoneversion+kapea+näyttö,+jossa+välilehtiä+ei+ole.+Pitää+nuolella+siirtyä+sivun+loppuun,+että+näkee+foorumin+listaukset.+Ihan+subjektiivisena+kokemuksena+sivukohtainen+linkkilistaus+toimii+varsin+paljon+kivemmin+kuin+rullaaminen+linkkien+luokse+tai+meneminen+sinne+nuolilla.+Kummassakin+tapauksessa+ikävä+piirre+on+se,+että+pitää+keskeyttää+kommentin+lukeminen+ja+pitää+palata+samaan+paikkaan+takaisin.+Ainakin+omasta+mielestäni+kapea+mobiiliversio+on+kivempi+kuin+kapea+tietokoneversio.
  19. Joku+kirjoitti,+että+minussa+ärsyttää+ristikoiden+pummaus.+kun+en+osta+uusia+ristikoitaMutta+tämän+sivuston+ristikko-osasto+ja+oma+sivustoni+ovat+kuitekin+paikkoja,+joissa+voi+auttaa+uusienkin+ristikoiden+ratkomisessa.+Miksi+kumpakaan+sivustoa+ei+tähän+tarkoitukseen+kukaan+käytä?
  20. Mirja+Pihlajamäen+SK+24/2009+oli+merkitty+vain+kaksitähtiseksi,+mutta+ainakin+väsyneenä+tuntui+vaikeammalta.+Pari+kohtaa+jäi+ihmetyttämään:SAA+ORVOKKEJA?+-+KÄSIALALiittyykö+tähän+jokin+sananlasku?+Pihlajamäellä+vihjeet+liittyvät+nimittäin+usein+sanontoihin.+Näin+esim.+samassa+ristikossa+oleva+vihje:KOURIN?+-+LAITTämä+liittynee+kaiketi+sanontaan+”Lain+pitkä+koura.”En+tunne+kuitenkaan+mitään+sanontaa,+johon+liittyisi+käsiala+ja+orvokit.+Koukeroinen+käsiala+kyllä+saattaa+muistuttaa+orvokkien+kukkia.
    21. 376 / 386
TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt