Wherever you look on the internet, you'll find responsive design - and that's a good thing. After all, who wants to zoom in on static websites? Exactly, nobody.
Whether you use a framework or write the media queries yourself, there are several elements on the page that move, or change sizes, depending on how big the browser window is.
To achieve this, web designers typically use media queries to tell the content on the page what they are dealing with, at what resolution and where. Normally, these elements jump to their new position, which is ok. However, with a little splash of animation, it looks even better.

The whole thing is done quite easily, with css.

Since we want to have the effect on the whole page, we use the * css selector and paste the following snippet into our custom.scss file:

* { -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }

Have fun trying it!

Das Problem bei der Googlesuche

Wer häufig beruflich bei Google nach Bildern sucht, um diese später in Grafikarbeiten oder ähnlichem nutzen zu können, wird es kennen: Nichts nervt so sehr wie Pinterest.
Pinterest ist ein schwarzes Loch voller Bilder ohne vernünftige Quellenangaben die dazu auch noch selten auch nur im Ansatz gut aufgelöst sind. Leider ist kommt ein Großteil der angezeigten Bilder eben genau von hier.

Weiterlesen: Pinterest aus der Googlesuche ausschließen

The problem with the Google search

Anyone frequently looking for images on Google for professional use in graphics work or the likes will agree: Pinterest sucks.
Pinterest is a black hole full of images without reasonable sources that rarely have a usable resolution to begin with. Unfortunately, a large number of images displayed in the search are from here.

A simple trick

In the search bar simply add: -site: pinterest.com -site: pinterest.co.uk -site: pinterest.com.au before the search term and BOOM: the specified pages are excluded. The list can be extended indefinitely.

Have fun trying it!