RWD (Responsive Web Design)

Web-sivuja katsellaan tänä päivänä eri kokoisilla laitteilla, tietokoneilla, tableteilla ja älypuhelimilla. SIksi sivuihin on syytä lisätä ominaisuuksia, jotka ensinnäkin tunnistavat käytetyn laitteen ja toiseksi pystyvät mukauttamaan sivut kullekin laitteelle sopivan kokoiseksi.

Oikeastaan vain itse koodipohjalta tehdyillä sivuilla responsiivisuus edellyttää erityistä huomiota. WordPress ja muut julkaisualustat huolehtivat asiasta taustalla automaattisesti, eli responsiivisuus on alustoissa jo sisäänkoodattuna ominaisuutena.

Etenkin kun sivuja aletaan tehdä puhtaalta pöydältä, voidaan kiinnittää huomiota sivuston lay-outiin ja käytettyihin tekniikoihin laajemminkin, myös responsiivisuuden näkökulmasta.  Niin uusille kuin vanhoillekin sivuille viewport-meta-tagi on avain erilaisten näyttöjen tunnistamiseen.

Yksinkertaisimmillaan pelkkä tagin lisääminen muuttaa sivun käyttäytymistä riittävästi, ja ainakin lisäyksen jälkeen voi tarkastella, mitkä elementit mahdollisesti kaipaavat vielä viilaamista. Meta-tagi voi olla vaikka tällainen:

<meta name=”viewport” content=”width=device-width, initial-scale=1, user-scalable=no” />

Lisää aiheesta:

https://www.w3schools.com/css/css_rwd_intro.asp

https://css-tricks.com/snippets/html/responsive-meta-tag/

 

 

Valkoviinissä haudutetut katkaravut

 

  • 500 g kuorittuja katkarapuja
  • 1 – 2 sipulia
  • 1 – 2 valkosipulin kynttä
  • 3 rkl voita
  • 1 dl kuivaa valkoviiniä
  • 2 dl kuohukermaa
  • 1 ripaus tabascoa
  • 1 tl currya
  • 1 ripaus sahramia

Hienonna sipuli ja valkosipuli.

Kuumenna voi tilavassa paistokasarissa ja hauduta siinä sipulisilppu pehmeäksi. Lisää valkoviini ja kiehauta.

Lisää kasariin katkaravut, kuumenna seos – älä keitä.

Sekoita keskenään kerma, curry, sahrami ja tabasco. Lisää kermaseos katkarapujen päälle. Kuumenna hitaasti kiehuvaksi. Tarkista maku ja tarjoa paahtoleivän tai lämpimän patongin kanssa.

Juomaksi kannattaa käyttää samaa valkoviiniä, jota käytit ruoan valmistamiseenkin.

Stifado & lohkoperunat

Stifado

6 annosta

noin 1½ kg naudanpaistia
n. 1 kg pieniä sipuleita
n. 1 dl oliiviöljyä
n. 1 dl punaviinietikkaa
2-3 kpl kypsiä tomaatteja tai 1-2 prk tomaattimurskaa
(1 prk tomaattipyreetä)
rosmariinia runsaahkosti
pari laakerinlehteä
pari kanelitankoa
muutama valkosipulinkynsi pilkottuna
muutama kokonainen neilikka
hyppysellinen kokonaisia maustepippureita
hieman suolaa

Valmistusastiana savipata on osoittautunut oivalliseksi – täytä savipata tässä vaiheessa kylmällä vedellä, jotta vesi ehtii imeytyä pataan valmistelujen aikana.

Leikkaa paisti reilun kokoisiksi palasiksi, halkaise sipulit mikäli ne ovat isohkoja ja pilko valkosipulinkynnet.

Laita liha, sipulit, valkosipulit, tomaattimurska ja mausteet kerroksittain savipataan (!tyhjennä ensin savipata vedestä!) ja lisää viinietikka, oliiviöljy ja tarvittaessa hieman vettä.

Laita savipata kylmään uuniin ja uunin lämpö n. 225 asteeseen. Tässä vaiheessa voitkin huoletta käydä saunassa, valmistella lohkoperunat ja syödä alkuruoaksi tzatzikia ja dolmadeksia, sillä stifado on valmista vasta n. 2 – 3 tunnin kuluttua.

Stifado valmistuu hieman nopeammin, jos ensin huuhtelet ja kuivaat lihapalat ja ruskistat ne pannulla oliiviöljyssä sipulien kera ennen pataan laittamista. Empiiriset tutkimukset ovat kuitenkin osoittaneet, että ajansäästö on marginaalista, koska työmäärä on vastaavasti suurempi.

Tarjoa stifado kuumana vaikkapa seuraavaan tapaan valmistettujen lohkoperunoiden kanssa:

Lohkoperunat

Pese ja kuori perunat. Leikkele perunat suunnilleen ranskalaisten kokoisiksi lohkoiksi (voit jättää lohkot kyllä huomattavasti isommiksikin). Aseta uunipellille leivinpaperi ja levitä perunalohkot siihen tasaisesti.

Sivele lohkot kevyesti öljyllä esim. pullasutia apuna käyttäen. Ripottele maun mukaan ranskanperunamaustetta pinnalle ja laita pelti uuniin, (mikäli se mahtuu yhdessä padan kanssa) noin 20 minuuttia ennen stifadon arvioitua valmistumisaikaa.

Voit tietenkin valmistaa lohkoperunoita kuvatulla menetelmällä muuhunkin tarkoitukseen. Tällöinkin uuni kannattaa esikuumentaa, ennen kuin perunat laitetaan kypsymään.

SEO nyt sillä lailla että

SEO (search engine optimization) eli hakukoneoptimointi tarkoittaa toimenpiteitä, joilla pyritään parantamaan yksittäisen verkkosivun tai kokonaisen verkkosivuston sijoituksia hakukoneiden hakutulosten luettelossa tiettyjä hakusanoja käytettäessä.

Onko nyt siis sillä lailla, että sivustoja aletaan toimittaa ja kehittää hakukoneille, eikä varsinaisesti lukijoille tai asiakkaille. Näkyvyys on tietysti tärkeää, erityisesti kaupallisille sivustoille, mutta varmasti myös keskivertobloggaaja tykkää jos mahdollisimman moni löytää hänen päivittäiset hengentuotteensa.

Hakukoneoptimoinnista on kirjoitettu lukemattomia artikkeleita ja kirjoja, mutta muutamat perusprinsiipit ovat säilyneet muuttumattomina, koska www-sivujen rakenne ei ole juuri muuttunut.

Ensinnäkin tulee tunnistaa sivun tai sivuston kannalta relevantit avainsanat ja niiden sijainti. Käytä otsikoita, listauksia ja kappaleita sisällön jäsentelyyn ja sijoita harkitusti ja hienostuneesti avainsanoja kaikkiin näihin elementteihin. Tässä kohtaa hakukoneoptimointi ja selkeä kirjoittaminen lyövät kättä, joten tekstin luettavuutta tarkasteltaessa tulee samalla optimoitua se koneille helpommin jäsenneltäväksi. Otsikoissa on syytä käyttää otsikkotyylejä, ei esim. lihavointia tai kuvana esitettyä tekstiä, koska tyylitagit ovat koneille kahvoja, joihin tarttua kiinni.

Määrittele ikkunan otsikko (title) sivukohtaisesti. Sisällytä jokaiseen otsikkoon yrityksen tai palvelun nimi sekä muutama keskeinen avainsana.

Käytä selkokielisiä osoitteita ja sisältöä kuvaavia, avainsanoilla maustettuja tiedostonimiä.

Sivun meta-tietoihin on mahdollista lisätä sellaisiakin sanoja, jotka eivät sivun tekstissä esiinny. Suosittuja hakusanoja lisäämällä saa houkuteltua runsaasti kävijöitä, jotka tuskin tulevat toista kertaa, jos sivuston sisältö ei vastaa hakijan odotuksia.

Kaiken kaikkiaan kyse on paljon viitseliäisyydestä, pitää vain jaksaa olla huolellinen sivuston ylläpitämisessä ja uusien sivujen luomisessa.

Ristiin linkittäminen ja ylipäänsä suosittujen sivustojen osoitteiden käyttö on omiaan lisäämään hakukoneiden kiinnostusta – mutta myös lukijoiden mielenkiintoa sivustoa kohtaan. Niinpä tähänkin on syytä lisätä pari osoitetta, joista voi lukea lisää juttuja SEO:sta – mutta yleisesti ottaen: niitähän löytää googlaamalla!

https://netello.fi/hakukoneoptimointi

https://www.redland.fi/2015/01/hakukoneoptimointi-mita-se-seo-on

Kielen lisääminen Androidiin

Tehtävä: kiinan kielituen lisääminen Lenovo A Plus 1010 -halpispuhelimeen, jossa käyttöjärjestelmänä Android 5.1. Tällä samalla proseduurilla voi lisätä vaikkapa suomen kielen sellaiseen puhelimeen, jossa sitä ei ole valmiina. Matkoilta tai ulkomaisista verkkokaupoista ostetuissa puhelimissahan tämä puute tuppaa olemaan vakiona.

Lenovo A Plus 1010 -puhelimessa on valmiina melkoinen kieliarsenaali, mutta ei kiinaa. Monilla apuohjelmilla kielien (ja muiden ominaisuuksien) lisääminen käyttöjärjestelmään on periaatteessa mahdollista. Kieliasetuksien lisäämiseen tarkoitettuja ohjelmia löytyy Google Playsta hakusanoilla ”Custom Locale”. Käytettäväksi valikoitui MoreLocale 2 -niminen, jolla oli kohtuullinen reittaus ja yli viisi miljoonaa latausta, sekä luotettavan oloiset yhteystiedot, tosin vain japaniksi, mutta Googlehan ne kääntää  https://www.c-lis.co.jp  .

Aluksi puhelin pitää avata kehittäjätilaan (developer mode) menemällä Asetuksiin kohtaan Tietoja puhelimesta / Ohjelmistoversio, jota naputellaan seitsemän kertaa! Naputtelun jälkeen Kehittäjätila -valikkokohta tulee näkyviin (ja pois ei sitten saakaan kuin Factory Resetillä)

Kehittäjätilasta otetaan käyttöön Usb- debugging -tila, joka antaa mahdollisuuden muokata puhelimen käyttöjärjestelmää tietokoneelta usb-liitännän kautta.

Tietokoneelle puretaan SDK (Software Developement Kit) paketti

https://developer.android.com/studio/releases/platform-tools.html

Puhelimeen asennetun softan ohjeiden mukaan komennetaan tietokoneen kautta uusi kieliasetus käyttöön.  Uusi kieli ei kuitenkaan tule puhelimen omaan kielivalikoimaan, vaan pitää ottaa aina uudelleen käyttöön saman softan kautta, mikäli välillä vaihdetaan muihin kieliin.


Btw. samassa yhteydessä löydettiin Lenovon Mobile Assistant -ohjelma, jolla pääsee kätevästi käsiksi puhelimeen tallennettuihin omiin tietoihin (mutta ei siis käyttöjärjestelmän tietoihin).

Celtuce eli parsasalaatti

Lopultakin saimme aikaiseksi selvittää, mikä oikeastaan on se vihannes, jota olemme jo useana kesänä hyvällä halulla syöneet. Kyseessä näyttää olevan Celtuce eli parsasalaatti  [Lactuca sativa var augustana] (Wikipedia)

http://www.maatiainen.fi/puoti/vihannesten-siemenet/1472-salaatti-parsasalaatti.html

”Parsasalaatin kantamuoto on piikkisalaatti. Ruusuke-asteella olevia lehtiä voi käyttää normaalin salaatin tavoin. Keskikesällä pitkän päivän olosuhteissa kehittyy nopeasti korkea kukkavarsi. Kylvöstä kukkavarren muodostumiseen menee n. 10-12 vk. Kukkavarresta käytetään ravinnoksi sen mehenvä sisus. Kukkavarsi satoa voi kerätä kukintaan asti, kukinnan alettua kukkavarsi muuttuu nopeasti puumaiseksi. Ruuanlaitossa kukkavarsi kuoritaan ja pehmeä sisu käytetään tuoreeltaan salaatteihin tai käytetään parsan tavoin. Kukkavarsia voi lyhyesti (alle viikko) varastoida 0-1 asteessa haihtumiseslta suojattuna, pidempiaikainen varastoinit pakastamalla.”

https://hyotykasviyhdistys.fi/tuote-osasto/siemenet/vihannekset/parsasalaatti/

”Yksivuotinen. Jalostettu piikkisalaatista. Kiinassa viljelty vuosisatoja, Euroopassakin tunnettu jo 1800-luvun puolivälistä. Suomessa viljellään
aika vähän, vaikka menestyy hyvin. Sisältää C-vitamiinia 2-3 kertaa enemmän kuin keräsalaatti. Lisäksi siinä on kivennäisaineita, karoteenia sekä B- ja E- vitamiineja. Se on sekä salaatti että parsan tapaan tarjottava vihannes. Kiinaksi ’Woh sun’ 莴笋. ”

http://www.baike.com/wiki/%E8%8E%B4%E7%AC%8B

Woocommerce & Storefront

Kauppapaikan perustaminen WordPressiin on varsin suoraviivainen toimenpide. Woocommerce -lisäosalla tehdään tänä päivänä noin kolmannes maailman nettikaupoista ja Storefront on Woocommercen suosittelema teema. Asennus on periaatteessa vartin homma , mutta tuotteiden lisääminen ottaa tietysti aikansa, määrästä riippuen.

Woocommercen päälle on tarjolla lukematon määrä muitakin teemoja, joiden ulkoasu vaihtelee kohderyhmän ja myytävän tavaravalikoiman mukaan.

Markkinaosuuksia voidaan arvioida monella eri tavalla, lähimmäs tuota kolmannesta Woocommerce näyttäisi pääsevän nimenomaan Suomen markkinoilla. Verkkokauppa-alustojen markkinaosuudet 2016

Globaalisti tilanne on samansuuntainen, tässä tilastossa Woocommercen uusimmat versiot on esitetty omina osuuksinaan, jotka kaikki voi siis laskea yhteen.  2017 worldwide-ecommerce-platforms-market-share

Koska valittu teema on yhteinen koko WP- sivustolle, kauppapaikan perustaminen vähentää visuaalisia vaihtoehtoja – mutta mitäpä sitä ei tekisi, jos vain kauppa käy.

Vain vähän riippuen siitä mitä on tarkoitus myydä, yleensä löytyy parempia kauppapaikkoja kuin se oma ihan itse perustettu. Yksinkertainen syy on se, että kauppapaikalle pitäisi jotenkin houkutella asiakkaita, eikä se on virtuaalisesti juurikaan helpompaa kuin kivijalkakaupassa.

Tavara, jolle on paljon ostajia, kannattaa myydä siellä missä on paljon ostajia. Nämä vaihtoehdot kannattaa käydä läpi ennen kuin pystyttää oman pikku putiikin.

Jos tavaralle on jo olemassa paljon ostajia ja paljon myyjiä, ei liene hyvä ajatus lähteä kilpailuun mukaan pienillä resursseilla.

Jos myytävänä on jotain uniikkia, jolle on kysyntää, oma nettikauppa voi olla hyvä bisnes – ja Woocommerce lienee edullisin tapa laittaa tuotteet myyntiin. Edelleen ongelmana on asiakkaiden houkutteleminen kauppaan, mutta sopii toivoa, että hyvä kello kuuluu kauas ja puskaradio eli sosiaalinen media tekee työtä sinun puolellasi, eikä sinua vastaan.

Lisätietoja: https://fi.wordpress.org/plugins/woocommerce/

Pula-ajan keittiö – pastanttipuuro

Voitaneen sanoa että pula-aika Suomessa kesti lähes yhtäjaksoisesti 1930 -luvulta 1950 -luvun puoliväliin, jolloin elintarvikkeiden säännöstely purettiin. Pula-ajan alku Suomessa oli kytköksissä Yhdysvalloista 1929 alkaneeseen suureen kansainväliseen lama-aikaan.

Lamasta oli hädin tuskin selvitty, kun alkoi jo sota-aikaan valmistautuminen. Sopeutumista epäilemättä helpotti se, että vyö oli jo valmiiksi vedetty tiukalle ja kotitalouksissa oli tietyllä tavalla totuttu niukkuuteen. Sota-aika toi kuitenkin mukanaan muiden tarvikkeiden ohella elintarvikkeiden säännöstelyn, joka entisestään vaikeutti riittävän ja monipuolisen ravinnon saantia. Säännöstely johti erilaisten korvikkeiden kehittelyyn säännösteltyjen raaka-aineiden tilalle.

Pula-ajan kokkien eniten käyttämä raaka-aine oli kekseliäisyys – usein ei saatavilla paljon muuta ollutkaan. Tuolloin kehitellyistä resepteistä moni oli enemmän tai vähemmän suosittu vielä 60 -luvulla, jolloin ruuan arvostus oli vielä aivan toista luokkaa kuin nykyään. Tähteiden ja vaikkapa perunankuorien hyödyntämistä helpottivat jokseenkin jokaisessa taloudessa pidetyt kotieläimet.

Pastantti- eli perunapuuron maku ja olemus palautuvat itsellenikin mieleen jo reseptiä katsellessa – ja siihen katselemiseen se saa aivan hyvin jäädäkin.

Perunapuuro eli pastanttipuuro

3 jauhoista keskikokoista perunaa
(esimerkiksi Rosamundaa)
5 dl vettä
noin 1/2 dl ohra- tai ruisjauhoja
1 tl suolaa

Keitä kuoritut ja lohkotut perunat vedessä kypsiksi. Soseuta sauvasekoittimella (!) tasaiseksi omaan keitinliemeensä. Vatkaa sekaan jauhoja kunnes puuro on riittävän sakeaa, lisää suola.

Anna hautua noin 15 minuuttia. Korista puurolautanen voisilmällä.

http://www.kaleva.fi/teemat/ruoka/pula-ajan-herkut-hoikistavat-edullisesti/60045

http://www.japin.fi/www2017/talouskoulu35-38.html#_6zufza7rxelo


Lisää pula-ajan reseptejä löytyy äitini vuosina 1935 -1938 talouskoulussa kirjoittamasta keittokirjasta, jonka verkkoversio löytyy osoitteesta: http://www.japin.fi/www2017/talouskoulu35-38.html

Pasta all’arrabbiata

Raaka-aineet

200 g savukinkkua
500 g tomaatteja
1 kpl valkosipulinkynsi
1 kpl punaista chiliä
100 g raastettua parmesania esim. grana padano
400 g pastaa (kierre-, perhos-, penne- tai mitä tahansa sattuu olemaan)
basilikaa
suolaa
oliiviöljyä

Ohje

Pilko chilit pieneksi (siemenet ovat tulisimpia, joten jätä mukaan). Kuumenna loraus oliiviöljyä pannulla ja kuullota valkosipuli ja chili kullankeltaisiksi. Lisää pieneksi kuutioitu liha. Paista n. minuutin verran ja lisää pilkottu tomaatti ja vähän suolaa ja keitä kastiketta parikymmentä minuuttia.

Keitä pasta al denteksi ja sekoita pasta kastikkeen joukkoon. Tarjoa basilikan ja raastetun juuston kera. Vaihtoehtoisesti kastikkeen voi toki tarjoilla erikseen, jos joku haluaa vähemmän tulisen kastikevaihtoehdon pastalleen.

Chilin kuivausta Zhangyessa Kuva: Reuters

Tyylin CSS -sivu

Nettisivuilla, ja aivan erityisesti WordPress -sivuilla, tyyliasetukset kannattaa tehdä erilliseen tiedostoon, jossa ne pysyvät tallessa, vaikka itse sivuille tapahtuisikin jotain odottamatonta. Samaa tyylitiedostoaa voi käyttää läpi koko sivuston, jolloin yleisilme säilyy yhtenäisenä.

WordPressin ominaisuuksiin kuuluu, että se jättää huomiotta ja poistaa sivuilta virheellisen tai muuten WP:n standardien vastaisen koodin. Niinpä vaikka yhden näppäilyvirheen takia voi menettää tilanteesta riippuen huomattavankin määrän koodia. Tiedostossa virheellinen koodi on tallessa ja korjattavissa.

Kunkin tyylin omassa hakemistossa, monien muiden tiedostojen lisäksi, on style.css -tiedosto, johon tehdyillä muutoksilla voi tuunata tyyliä mieleisekseen. Parhaassa tapauksessa style.css sisältää myös kommenttien muodossa ohjeita siitä, miten ja mihin muutokset vaikuttavat.

Koska tyylitiedosto sisältää tuhansia rivejä, ennen muokkaamista alkuperäinen versio kannattaa tallentaa eri nimellä varmuuskopioksi, johon voi tarvittaessa palata.

127.0.0.1 eli kotikone on paras paikka näillekin kokeiluille, ennen kuin alkaa kevytmielisesti muokkaamaan verkossa olevaa sivua.


Vinkki viimeistään tässä kohtaa: koska eri WP -sivustot ja niihin liittyvät mySQL -kannat tarvitsevat omat tunnus / salasana -yhdistelmänsä, niiden muistaminen käy äkkiä mahdottomaksi. Apurina voi toimia Excel-taulukko tai esim. ilmainen KeePass -ohjelma:

http://keepass.info/

 


Parin päivän alhaalla olon jälkeen pikku kakkosen pelit palasivat taas nettiin selaimella käytettäväksi: http://yle.fi/pikkukakkonen/#!/

Ehdin jo lähettää YLE:lle huolestuneen viestin, koska pikku kakkosen sovellus toimii käytännössä vain puhelimissa ja tableteissa – tai jos nyt välttämättä haluaa asentaa Androidin läppäriin.

Vastaus oli että ”Pikku Kakkosen nettisivuilla oli valitettavasti teknisiä ongelmia ja tämän vuoksi sivut eivät toimineet. Nyt vika on korjattu ja sivujen pitäisi toimia normaalisti.” Ja niinhän ne toimivatkin, kiitoksia vaan  ja onnittelut 40v. -synttäreiden johdosta.