MVnet logo

Blogi

TOP 10 parasta Firefoxin lisäosaa web-kehittäjälle

  • Julkaistu 16. Huhtikuuta 2008
  • Kirjoittanut: Mikko Vestola
  • 5 kommenttia

Sen lisäksi, että Firefox on laadukas selain nettisurffaajille, tarjoaa se myös erittäin hyviä ilmaisia työkaluja web-suunnittelijoille. Nämä työkalut ovat saatavilla tutusti lisäosien (add-ons) muodossa, jotka on helppo asentaa Firefoxiin. Alla on listattu mielestäni kymmenen parasta ilmaista lisäosaa Firefoxiin, jotka tekevät web-kehittäjän elämän huomattavasti helpommaksi. Näihin kannattaa ehdottomasti tutustua, jos olet tekemisissä web-sivujen kehityksessä.

1) Firebug

Firebug

Jos aiot asentaa vain yhden lisäosan, Firebug on se, joka kannattaa valita. Se on ylivoimaisesti paras lisäosa web-kehittäjälle, sisältäen mm. mahdollisuuden muokata HTML-, CSS- ja JavaScript-koodia lennosta. Sivulta voi esim. klikata hiirellä jotain kohtaa, jolloin Firebug näyttää kyseisen kohdan HTML-koodin ja siihen liittyvät CSS-koodit, joita voi halutessaan muokata ja muutokset näkyvät sivulla heti. Firebug sisältää myös laadukkaan JavaScript-debuggerin, jonka avulla voi JavaScript-koodiin asettaa breakpointteja, johon koodin suoritus pysähtyy ja tarkastella senhetkisiä muuttujia. Itse en voisi kuvitellakaan enää tekeväni web-sivuja ilman Firebugin apua. Firebugiin on myös tehty lisäosia, kuten raskaita sivustoja varten tarkoitettu YSlow, joka analysoi sivun tehokkuuden ja antaa vinkkejä, miten sivun saisi nopeammaksi sekä näyttää statistiikkaa latauksista (mm. paljonko selain pystyi ladata tavaraa välimuistista). Firebugin avulla mm. virheiden etsintä helpottuu ja erilaisten ideoiden kokeilu on nopeaa. Oheinen kuva esittää Firebugin näyttämänä, millä kohtaa sivussa näkyy lähdekoodista valittu otsikko sekä otsikon täytteet violetilla ja marginaalit keltaisella. Firebugista löytyy lisää asiaa Kotisivun teko-osiossa. Lataa lisäosa...

2) Web Developer

Web Developer

Web Developer -lisäosa sisältää monia hyödyllisiä työkaluja web-kehittäjälle. Hyödyllisimpiä työkaluja ovat mm. mitta, jolla voi mitata sivun osien kokoja pikseleinä; lähdekoodin muokkaaminen lennossa, jolloin muutokset näkyvät heti ruudulla; käytössä olevan CSS-tyylitiedoston poistaminen/vaihtaminen; keksien (cookies) tietojen näyttäminen; informointi kuvista, joita ei löydy sekä erilaisten tietojen näyttäminen sivusta (mm. käytetty merkistö, sivun tiedostokoko jne.). Oheinen kuva näyttää esimerkin Web Developerin mitan käytöstä. Web Developer -lisäosasta löytyy enemmän tietoa Kotisivun teko-osiossa. Lataa lisäosa...

3) HTML Validator

HTML Validator

Jotta web-sivu toimisi ja näkyisi halutusti, olisi lähdekoodin hyvä olla validia. Validoimisen voi tehdä W3C:n validaattorilla joko syöttämällä sivun HTML-koodin validaattoriin käsin tai antamalla validaattorille linkin validoitavaan sivuun. Tämä on kuitenkin pidemmän päälle työlästä. HTML Validator on loistava lisäosa HTML-koodin validointiin. Se näyttää automaattisesti Firefoxin alalaidassa, sisältääkö sivu virheitä. Jokaisesta virheestä saa selvästi näkymään virheilmoituksen sekä sen kohdan lähdekoodista, johon virhe liittyy. Näin virheet on helppo paikallistaa ja korjata. Oheinen kuva esittää MVnetin blogista validaattorin löytämiä virheitä. Lataa lisäosa...

4) FireShot

FireShot

Usein on hankala kuvata sanoin esim. jotain ulkoasuun liittyvää virhettä nettisivulla. Kuva kertoo usein enemmän kuin tuhat sanaa, mutta virheiden esittäminen kuvan avulla on perinteisin menetelmin melko työlästä: sivusta pitää ottaa kuvankaappaus, siirtää kuva kuvankäsittelyohjelmaan tai PowerPointiin sekä piirtää nuolia, laatikoita ja selitteitä kuvan päälle. FireShot tuo helpotusta tähän. FireShotin avulla nettisivulta voi ottaa näppärästi kuvankaappauksen ja editoida sitä heti helposti. Lisäosa tarjoaa erittäin helppokäyttöiset piirtotyökalut mm. laatikoiden, nuolien ja selitteiden piirtoon. Muokatun kuvan voi helposti lähettää sähköpostitse tai tallentaa myöhempää käyttöä varten. Oheisessa kuvassa on esimerkki siitä, minkälaista jälkeä FireShotilla voi tuottaa. Loistava työkalu ulkoasun kommentointiin. Lataa lisäosa...

5) FireFTP

FireFTP

FireFTP tuo Firefoxiin kevyen ja helppokäyttöisen FTP-ohjelman, jolla tiedostojen siirto palvelimelle/palvelimelta hoituu näppärästi. Käyttöliittymä on tuttu monista ilmaisista ja kaupallisista FTP-ohjelmista, josta kuvankaappaus oheisessa kuvassa. Lataa lisäosa...

6) IE Tab

Vaikka web-kehittäjän elämä olisikin helpompaa ilman Internet Exploreria, on sitä silti pakko tukea. IE Tab tekee sivun testaamisesta IE:llä hieman helpompaa. Lisäosa tuo mahdollisuuden katsella sivua yhdellä klikkauksella Firefoxin välilehdessä siten kuin sivu näkyisi IE:llä. Lataa lisäosa...

7) PageDiff

PageDiff

PadeDiff näyttää kahden web-sivun erot Firefoxissa (tuttu ominaisuus esim. ohjelmoinnissa kehitysympäristöissä). Joissain tilanteissa lisäosa voi olla erittäin hyödyllinen, jos jokin asia ei toimikaan odotetusti toisella sivulla, mutta toimiikin toisella sivulla. Lisäosan avulla voi kätevästi katsoa, mitä eroa sivuissa on ja näin ehkä löytää, mikä ero koodissa ongelman aiheuttaa. Viereisessä kuvassa on esimerkki lisäosan esittämistä eroista MVnetin etusivun ja Palaute-sivun välillä. Lataa lisäosa...

8) ColorZilla

ColorZilla

ColorZilla tuo Firefoxiin ColorPic-ohjelman tyylisen värinpoiminnan. Lisäosan avulla nettisivulta voi klikata haluamaansa kohtaa hiirellä, jolloin ColorZilla kertoo värin RGB-muodossa ja heksadesimaalina, joita voi käyttää esim. CSS-tyyleissä. Näppärä lisäosa, jos esim. huomaa jollain sivulla miellyttävän värin, jota haluaa käyttää itse. Oheisessa kuvassa on esimerkki värin poiminnasta. Tosin itse pidän enemmän erillisestä ColorPic-ohjelmasta, jossa värinpoiminta on mielestäni toteutettu paremmin, mutta ColorZilla ajaa myös hyvin asiansa. Lataa lisäosa...

9) User Agent Switcher

User Agent Switcher

User Agent Switcher mahdollistaa selaimen lähettämän User Agent -tiedon vaihtamisen helposti parilla klikkauksella Firefoxissa (ks. kuva oikealla). Näin Firefox voi esittäytyä esim. IE:nä, Operana, Safarina, iPhonen selaimena tai vaikkapa Googlebottina. Ominaisuus on hyödyllinen esim. jos sivusto räätälöi esitettävän sisällön perustuen siihen, millä selaimella sivustoa katsellaan. Esim. jokin uutissivusto saattaa ohjata selaimen automaattisesti sivuston mobiiliversioon, mikäli User Agent -tiedot kertovat selaimen olevan mobiililaitteen selain. Vaikka lisäosa ei luonnollisesti tee testaamisesta muilla selaimilla turhaksi, helpottaa se testaamista, kun ei välttämättä aina tarvitse oikeasti vaihtaa eri selainten välillä. Näihin ehkä harvemmin törmää, mutta User Agent Switcher on erittäin kätevä silloin, kun sitä tarvitsee. Lataa lisäosa...

10) Firefox Accessibility Extension

Firefox Accessibility Extension

Tämä lisäosa keskittyy web-sivun käytettävyyden analysointiin. Firefox Accessibility Extension analysoi sivun ja raportoi sivussa olevia käytettävyysvirheitä perustuen iCITA:n HTML Best Practices -ohjeistoihin. Virheistä on kuvaukset ja tieto, mihin elementtiin sivulla virhe liittyy. Näkyvistä elementeistä lisäosa korostaa elementin selaimessa. Lisäosa huomaa mm. huonon kontrastisuhteen tekstin ja taustavärin välillä (esim. vaalea teksti vaaleahkolla pohjalla, ks. kuva oikealla), kuvista puuttuvat alt-teksit ja muita "huonoja tapoja" (fontin koon asettaminen pikseleinä jne.). Käytettävyyteen liittyy toki paljon muutakin, joten täydellistä kuvaa tämä lisäosa sivusta ei anna, mutta on ainakin jonkinlainen mittari. Lataa lisäosa...

Unohtuiko jotain?

Jos listasta puuttuu mielestäsi jokin hyödyllinen web-kehittäjälle tarkoitettu Firefoxin lisäosa, laita kirjoitukseen kommenttia. Lisää lisäosia web-kehittäjille on listattu myös kirjoituksessa 30+ Firefox Add-ons for Web Developers & Designers, josta saattaa löytyä myös muita tarpeellisia lisäosia. Kaikkia lisäosia voi selata Mozillan Firefox Add-ons -sivuilla kategoriassa Web Development.

Miten tienata rahaa helposti - keinoista viis

  • Julkaistu 9. Huhtikuuta 2008
  • Kirjoittanut: Jarmo Vestola
  • 4 kommenttia

Ensiksi helppo arvoitus: Mikä yhdistää ainakin seuraavia kuutta yritystä?
bidster, biddog, fiksuhuuto, huutoheikki, sentti.fi, kakusuu

Vastaus: Kaikki kuusi ovat netissä toimivia ja noin vuoden sisällä perustettuja "senttihuutokauppoja", jotka todennäköisesti rikkovat arpajaislakia. Poliisi siis epäilee näiden verkkohuutokauppoina mainostettujen sivustojen toiminnan perustuvan laittomiin arpajaisiin. Lain mukaan Suomessa arpajaiset saa kuitenkin järjestää vain yleishyödyllinen yhteisö yleishyödyllisen tarkoituksen edistämiseksi. Voittoa tavoitteleva yritys ei siis saa järjestää arpajaisia.

Kaikkien yllä olevien yritysten toiminta perustuu siihen, että yritys tarjoaa naurettavan halvalla (esim. Nintendo DS Lite loppuhinta 0,29 euroa) uusia tavaroita, joiden huuto maksaa enimmillään noin 1,9 euroa/lähetetty huuto (tekstiviestillä tai internetpalvelun kautta). Näillä huutokaupoilla ei ole tarkkaa päättymisaikaa, vaan tietyn tuotteen huutokauppa umpeutuu, kun uusia huutoja ei enää anneta ja huutoaikalaskuri näyttää nollaa. Jokainen lähetetty huuto nostaa myynnissä olevan tuotteen loppuhintaa yhdellä sentillä ja käynnistää huutoajasta kertovan laskurin alusta. Viimeinen huutoajan sisällä tehty tarjous siis voittaa.

Liikeideana senttihuutokauppa on vallan nerokas yrityksen näkökulmasta. Jokaisen tuotteen huutokauppaan osallistuu ihmisiä useita kymmeniä ja huutoja voidaan tehdä tuotteesta riippuen jopa kymmenestä kymmeneen tuhanteen. Otetaan esimerkiksi iPod Touch 8GB, joka on myyty fiksuhuudossa hintaan 4,62 euroa. Sentillä hintaa korottavia huutoja on siis annettu yhteensä 462 kpl. Jos oletetaan, että yritys nettoaisi noin 1 euron/lähetetty huuto, niin kasassa olisi 462 euroa. Jos tavara maksaisi yritykselle noin 300 euroa, tulee katetta ihan kivasti. Voittavan huutajan näkökulmasta ratkaisu on myös vallan mainio. Uusi tavara muutaman euron hinnalla houkuttelee varmasti monia.

Fiksuhuuto-senttihuutokaupan etusivu

Näennäisen halvat tuotteet ovat tehneet senttihuutokaupoista suosittuja. Laittomien arpajaisten järjestämisestä epäilty Fiksuhuuto.fi on kuitenkin siirtänyt toimintansa Suomesta ulkomaille. Verkkosivuston senttihuutokauppa jatkuu Maltalta, joka on turvapaikka myös verkon muille peliyrityksille löyhemmän lainsäädäntönsä takia. Jos Suomen lakia ei rikota, niin miksi siirtyä ulkomaille?

Ongelmana tällaisissa "senttihuutokaupoissa" on arpajaislakirikkomusepäilyn ohella mm. palvelun läpinäkyvyys, joka on vähän kyseenalainen. Huutaja ei voi tietää, onko jokaisen hinnankorotuksen takana toinen oikea huutaja vai huutokaupan ylläpitäjän korotusautomaatti, joka vedättää ostajaa viimeisellä sekunnilla ja nostaa tarkoituksellisesti hintaa. Automaatti voisi myös huutaa tuotteen kokonaan takaisin myyjälle, jos se näyttäisi menevän liian halvalla. Jos yksikin tällainen tapaus tulisi esille, niin koko toiminnalta haihtuisi kyllä heti loppukin uskottavuus.

Mikä sitten tekee näistä senttihuutokaupoista arpajaisia? Huutokauppoja ne eivät ainakaan ole, koska oikeassa huutokaupassa huutaminen ei maksa mitään. Jos mietimme todennäköisyyttä voittaa tuote yhdellä huudolla, niin pohdinta voisi johtaa siihen, että pitäisi näitä senttihuutokauppoja arpajaisina. Totta on kuitenkin se, että suurimman huudon tekijä voittaa aina, eikä tämä kyllä oikeastaan enää liity arpajaisiin. Voisiko tässä nyt olla jonkinlainen arpajaisten ja huutokaupan sekoitus, johon nykyistä lainsäädäntöä ei pystytä nyt suoraan soveltamaan ja johon pitäisikin heti ottaa kantaa?

Todennäköisesti kaikki senttihuutokaupat tuomitaan kuitenkin lopulta arpajaislain rikkomisesta ja yksi toisensa jälkeen siirtyy joko ulkomaille tai vain lopettaa toimintansa. Eihän se nyt vaan passaa, että joku voisi Suomessa rikastua tällaisella rahantekokoneella. (Vaikea tosin ymmärtää, miksi ihmiset tuhlaavat rahansa myös chatteihin, soittoääniin ja Java-peleihinkin) Tyhmyys on kuitenkin ehtymätön luonnonvara ja rahaa virtaa yrityksiin ovista ja ikkunoista. Ei olekaan mikään ihme, että näiden senttihuutokauppojen määrä on vuoden sisällä kasvanut kuin sienet sateella. Niin kauan kun rahaa tulee, eikä moraalisesti kyseenalaista toimintaa pidetä laittomana, niin homma pyörii ja yhä uusia firmoja tulee apajille. Kun rahaa on niin, ettei pas***le taivu ja poliisi kolkuttelee jo ovelle, on vihdoin aika lopettaa.

katso myös:

Oikeus ja kohtuus - Taistelu omien oikeuksien puolesta

  • Julkaistu 9. Huhtikuuta 2008
  • Kirjoittanut: Jarmo Vestola
  • Ei kommentteja

Netti on pääosin täynnä pelkkää hömppää ja viihdettä, mikä näyttääkin uppoavan hyvin ihmisiin sukupuolesta tai iästä riippumatta. Mutta missä ovat sitten kaikki asialliset sivustot? Sivustot, joissa käsiteltäisiin ei niin ajankohtaisia, mutta sitäkin tärkeämpiä ja hyödyllisempiä asioita, joihin jokainen törmää varmasti elämässään. Missä ovat tutkivan journalismin blogit?

Oikeus ja kohtuus - kaikessa... on yhteiskunnallinen blogi, joka käsittelee asioita usein yksilötapausten kautta. Yksittäisellä aiheella on myös yleisempää periaatteellista merkitystä. Blogi luonnehtii itse itseään seuraavasti: Tosi kertomuksia pienestä ihmisestä korporaatioiden hallitsemassa maassa, jossa oikeus ei kohtaa yksilöä, ja missä kohtuus on viranomaisten ja yritysten määrittelemä totuudeton arvo.

Punaisena lankana on siis yksilön vapaus ja oikeudet. Pitkiä ja mielenkiintoisia artikkeleita on jo vuodesta 2004 asti. Kirjoittajaa/kirjoittajia ei kerrota ja artikkelin tekijöiden ammattia tai muuta taustaakaan ei valoteta, mikä on toisaalta häiritsevää, mutta samalla ymmärrettävää. Itse toivoisin lisää tällaista MOT, A-studio ja Karpolla on asiaa - tyyppistä otetta myös muihin blogeihin. Eihän tällaisilla artikkeleilla tietenkään rikastumaan pääse ja samalla vaivalla viihdettä ulostamalla saisi reilusti enemmän kävijöitäkin. Pisteet sille, joka tällaista jaksaa harrastuksenaan muille tehdä. Mistähän netistä löytäisi vielä lisää yhtä hyvää luettavaa?

Tulipahan nyt käytettyä koko sateinen kevätpäivä juttuja kahlatessa. Alhaalla muutamia mielenkiintoisimpia poimintoja itseäni kiinnostavista jutuista. Muistakaa, että se maksaa ja kärsii, joka ei tiedä oikeuksistaan.

Uusia tutkielmia: Kemian laitetekniikan kotilaskut

  • Julkaistu 9. Huhtikuuta 2008
  • Kirjoittanut: Mikko Vestola
  • Ei kommentteja

Tutkielmat-osioon lisättiin taas kaksi uutta yliopiston tutkielmaa:

Omia tutkielmia voi lähettää lisää MVnettiin helposti sivulla "Lähetä oma tutkielmasi".

Uusi ammattikorkeakoulun tutkielma

  • Julkaistu 5. Huhtikuuta 2008
  • Kirjoittanut: Mikko Vestola
  • Ei kommentteja

Tutkielmat-osio sai taas uuden tutkielman. Nyt vuorossa oli hieman laajempi ammattikorkeakoulun tutkielma: Lääkelaskennan oppimateriaalia: Verkkosivut sairaanhoitajaopiskelijoille. Kyseinen tutkielma on siis Hämeen ammattikorkeakoulussa suoritettu hoitotyön koulutusohjelman opinnäytetyö. Tästä tutkielmasta kiitokset Jani Savolaiselle, joka on kyseisen opinnäytetyön tekijä.

Omia tutkielmia voi edelleenkin lähettää lisää MVnettiin. Tämä onnistuu helposti sivulla "Lähetä oma tutkielmasi".

1 2 3 4 ...5 ... 7 ...9 ...10 11 12 ... 28