Twitter Facebook Pinterest Instagram Follow at Bloglovin RSS Feed

Going responsive

13.05.2012 - 01:46

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.

Thank you for reading Going responsive. Please like, share and leave a comment.

Join the INTENTIONA*LIST tribe

Get exclusive, not-published-elsewhere thoughts about purposeful life and business online, plus marketing workbook and other gifts and surprises. No spam.

Mervi's picture

I'm Mervi Emilia Eskelinen, a petite artist and web crafter from Finland, who helps indie businesses, freelancers and bloggers to stand out and shine online. I have 18 years of experience and a formal education in everything about web design and development, branding and online marketing.

Twitter Facebook Pinterest Instagram Follow at Bloglovin RSS Feed

1 comment for "Going responsive"

The third weekly wrapup by tasselflower's picture
[...] week I launched a new responsive design for this site. Finally I wrote about it. What do you [...]

Write a comment

Other currencies

The price is based on current exchange rates but is only an approximation. The invoicing happens in euros.