Going responsive

May 13, 2012 - 01:46 | 1 reply

Going responsive

Responsive (web) design is a very trendy thing currently. Basically it's about design the site adapt to different devices and screen sizes in a (more or less) fluid manner.

To try responsive design out in practice I decided to make a new design for this little blog. And boy did I do some.

I wanted the new look be clear, simple and spacious, yet kind of soft. The softness I created with using a scruffy surface like a recycled paper as the background and with Allura font for headers and such. I also recycled some elements, colors and such from the previous design(s).

The layout changes a bit on the different sizes: On the narrow versions the sidebar drops down below the content and the main navigation position and look changes. The font sizes vary too. However the basic "feeling" of the site remains the same.

The design isn't completely fluid, but the four different stages should be enough for now. I hope. Things may change, cause that's how I work. Please let me know if there's any problem and I don't mind hearing if there's no problem at all!

Suomeksi (In Finnish): 

Responsive (web) design (onkos tälle suomennosta?) on nyt kovin trendikäs juttu. Perusideana on suunnitella saitti niin, että se mukautuu eri laitteisiin ja vaihtelevan kokoisille näytöille enemmän tai vähemmän joustavasti. Kokeillakseni tätä tein uuden ulkoasun tälle pikku blogille. Halusin uuden lookin olevan yksinkertainen ja ilmava, vaikkakin samalla tavallaan pehmeä. Sitä pehmeyttä loin käyttämällä hieman kierrätettyä paperia muistuttavaa taustaa ja Allura-fonttia otsikoille ja sen sellaisille. Kierrätin myös joitakin elementtejä vanhoista versioista. Asettelu muuttuu hieman eri kokoisissa versioissa: Kapeimmissa sivupalkki tipahtaa sisällön alapuolelle ja päänavigaation paikka ja ulkoasu muuttuu. Fonttikoot muuttuvat myös. Kuitenkin yleinen fiilis pysyy samana. Täysin joustava se ei ole, mutta nämä neljä eri versiota pitäisi riittää, toivoakseni. Jotakin saattaa vielä muuttuakin, koska niin minä vaan toimin. Kerrothan jos ilmenee ongelmia ja eipä minua haittaa kuulla, jos ongelmia ei ilmene.

Join the VIP party!

Get exclusive content straight in your inbox once a week

1 reply for "Going responsive"

Comment »

Pingback from The third weekly wrapup by tasselflower on May 14, 2012 - 13:48


Thank you for your reply! Please let me know if you have problems with the antispam system.
Kiitos vastauksestasi! Kerrothan minulle, jos roskaviestien eston kanssa tulee ongelmia.

Will not be published, sold or given to third parties.
Please include http:// (eg. http://mervi.helmikuu.net)
I reserve the right to restrict comments which do not contribute to the conversation, which contain profanity or personal attacks, or seek to promote unrelated business or scams.
By submitting this form, you accept the Mollom privacy policy.
To prevent automated spam submissions leave this field empty.
Mervi Emilia

Hello, I'm Mervi Emilia!

I’m The Goddess of The Net, The Queen of The Penguins, geek, cat person, dreamer, awesome, always right and quite boring. This is my blog about web design, social media, life, marketing and business. Have some tea!

Follow Mervi Emilia

Twitter Pinterest Instagram Flickr

Follow the blog

Twitter Facebook Google+ Bloglovin RSS

Join the VIP party!

Get exclusive content once a week

Made In Helmikuu - Web visibility with a homespun twist

Yearly archives

Search and find