You are browsing the archive for CSS.

Uusi osaamisvaatimus web-suunnittelijoille: HTML ja CSS

22.1.2014 in Julkaisujärjestelmät, Taittaminen ja julkaiseminen, Web-suunnittelu ja julkaisu by Panu Korpela

<!DOCTYPE html>
<html dir="ltr" lang="fi">
<head>
<title>Soveltaja</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Web-suunnittelija käski ja sivut toteuttava sovelluskehittäjä vikisi. Totuus viidentoista vuoden ajan. Ensin mainitun ei tarvinnut ymmärtää ylempänä olevasta HTML-lähdekoodista ripaustakaan, jälkimmäinen puhui sitä toisena äidinkielenään.

Muutaman viime vuoden aikana mullistunut päätelaitteiden kirjo on salakavalasti aloittanut muutoksen web-projektien prosessissa: suunnittelijan on osattava HTML- ja CSS-tekniikoita lähdekooditasolla! Miksi muka?

Photoshop-leiskat ovat hyödyttömiä Responsive Web Design1 (RWD) -sivustojen suunnittelussa. Pienet muutostarpeet aiheuttavat paljon työtä, kun kaikki layoutit pitää korjata käsin. Suunnitelmien tarkastelu eri laitteilla on kömpelöä. RWD:n mukaista sisällön skaalautumista ei ole mahdollista ilmaista.

Muutos ajattelumaailmassa on monelle web-suunnittelijalle valtaisa. Mutta toisaalta kyse on vain muutoksesta ajattelumaailmassa. Opeteltavat tekniikat:

  • Ovat opeteltavissa
  • Ovat opeteltavissa pala kerrallaan, vaikka yksi elementti päivässä

Liikkeellä kannattaa olla pian, sillä muutoksen aiheuttama kliseinen ”markkinaosuuksien uusjako” on alkanut.


1 Responsive Web Design:

Google Web Designer – vai Google Banner Designer?

2.10.2013 in Digimarkkinointi, Mobiili ja Tabletit, Taittaminen ja julkaiseminen, Web-suunnittelu ja julkaisu by Mauri Meronen

Google julkaisi toissapäivänä uuden Web-suunnittelijoille suunnatun ilmaisen työkalun – Google Web Designer. Mistä oikein on kyse? Read the rest of this entry →

CSS tyylit Photoshop CS6 Cloud versiosta

7.1.2013 in Kuvankäsittely ja digikuvaus, Web-suunnittelu ja julkaisu by Kari Selovuo

Jokin aika sitten Adobe päivitti Photoshop CS6 ohjelmaa mutta vain Creative Cloud asiakkailleen. Päivityksessä Photoshopiin lisättiin mahdollisuus kopioida dokumentista tyylejä CSS –koodina. Tämä saattaa kuulostaa hyödylliseltä ja voi jollekin sitä ollakin mutta mikään maailmaa mullistava ominaisuus tämä ei ole. Read the rest of this entry →