Google Suosii Responsiivisia Sivustoja

Responsive Design on entistä tärkeämpää

Edellispäivänä, tiistaina 21.4.2015, koitti pieni maailmanloppu Googlen hakukonenäkyvyydessä verkkosivuille, jotka eivät ole responsiivisia. Google on alkanut painottaa Responsiviisen toteutuksen merkitystä omissa hakualgoritmeissaan ja oman ilmoituksensa mukaan se alkaa "rankaisemaan" ei-responsiivisia sivustoja sijoittamalla ne mobiilihauissa huonommin kuin responsiivisesti toteutetut sivut.
Lue koko artikkeli
Browsertools Cover Image

Selain kehittäjän työkaluna – Osa 2

Elements panel näyttää reaaliaikaisen näkymän sivun DOM rakenteeseen. Eli näyttää nimenomaan sivun rakenteen sellaisena jollaisena selain sen on rakentanut. Huomaa, että tämä on eri kuin sivun lähdekoodi. Elements panel on oiva työkalu tutkia sivun rakennetta, sen asemointia ja tyylejä sekä selvittää mahdollisia ongelmia tai kokeilla uusia tyylejä. Elements paneeli onkin ehkä eniten käytetty paneeli työskenneltäessä selaimessa.

Lue koko artikkeli
Selainten Kehittäjätyökalut - Chrome

Selain kehittäjän työkaluna – Osa 1

Selain on kehittäjän kaveri! Tässä juttusarjassa käyn läpi selainten kehittäjätyökaluja ja miten niitä käytetään avuksi web-kehittäjän ja miksei suunnittelijankin töissä. Ensimmäisessä osassa teen yleiskatsauksen työkaluista esimerkkinä Google Chrome. Tulevissa osissa voin käsitellä yksittäisiä työkaluja ja niiden käyttöä työnkulussa.

Lue koko artikkeli

Vinkki: Suunnittele responsiivisen sivuston rautalankamalli Reflow:lla

Adobe Reflow on responsiivisten layuouttien suunnitteluun tarkoitettu sovellus. Reflow tuottaa sivun html ja CSS-koodin kaikkine responsiivisine ominaisuuksineen. Reflown tuottama lähdekoodi ei ehkä ole kaikkien koodereiden mieleen mutta kuitenkin erittäin hyvä lähtökohta toteutukselle ja ellei muuta niin sen avulla voidaan laatia toimiva malli sivuston responsiivisen asemoinnin testaamiseksi.
Lue koko artikkeli

Vinkki: Responsiivisia taulukoita

Taulukot ovat hankalia kun näytön koko käy pieneksi. Ongelma, joka on mahdoton ratkaista skaalaamalla taulukkoa sillä kun tila loppuu, niin se loppuu. Täytyy keksiä jotain muuta taulukon muotoilemiseksi tai datan esittämiseksi pienessä tilassa. Vaihtoehto voisi olla esimerkiksi näyttää taulukon sijaan vastaavaa dataa infograafina. Olipa ratkaisu mikä tahansa, vaatii se toteutukselta sekä suunnittelua että teknistä ratkaisua.
Lue koko artikkeli

Vinkki: Sivuston nopeustuunausta Google PageSpeed avulla

Google PageSpeed sivustotestit Sivuston nopeus on monen tekijän summa ja yhä merkittävämpi käyttökokemuksen sekä hakukoneoptimoinnin kannalta. Google arvottaa nopeasti latautuvat sivut paremmin kuin hitaat. Vinkkejä oman sivuston tehostamiseen saa käyttämällä testaustyökaluja tai  -palveluita. Yleisin lienee ehkäpä Googlen PageSpeed. Muita on…

Lue koko artikkeli
WordPress Asennus Ja Hallinta

WordPress hallinnoinnista asiaa

WordPressin turvallisuus alkaa asennuksesta. Mainostettu 5 minuutin oletusasennus on helppo ja nopea. Asennuksen tekeminen oikeaoppisesti tuo lisäturvaa ja helpottaa myöhempää hallinnointia. Varmistusten ottaminen ja jopa sivuston uuden version asentaminen on helpompaa kun asennus on alunperin suunniteltu ja tehty oikein.
Lue koko artikkeli
Wordpress Secured

Turvallinen WordPress

1.11.2014 Helsingin Sanomat julkaisi artikkelin ”Useat suomalaiset blogit ja yrityssivut alttiita hakkereille” alaviitteellä ”Mukana pikavippifirmoja, verkkokauppoja ja pilvipalveluita”. Jutussa viitattiin lähinnä Wordpress julkaisujärjestelmään ikään kuin itse järjestelmä olisi jotenkin turvaton. Näin ei kuitenkaan ole.
Lue koko artikkeli