Blogi

2016/06/16
html css

HTML5 ja CSS3 Osa 10: Pseudo-luokat

Pseudo-luokat (pseudo-class) Osaat jo tehdä linkkejä sivuillesi, mutta niiden oletus-ulkoasu saattaa olla epäsopiva muuhun designiin nähden. Onneksi niitä voi tyylitellä, sillä <a> on tagi siinä missä muutkin. a  { color: red; background-color: yellow; } Linkit ovat kuitenkin hieman monimutkaisempia, sillä niillä on eri (neljä kpl) tilaa: Normaalitila, Vierailtu ja tila, jossa hiiri linkin päällä, mutta ei vielä napsauteta ja harvemmin käytetty aktiivinen tila. Nyt kun teet a-tagille tyylin, käytetään sitä kaikissa näissä […]
2016/06/02
inkscape tunnus

Ilmainen vektorigrafiikkaohjelma Inkscape: esittely ja asennus

Inkscape on ilmainen avoimen lähdekoodin vektorigrafiikkaohjelma, joka soveltuu hyvin grafiikan (esim logot), graafien ja yksittäisten (ei monisivuisten) mainosten suunnitteluun. Kaupallisella puolella tunnetuin vastaava ohjelma on Adoben Illustrator. Asennus Ohjelman kotisivulla löytyy Download-linkki ikkunan yläosan navigaatiopalkista. Valitse pudotusvalikosta oma käyttöjärjestelmäsi. Tässä ohjeessa asennetaan Windows 10:een, eli valittiin Windows installer. Avautuvalla sivulla valitaan vakaista versioista joko 32 tai 64-bittinen sen mukaan kumpaa käyttöjärjestelmä tukee. Jos et tiedä kumman valita, lue tämä ohje. Lataa tiedosto […]
2016/05/25
scribus

Scribus työympäristö

Scribus on ilmainen sivuntaitto-ohjelma ja tässä ohjeessa keskitytään sen käyttöliittymän tarkasteluun. Lue myös tarvittaessa kirjoittamani esittely ja asennusohje, jos et vielä ole ladannut ohjelmaa ja sen ominaisuudet eivät ole tuttuja. Valikkorivin (Tiedosto jne) alapuolelta löytyvät tärkeät työkalut pieninä kuvakkeina. Voit pitää työkalut joko sivu-, vasen-, oikea- tai yläpalkissa tai vaihtoehtoisesti irrottaa ne kellumaan työtilan päälle. Siirtäminen onnistuu kun tartut kuhunkin ryhmään niiden sivusta tai ylälaidasta löytyviin pieniin harmaisiin pisteisiin. Lisäys 29.8.2017: Kommenteissa […]
2016/05/24

HTML5 ja CSS3 Osa 9: Div ja Span

Nämä kaksi ovat hyviä kandidaatteja edellisessä osassa opetelluilla id:llä ja classilla muotoiltaviksi, sillä niillä ei ole mitään ennalta määrättyä tarkoitusta. Ennen HTML5:n uusia rakenne-elementtejä (näistä myöhemmin lisää) käytettiin diviä todella paljon sivun asetteluun, ja sillä on yhä paikkansa, jos et pysty käyttämään jossain kohtaa uusia elementtejä. (Voit lukea siitä lisää HTML Doctorin sivulta.). Käytä kuitenkin uusia rakenne-elementtejä aina kun pystyt, ne tuovat mukanaan myös merkityksen! Kaksi viimeistä kappaletta muotoiltu divin avulla alla olevassa […]
2016/05/17
Vectr

Vectr ohjelman uutuudet

Vectr on joko selaimen kautta toimiva, tai koneelle ladattava ilmainen vektorigrafiikkaohjelma. Kirjoitin aikoinaan sen käytöstä ja ominaisuuksista artikkelin, jonka voit lukea tästä. Ohjelmasta puuttui silloin muutamia tärkeitä ominaisuuksia, jotka nyt on lisätty. Tässä jutussa tutustutaan niihin. Käytän itse Vectria suoraan selaimesta, jolloin tulee joko rekisteröityä tai kirjautua jonkin sosiaalisen median palvelun kautta. Ensimmäinen kaivattu parannus on mahdollisuus poistaa luomiaan tiedostoja heti aloitusnäytöllä. Jokaisen tiedoston alalaitaan on lisätty pieni roskiskuvake, jonka painamisen jälkeen […]
2016/05/15

Paint.net esittely ja asennus

Paint.NET on ilmainen kuvien muokkaukseen suunnattu kuvankäsittelyohjelma. Ohjelmasta löytyy tarvittavat perustoiminnot kuten  tasot, erilaisia väri-, ym säätöjä, efektejä ja suht hyvä valikoima työkaluja. Käytän itse Paint.netiä sellaisessa opetuksessa, missä opiskelijoilla ei ole Photoshopia saatavilla kurssin jälkeen ja myös jos PS tuntuu liian ”tehokkaalta” työkalulta suhteessa tehtävään. Paint.net ei ole ns ammattilaistason ohjelma ja sen toiminnot hieman helpommin omaksuttavissa kuin esim juuri PS:n. PaintNetin lataus ja asennus Ohjelman saa ladattua Paint.netin kotisivuilta (varmimmin […]