LogoLogo
Dude.fi
  • Dude Handbook
    • Avoimuus
  • Yleiset käytänteet
    • Uudet asiat
    • Lähtökohdat
    • Duden arvot yrityksenä
    • Alihankinta
  • Työskenteleminen Dudella
    • Aloittaminen
    • Oleelliset Slack-kanavat
    • Toimistotila
      • Toimistoajat
      • Viimeinen lähtijä
      • Kahvikoneen (maitosysteemin) puhdistusohjelma
      • Musiikki
      • Sähköpöydän nollaus (alakerta)
    • Työajat
      • Työajan seuranta
        • Timely-ohje
        • Uuden projektin luominen Timelyyn
          • Yksittäiset tehtävät Timelyyn
        • Estimaattien lisääminen Timelyyn (projektipäällikkö)
      • Etätyöskentely
    • Työhyvinvointi
      • Henkilökuntaedut
    • Työkalut
    • Kehittäjälle
    • Ilmapiiri ja työrauha
    • Sisäiset palaverit ja kehitys
      • Perjantain kehityspalaveri
    • Asiakaspalaverit ja aloitustyöpaja
    • Asiakaspalvelu ja tuki
    • Kun tulet kipeäksi
  • Tekninen dokumentaatio
  • Asiakasprojektit
    • Handoff suunnittelijalta koodarille
    • Dokumentointi
    • Made by Dude -badge
  • Palvelimet
    • Päivitykset ja ylläpito
    • Monitorointi
    • Huoltotoimet ja ongelmat
  • Tietosuojaseloste
    • Tiivistelmä
    • Sivuston Dude.fi evästeet
    • Rekisterinpitäjä ja sen yhteystiedot
    • Mitä tietoja minusta voidaan kerätä?
    • Mihin henkilötietojani käytetään?
    • Miten tietojani säilytetään ja suojataan?
    • Kuka käsittelee henkilötietojani?
    • Kuinka kauan tietojani säilytetään?
    • Millaisia oikeuksia minulla on?
    • Kuinka saan järjestelmiin itsestäni tallennetut tiedot?
    • Miten voin vaikuttaa tietojeni käyttöön?
    • Luovutetaanko henkilötietojani kolmansille osapuolille?
    • Käytetäänkö sivustoilla evästeitä ja mitä ne ovat?
    • Voidaanko tätä tietosuojaselostetta muuttaa?
    • Mihin voin ottaa yhteyttä?
  • Saavutettavuus
    • Auditoinnit
    • Saavutettavuusseloste
  • Security Policy
Powered by GitBook
On this page
  • Hand off palaveri
  • Ulkoasut
  • Valokuvat
  • Fontit
  • Logo sekä kuvakkeet

Was this helpful?

Edit on GitHub
Export as PDF
  1. Asiakasprojektit

Handoff suunnittelijalta koodarille

Kun suunnittelija on saanut visuaalisen suunnittelun päätökseen, tulee hänen toimittaa koodareille tarvittavat materiaalit.

Hand off palaveri

Palaverin aikana käydään läpi ulkoasut ja tehdään niistä tehtävät devaajille Favroon. Palaveriin osallistuu yksi (1) taustakehittäjä ja yksi (1) fronttikehittäjä. Nämä henkilöt ovat he, jotka muutenkin aloittaisivat projektin. Koko tiimin ei tarvitse osallistua palaveriin vaan palaverissa olija briiffaa tarvittaessa muut tiimiläiset.

Ulkoasut

Suunnittelijan on varmistettava, että uusin hyväksytty versio löytyy aina Figmasta.

Valokuvat

Kuvat löytyy Figmasta ladattavina assetteina. Suunnittelijan on huolehdittava, että kaikki asiat on mahdollista ladata. Kuvat ovat valmiiksi leikattuja ja syvättyjä. Tarvittaessa suunnittelija voi toimittaa devaajalle valokuvia zip-paketissa.

Fontit

Emme käytä Adobe/Typekit/Google -upotuksia, vaan fontit olisi hyvä olla tiedostoina paremman toimivuuden, hallinnan ja latausnopeuksien vuoksi, näin säästymme ylimääräiseltä ulkoiselta HTTP-kutsulta.

Paikallisilla fonteilla varaudumme myös, että sivusto toimii ilman JS:ää eikä Adblockerit tai muut tietoturvatyökalut blokkaa fonttien latautumista. Jos muita webfonttimuotoja ei ole saatavilla, .ttf riittää.

Logo sekä kuvakkeet

Logoista ja kuvakkeista tarvitaan taittoa varten SVG-versiot, jotta sivustolle saadaan retinaa tukeva moderni versio, joka näkyy joka laitteella terävästi. Logot ja kuvakkeet on ladattavissa Figmasta suoraan.

Joissakin tapauksissa logot tai kuvakkeet voidaan toimittaa suoraan koodarille. Tällöin ne tulee tallentaa vektorityökalun kautta niin että skaalautuvuuden mahdollistama viewBox-määritys tulee mukaan. Illustratorissa SVG-kuva tulee oikeaan muotoon kun käytetään Presentation attributes -asetusta, jolloin SVG-tiedostoon ei tule ylimääräisiä inline style-määritteitä. Filleinä tai strokeina tulee olla currentColor-arvo hexan sijaan, näin väri saadaan määriteltyä koodeitse helpommin.

Tarvittaessa, monimutkaisempien SVG-kuvakkeiden kohdalla voidaan käyttää muita määrityksiä kuten style-attributes, mutta nämä varmistellaan aina erikseen.

PreviousAsiakasprojektitNextDokumentointi

Last updated 3 years ago

Was this helpful?