Blogi

2015/12/05
html css

HTML5 ja CSS3 osa 4

Median lisääminen sivuille. Kuva Pelkkä tekstisivu ilman kuvia saattaa jäädä hieman tylsäksi. Kuvan lisäät <img> tagilla. Se on yksi harvoista tageista jolla ei ole erillistä päättävää tagia, vaan päätös merkitään määrittelyn loppuun kauttaviivalla /> <img src=”kuva.jpg” /> src (source) kertoo kuvan osoitteen, viitteen joka voi olla absoluuttinen tai suhteellinen. Näiden lisäksi on hyvä lisätä määritteeseen kuvan mitat, jolla varmistetaan että kuvia ei jäädä odottamaan ennen kuin koko sivu latautuu ja vaihtoehtoinen teksti […]
2015/11/25

Illustrator CC2015:n template-taso temppuilee

Illustratorissa on kiva ominaisuus, jonka ansiosta voi sijoittaa (File/Place) mallikuvan omalle tasolleen ja käyttää sitä referenssinä kun piirtää. Kun tasolle sijoitettu kuva muutetaan Layers-paneelin valikosta Template-tasoksi, himmentää Illustrator automaattisesti tason näkyvyyttä ja lukitsee tason. Vasemmalla normaali taso, oikealla template-taso: Uusissa Illustrator versioissa tämän kanssa saattaa olla ongelmia. Template-taso kyllä tehdään, mutta sen ulkoasu on ehkä jotain muuta kuin odottaa, eli kuvan päällä on ikään kuin tumma kalvo: Syy on GPU:ssa, eli grafiikkasuorittimessa. […]
2015/11/19
luonnoksia uudella surface kynällä

Uusi Surface Pen

Tein pari viikkoa sitten ennakkotilauksen uudesta Surface kynästä  koska kiinnosti valtavasti miten sen tuntuma eroaa ”vanhasta” kynästä, joka tuli Surface Pro 3:n mukana. Valitettavasti piti tilata kokonaan uusi kynä, sillä terät eivät ole yhteensopivia vanhan kynän kanssa. Tänään se sitten vihdoin saapui: Käyttöönotto oli helppoa, idea sama kuin vanhankin kynän kanssa ja kynän mukana hyvät ohjeet, jos Bluetooth laitteiden pariliitosten teko ei ole tuttua ennestään. Paineentunnistusta piti säätää, sillä uusi kynä oli sen suhteen […]
2015/11/11
html css

HTML5 ja CSS3 osa 3: Linkit

Jossain vaiheessa törmää käsitteisiin lohkotason (block) ja tekstitason (inline) elementti. Me olemme jo aiemmissa osissa käyttäneet joitakin molemmista elementeistä. Erona on, että lohkotason elementti aloittaa aina uuden rivin ja täyttää leveys-suunnassa kaiken mahdollisen tilan (venyy oikealle ja vasemmalle niin pitkälle kuin pystyy.) Tekstitason elementti ei aloita uutta riviä ja vie vain sen verran tilaa kuin tarpeellista. Suurin osa HTML tageista on lohkotason elementtejä. Lohkotason elementtejä ovat mm. otsikot ja kappaleet. Tekstitason elementtejä […]
2015/10/29
html css

HTML5 ja CSS3 osa 2: Lisätään sisältöä

Saimme tämän HTML5 & CSS3 sarjan ensimmäisessä osassa sivun rungon valmiiksi. Sisällön lisäämiseen ryhdytään seuraavaksi. Lisää aloittavan ja lopettavan body-tagien väliin seuraavat rivit: <h1>Tervetuloa websivulleni!</h1> <p>Tässä vähän koodailin aikani kuluksi ja tein tällaisen websivun. Ne tekee jotka osaa, muut vaan katselee.</p> Jatkossakin, jollen erikseen pyydä, lisää kaikki koodi body-tagien väliin. Asiat näkyvät sivulla juuri siinä kohdassa/siinä järjestyksessä mihin olet ne koodissa sijoittanut. Sivun avaaminen selaimessa Tallenna työ ja avaa selaimessa. Selainten Tiedosto/Avaa […]
2015/10/28
InDesign

Indesign kappaletyylit Merkin väri

Käytä kappaletyylissä merkin väri kohtaa kun haluat muuttaa tekstisi väriä tai/ja tekstin reunaviivan asetuksia tai/ja väriä. Napsauta joko täytön väri-kuvake tai reunan väri kuvake aktiiviseksi ja valitse jokin väri listasta. Väri täytyy tehdä ennakkoon, jotta se näkyy listassa. Jos haluat käyttää väristä sävyä, anna haluamasi prosenttiluku listan alla olevassa Sävy kohdassa. Täytön ja viivan päällepainatus. Lue lisää päällepainattamisesta ja rastita /älä rastita tarpeen mukaan. Allaolevassa kuvassa tekstien lähtökohta oli sama. Molemmat koira-sanat […]