Going responsive

May 13, 2012 - 00: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.

Lost in Web

Sign up and get surprised!
Free web tip every week.



1 reply for "Going responsive"

Comment »

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

Comment

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.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.
  • Email addresses will be obfuscated in the page source to reduce the chances of being harvested by spammers.
To prevent automated spam submissions leave this field empty.
By submitting this form, you accept the Mollom privacy policy.

Hello, my name is Mervi!

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

Twitter Facebook Google+ Bloglovin Pinterest Instagram Flickr RSS

Sign up!

Sign up and get surprised! Free web tip every week.



Search and find

tasselflower crafts on Etsy

Yearly archives