Categories
Design

Re: Pleasing Color Palettes | CSS-Tricks

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

Categories
Design Verkkojulkaiseminen Viestintä Web

Vain offline-tilassa näkyvät verkkosivut

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ä […]

Categories
Design Verkkojulkaiseminen Viestintä Web

Design Resource Sites

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.

Categories
Design Linkit Verkkojulkaiseminen

Full Page Background Video Styles

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

Categories
Design Verkkojulkaiseminen Viestintä

Options for Building Web Forms

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

Categories
Design Verkkojulkaiseminen

Random color generator for JavaScript – randomColor.js

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

Categories
Design Verkkojulkaiseminen

Favicon Generator

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

Categories
Design Verkkojulkaiseminen Web

Photoshop, Save For Web ja värimuutokset

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

Categories
Design Verkkojulkaiseminen

Typografian historiaa

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

Categories
Design Linkit Web

Pixlr.com – Online-kuvaeditori

Photo editor online – Pixlr.com edit image. Kun on tarve tehdä yksinkertaista kuvankäsittelyä, mutta työasemalla ole sopivaa kuvankäsittelyohjelmaa.

Categories
Artikkelit Design Musiikki Verkkojulkaiseminen

Ääntä websivulle

Miten lisätään ääntä verkkosivulle? Tähän löytyy useita mahdollisuuksia, joista esittelen tässä muutaman.

Categories
Design Verkkojulkaiseminen Web

minimal web

» minimal web :mnmlist. Leo Babautan ajatuksia minimalistisesta web-suunnittelusta. Asiaa voisi ajatella myös riittävyyden näkökulmasta; poistetaan kaikki ylimääräinen, mikä ei palvele sisältöä ja jätetään jäljelle oleelliset, tarpeelliset asiat.

Categories
Design Web

Sosiaalisen median infografiikat

Vesa Ilola on koonnut Pinterestiin mainion kokoelman sosiaalisen median infografiikkaa. Edellisessä merkinnässäni oli Twitteriin liittyvä infografiikka. Joskus näissä grafiikoissa esitystapa ajaa asian ohi, mutta toisinaan niissä on onnistuttu tiivistämään asioita hienosti.

Categories
Design Linkit Web

New High-Quality Free Fonts (2012 Edition) – Smashing Magazine

New High-Quality Free Fonts (2012 Edition) – Smashing Magazine.

Categories
Design Linkit

✿ Our favorite set — CopyPasteCharacter.com

✿ Our favorite set — CopyPasteCharacter.com. Kun pitää nopeasti löytää jokin erikoismerkki.

Categories
Design Linkit Web

#ac12ba on 0to255

#ac12ba on 0to255 Yksi suosikkini ”yhden asian web-palveluista” ja väri, jonka parissa olen viime aikoina pakertanut. 

Categories
Artikkelit Design Verkkojulkaiseminen Web

Googlen web-fontit

Webdesignereiden perinteinen riesa on www-sivujen ulkoasun ja sivunrakennustekniikoiden ristiriita; HTML ja CSS eivät luonnostaan tarjoa riittäviä mahdollisuuksia sivujen ulkoasujen visiuaaliseen esittämiseen. Myös käytettävissä oleva fonttivalikoima on varsin rajoittunut riippuvainen käyttäjien konelle asennettua oleviin fontteihin. Fonttirajoitusta on pyritty kiertämään erilaisilla tekniikoilla. Nyt Google on julkaissut oman ratkaisunsa fonttiongelmaan.