Where's the website?

Our advanced systems detected you're trying to access porcupine colors by an old and deprecated browser like Internet Explorer 7 or even 6!
This website uses some technologies which can't be detected from such an outdated software.

We urge you to try again by using one of the following browsers: Google Chrome, Apple Safari, Opera ή Mozilla Firefox.

porcupine colors

Search

Select a category

  • category_img
  • category_img
  • category_img
  • category_img
  • category_img
  • category_img
category_img

Golden Grid System

There may be nearly infinite grid systems/mechanisms/whatever that promise to help you, dear designer, to hold your horses and follow a structure. This one is different.

The Golden Grid System is fluid, loves vertical rhythm and is so very easy to be to used.

However, do follow the advice written on the website: the system becomes even better if you tame it and change it according to your needs.

This grid system is really great!

category_img

Typography, the Smashing Magazine way

Recently, Smashing Magazine published an article with the title Mind Your En And Em Dashes: Typographic Etiquette. I think it’s the best article about Web typography I read in 2011.

Clear, concise and to the point. It’s actually a guide you can count on.

It also reminded us the almost holy The Elements of Typographic Style Applied to the Web.

Bookmarked!

Oak trees

It’s the last time I visit my favourite oak forest this year.

Can we please turn this summer off now?

category_img

The best 404 page ever made

Just as the title says.

Nosh - 404 page

category_img

What this world needs

I’m pretty sure you know about the recent tragedy in Oslo, Norway. You might want to turn away from anything that reminds it. However, I think there’s something positive in this story as well.

When reporters asked the mayor of Oslo whether the city is in need for more security, he said:

I don’t think security can solve problems. We need to teach greater respect.

This very moment when the masses asked for more blood, he took a pause. He responded in a quite unexpected way. He talked about respect. He selected education instead of violence.

I don’t know anything about Fabian Stang and most probably I’ll never hear his name again. But his response worths two moments of our time.

New Macbook Air

This machine is the best Apple can do in order to win a big big war.

Much faster, still light and slim, with a backlit keyboard, less costly, very attractive.

This Lion-ized MacBook Air is the ultimate weapon of Apple against Google and Chrome OS.

category_img

Extending the use of adjacent sibling combinator in CSS3

The adjacent sibling combinator helps us combine two selectors.

An example:

h1+p{ 
	color: red
}

In this example when a paragraph comes right after an h1 it is red.

By extending the example above we can declare this:

h1+h2+p{ 
	color: red
}

Now the paragraph turns to red only when it follows an h2 which comes right after an h1.

The technique works in Safari, Chrome, Opera and Firefox and its validity has been confirmed by Eric Meyer. Adjacent sibling combinators work for Internet Explorer 7+ too, but I have not tested my discovery there yet.

If you know any relevant reference or want to comment this, please share it on Twitter.

category_img

A new office

Much better this way.

category_img

We missed you

Where have you been?

(The image above is a link to the relevant video which can’t be imported.)

category_img

A walk in the woods

Far from professional, it’s a real one though.

A walk in the woods from Yiannis Konstantakopoulos on Vimeo.

Breath in, breathe out.

Page 3 of 43
 < 1 2 3 4 5 >  Last ›