Tarkkaamo

Jussi Linkolan blogi ja kotisivusto

Design

Merkintöjä visuaaliseen suunnitteluun ja verkkojulkaisemiseen liittyen.

  • Hero Patterns A collection of repeatable SVG background patterns for you to use on your web projects Kivoja SVG-kuvioita, jotka sopivat käytettäväksi verkkosivujen taustakuvina. Itselläni on nyt kirjoittamishetkellä yksi näistä kuvioista sivuston taustakuvana.

  • Re: Pleasing Color Palettes | CSS-Tricks Kooste värityökaluista, joilla voi generoida väriyhdistelmiä visuaalisen suunnittelun tueksi.

  • Törmäsin CSS-Tricks-sivustolla ideaan, jossa voi olla ainesta pieneksi suunnittelutrendiksi: verkkosivut, jotka näkyvät vain offline tilassa. Toisin sanoen vierailijan täytyy sammuttaa internetyhteytensä, ennen kuin sisältö avautuu tarkasteltavaksi. Esimerkkinä The Disconnect -verkkojulkaisun ensimmäinen numero. Ilmeisesti koko sisältö latautuu kerralla selaimeen, mutta vasta yhteyden sammuttamisen jälkeen sen saa näkyviin. Tekijöiden mukaan taustalla on ajatus, että välillä on hyvä…

  • Design Resource Sites | CSS-Tricks Chris Coyier on koonnut yhteen sivustoja, jotka kokoavat yhteen sivustoja, jotka sisältävät suunnittelutyökaluja ja -resursseja. Esimerkkinä listalla ensimmäisenä oleva The Stocks kattaa muun muassa suuren määrän vapaasti käytettäviä valokuva-, väri-, fontti- ja videotyökaluja ja -kirjastoja.

  • Video verkkosivun taustana voi olla vaikuttava suunnitteluelementti. Chris Coyier on tehnyt aiheesta mainion ohjeen: Full Page Background Video Styles – The Media Temple Blog

  • Vaihtoehtoja verkkolomakkeiden tekemiseen: There are plenty of form building services, plugins, and frameworks in the wild that make the tedious task of form design and development much easier. Lähde: Options for Building Web Forms | CSS-Tricks

  • ran­dom­Color gen­er­ates at­trac­tive col­ors by de­fault. More specif­i­cally, ran­dom­Color pro­duces bright col­ors with a rea­son­ably high sat­u­ra­tion. This makes ran­dom­Color par­tic­u­larly use­ful for data vi­su­al­iza­tions and gen­er­a­tive art. Lähde: Random color generator for JavaScript – randomColor.js

  • Favicon Generator – Generate favicon pictures and HTML. Generate the favicon pictures and HTML code that work on all major browsers and platforms

  • The Mysterious “Save For Web” Color Shift | Viget. Ohjeita Photoshopissa tapahtuvien värimuutosten korjaamiseen Save for Web -toiminnolla tallennettaessa.

  • The History of Typography – Animated Short from Ben Barrett-Forrest on Vimeo. Tyylikkäästi typografiasta.