Monday Awards: 10 best websites of the week #29

21 de julio de 2014 // Publicado en Desarrollo, Diseño, Google, Usabilidad

Best_websites2

Let’s start the week with something nice and creative. Check out a collection with the 10 best websites we have found, due to inspire all of you to design and develop even better. In this list of awesome websites you can find latest trends, innovative ideas and also neat details which makes them unique.

  1. Off Pixel

Off Pixel – extremely outstanding portfolio with playful drawing navigation.

  1. Smarty Pins

Smarty Pins – take a challenge in a Google Maps trivia game.

  1. The Tech Beach

The Tech Beach – work, surf, repeat. Refresh the look and feel of your app in just 31 days on Gran Canaria with four awesome designers.

  1. Haters Gonna Like

Haters Gonna Like – how fast can you solve the CAPTCHA problem? Have a look at another challenging website.

  1. Sotheby’s Institute of Art

Sotheby’s Institute of Art’s – 45th year anniversary microsite is an interactive timeline that captures all the milestones in Sotheby’s history and features some distinguished alumni.

  1. Into The Arctic

Into The Arctic – The North Pole needed Hello Monday’s help, so they teamed up with Greenpeace to fight the good fight against the commercial exploitation of the Arctic Circle.

  1. Google Street Art Project

Google Street Art Project – explore street art from around the world with the Google Street Art Project. An ongoing collection of art from the streets.

  1. Humoristas

Humoristas – Spanish comedians created in the style of streetartist Shepard Fairey.

  1. Comunique story

Comunique story – narrative one page scrolling site.

  1. Spring

Spring – communications design agency Spring: ‘the agency for change’. Southwold and Barcelona. Destination marketing, community engagement, digital communications and brand consultation.



We hope you got inspired by these creative websites. Stay tuned for our next posts.
Have a nice and productive week!


Web design made in a tasty way!

18 de julio de 2014 // Publicado en PulpoFresco

Best_websites2

These are 2 things we like the most: good web design and delicious food… so why not combine them? Here we go with a collection of well designed culinary websites. You might get hungry after checking them out! :)

  1. NEApolitan Pizzeria & Birreria

NEApolitan serves authentic Italian cuisine with only the finest ingredients. Because people eat with their eyes, NEApolitan’s story is captured through an elevated visual experience.

  1. Kok au Vin

Kok au Vin – Focus. That’s the objective, every day. For us quality and hospitality come first. Restaurant Kok au Vin in Bruges stands for honesty and delightfulness in it’s simplicity.

  1. Chef-s

Chef-s – a new concept of healthy cooking designed for busy people

  1. Aqua Restaurant

Aqua Restaurant is located in the picturesque fishing village of Howth, County Dublin. The website redesign is part of an extensive brand revision carried out by Hidden Depth

  1. The Butcher’s Daughter

The Butcher’s Daughter – foodie Vegan Juice Bar & Cafe in NYC

  1. Sweez

Sweez – pure candy! A delight shop located in Brazil that combines retro style and modernity in a very harmonious way.

  1. 1Bite2Go

1Bite2Go – is an early 20th’s American style diner where offers a stylish yet casual deli. The website featuring a new American dining experience by early 20th century story telling design….

  1. Brancott Estate

Brancott Estate – engaging website, full of great illustrations and perfectly chosen typography.

  1. Sánchez Romero Carvajal

Sánchez Romero Carvajal – web page for one of Spain’s best purebred Iberic Ham & purebred Iberic products.

  1. Sia Aperitivos

Sia – produce crisps like nobody and they can do it for you: Your Brand, Your Products. Get to know the industrial process behind the production of your favourite crips.



We got totally inspired in both: designing and cooking ;)


Wednesday 10 gold plugins #30

16 de julio de 2014 // Publicado en Plugins

Best_websites2

Another dose of creative and useful plugins. Catch them! :)

  1. MAWButton

MAWButton – pretty cool effect: a ripple button inspired by Google material design.

  1. shCircleLoader

shCircleLoader – is a jQuery plugin, which helps web developers to create a variety of loading animations and integrate them easily into their web applications.

  1. jBox

jBox – is a powerful and flexible jQuery plugin, taking care of all your modal windows, tooltips, notices and more.

  1. Tooltipster

Tooltipster – a flexible jQuery plugin enabling you to easily create semantic, modern tooltips enhanced with the power of CSS.

  1. jQuery.eraser

jQuery.eraser – this plugin replaces the targeted image by an interactive canvas that can be erased using touch or mouse inputs. You can specify a callback for completion and set the brush size.

  1. floatlabels.js

Floatlabels.js – on User Interaction with an input field the placeholder value moves up, and is displayed above the typed text. This Plugin offers you the possibility to upgrade your forms with this famous pattern.

  1. Odyssey

Odyssey – a simple way for journalists, designers, and creators to weave interactive stories.

  1. JourneyMap

JourneyMap – is a JavaScript library for the Leaflet.js mapping platform.

  1. Bootstrap’s modal

Bootstrap’s modal – a dead-easy popup dialog to work with bootstrap this will replace the javascript ‘alert’ with something more modern and is just as easy to call. A nice way to report your .ajax call results.

  1. Crosshairs

Crosshairs – is a jQuery plugin to create a crosshair effect on an HTML table.



For today that’s all. Remember to visit our blog next week for more useful resources. If you cannot wait until Wednesday, read our next article about 10 Best Websites on Monday. Hasta pronto!


Monday Awards: 10 best websites of the week #28

7 de julio de 2014 // Publicado en Creatividad, Diseño, Usabilidad

Best_websites2

Let’s start the week with something nice and creative. Check out a collection with the 10 best websites we have found, due to inspire all of you to design and develop even better. In this list of awesome websites you can find latest trends, innovative ideas and also neat details which makes them unique.

  1. Post Planjer

Post Planjer – according to the concept of a ‘long-read’ the website’s provide an accessible insight into well-crafted texts. Locations identified in the articles are visible on an interactive map of the city.

  1. Universal Typeface

Universal Typeface – typography meets typology in this handsome experiment that harnesses the world’s handwriting. Contribute yours or delve into the data of this ever-evolving Typeface.

  1. Mundial Memories

Mundial Memories – remember all the moments that made the Fifa World Cup such a magic competition.

  1. Buddha to Buddha

Buddha to Buddha – is notorious for its bracelets, rings and other blings and worn by famous names like Doutzen Kroes, Van Persie, Afrojack and Snoop Dogg

  1. Harvey Vice

Harvey Vice – is a dog collar brand from San Francisco.

  1. Swag2014

Swag2014 – online version of the petanque contest between french digital agencies.

  1. Dejan Ulcej

Dejan Ulcej – portfolio website. Description and representation of design and research work.

  1. Flightsearchr

Flightsearchr – is a flight ticket search site with focus on simplicity. The search interface is stripped down to the basics and the result only shows one ticket.

  1. Rogue Society

Rogue Society – the upshot? A challenge. To craft a great liquid for genuine people. Artisan. Argued. Researched. Shaped. Imagined behind closed doors. A fine gin born of roguish sociability.

  1. Studieau

Studieau – is a creative space — a humble multi-disciplinary design studio with a focus on Art Direction & Digital Design. It is also the creative alter-ego of Ben Martineau.



We hope you got inspired by these creative websites. Stay tuned for our next posts.
Have a nice and productive week!


Fonts for web designers

4 de julio de 2014 // Publicado en PulpoFresco

Best_websites2

Hey designers and especially typography lovers! Today in our blog post we present you a list with websites offering huge choice of fonts which can boost your projects. Check ‘em out! ;)

  1. Ico moon




Remember to have a look at our blog on Monday for a weekly dose of inspiration featuring best websites (not only interactive agency ones). Have a nice weekend!


Wednesday 10 gold plugins #29

2 de julio de 2014 // Publicado en Plugins

Best_websites2

Another dose of creative and useful plugins. Catch them! :)

  1. Draggable Dual-view Slideshow

Draggable Dual-view Slideshow – an experimental slideshow that is draggable and has two views: fullscreen and small carousel. In fullscreen view, a related content area can be viewed.

  1. Four Boxes Slideshow

Four Boxes Slideshow – using 3D transforms, transitions and animations, the aim is to implement a smooth effect and add some variations.

  1. 3D Grid Effect

3D Grid Effect – the idea is to flip a grid item in 3D, expand it to fullscreen and reveal some associated content. We’ve created two demos with a vertical and a horizontal rotation.

  1. Swatch Book

Swatch Book – create a swatch book like component that let’s you open and rotate the single swatches revealing some details.

  1. Responsive 3d Panel Layout

Responsive 3d Panel Layout – a responsive layout experiment where we arrange panels in a grid-like structure and transition the elements with 3D effects.

  1. Timed Notifications

Timed Notifications – create some simple timed notifications with CSS animations. The idea is to show a notification with a progress bar for a specific duration and then make it disappear.

  1. Responsive Layout

Responsive Layout – create a 100% width and height smooth scrolling layout with CSS only. Using a radio button navigation and sibling combinators you can trigger transitions to the respective content panels, creating a “smooth scrolling” effect.

  1. Animated 3D Bar Chart

Animated 3D Bar Chart – useful plugin for creating 3D charts.

  1. Annotation Overlay Effect

Annotation Overlay Effect – make some simple annotations to images/items and show them on click.

  1. Fluid CSS3 Slideshow

Fluid CSS3 Slideshow – a CSS-only slideshow with some background parallax effect.



For today that’s all. Remember to visit our blog next week for more useful resources. If you cannot wait until Wednesday, read our next article about 10 Best Websites on Monday. Hasta pronto!


Monday Awards: 10 best websites of the week #27

30 de junio de 2014 // Publicado en Desarrollo, Diseño

Best_websites2

Let’s start the week with something nice and creative. Check out a collection with the 10 best websites we have found, due to inspire all of you to design and develop even better. In this list of awesome websites you can find latest trends, innovative ideas and also neat details which makes them unique.

  1. Seven Digital Deadly Sins

Seven Digital Deadly Sins – this project is full of rich layers of information, including live action video, articles from The Guardian and user-generated statistics.

  1. INC Research

INC Research are a clinical research organization that provides a full range of services to help develop the medicines people need.

  1. Audi24lm

Audi24lm – on the occasion of the 24 hours of Le Mans 2014, Audi France organized the first car endurance race on Twitter. Discover the results of this fantastic race on a webGL circuit .

  1. Biamar

Biamar – translating innovative concepts and researching global trends in creating their collections, Biamar embodies the very best in the world of fashion knitwear and tricots.

  1. Louder Than Ten

Louder Than Ten is a school for creative people who run projects. Freelancers and project managers train with us and learn how to flip their projects and people right-side-up.

  1. Spike Exploration annual report 2013

Spike Exploration is an oil and gas exploration company located in Stavanger, Norway.

  1. The Inspiration Theory – SiX

The Inspiration Theory – SiX – an interactive fashion film experience that lets you be involved in the story.

  1. Interior Design by Decade

Interior Design by Decade – the look and arrangement of the British home has changed dramatically throughout the decades. Whether defined by the economy, culture or a reaction against the status quo, let’s take a look…

  1. Wild

Wild – You all shall be wild. This is what Aristotles said. Okay, we made that up. Why would Aristoteles say that? Anyway, he might have better done it because we think it is damn wise.

  1. AYR Editions – SS14

AYR Editions – SS14 – sometimes the simplest things are the hardest to find. We imagined a line of our favorite pieces, the things we would live in every day, all year round. So we stopped looking…



We hope you got inspired by these creative websites. Stay tuned for our next posts.
Have a nice and productive week!


Useful CSS effects!

27 de junio de 2014 // Publicado en PulpoFresco

Best_websites2

Have a look at these awesome CSS effects! :)

  1. Animate.css

Animate.css – just-add-water CSS animations

  1. CSShake

CSShake – some CSS classes to move your DOM!

  1. Hover.css

Hover.css – a collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on.

  1. CSS3D Clouds

CSS3D Clouds – an experiment on creating 3d-like clouds with CSS3 3D Transforms and a bit of Javascript.

  1. Magic CSS3 Animations

Magic CSS3 Animations with special effects. Now on beta, more effects coming soon.



For today that’s all. Remember to visit our blog next week for more useful resources. If you cannot wait until Wednesday, read our next article about 10 Best Websites on Monday. Hasta pronto!


Wednesday 10 gold plugins #28

25 de junio de 2014 // Publicado en Plugins

Best_websites2

Another dose of creative and useful plugins. Catch them! :)

  1. FartScroll

FartScroll – everyone farts. And now your web pages can too.

  1. Stack effects

Stack effects – a set of simple stack effects for inspiration. The main idea is to have one item shown initially and then, on some trigger, more items are revealed as decoration.

  1. 3D Hover Effect for Thumbnails and Images

3D Hover Effect for Thumbnails and Images – a simple CSS3 3D experiment showing the conversion of an image into a realistic 3D cuboid on hover with a cool shadow effect.

  1. Flat Folio

Flat Folio – a simple flat portfolio style that doesn’t suck. Saw a similar style on a theme and had to re-create it.

  1. Animated Envelope

Animated Envelope – hover over the envelope to make it open and reveal contact information. Manipulates the transition delay upon hover in order to animate in the correct order.

  1. CSS3 Fullscreen Slideshow

CSS3 Fullscreen Slideshow with different image transitions and a title appearing via CSS animations.

  1. Animated Text and Icon Menu

Animated Text and Icon Menu – the idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color.

  1. BookBlock

BookBlock – a jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages.

  1. jQuery.BlackAndWhite

jQuery.BlackAndWhite – this plug-in can easily convert any colored image into a B&W greyscale image. It uses the the HTML5 canvas tag and a fallback for the old browsers

  1. Filters

Filters – is a jQuery plugin that allows to filter items using custom animation.



For today that’s all. Remember to visit our blog next week for more useful resources. If you cannot wait until Wednesday, read our next article about 10 Best Websites on Monday. Hasta pronto!


Monday Awards: 10 best websites of the week #26

23 de junio de 2014 // Publicado en Diseño

Best_websites2

Let’s start the week with something nice and creative. Check out a collection with the 10 best websites we have found, due to inspire all of you to design and develop even better. In this list of awesome websites you can find latest trends, innovative ideas and also neat details which makes them unique.

  1. McColl Center

McColl Center – a nationally acclaimed contemporary art center dedicated to connecting art and artists with the community.

  1. The 12th man

The 12th man stadium illustrates the social buzz surrounding the 32 nations competing in the world cup finals.

  1. Dock

Dock – presentation and experience of luxury housing developer Crestyl’s latest project Dock. 3D tour of the coming apartments allow future tenants to explore and get a feel of what’s to come.

  1. Active

Active – is the world’s only ISO certified anti-pollutant and bactericidal tile that may be described as ecoactive.

  1. Personal Brand Institute

Personal Brand Institute created a unique method of creating personal brands and they called this method the Diamond. If you do not speak Polish (what a pity:( ), just enjoy the atmosphere…

  1. MahiFX

MahiFX – if a Facebook friend equals a dollar, what are your friendships worth?

  1. FreelanceLift

FreelanceLift – posts, videos, short books and interviews for freelance designers, writers and marketers for breaking through your earnings ceiling.

  1. typingCAT

typingCAT – keyboard touch typing tutorial and speed test.

  1. Frames

Frames – an experiment in storytelling through the collaboration of design and literature. Each edition explores the symbiotic relationship between written word, visual design, and the experience…

  1. Surfkollen

Surfkollen – is a plugin that analyzes your browser history to see how you spend your week on the Internet. It checks your online habits, from which sites you visit the most; to what day of…



We hope you got inspired by these creative websites. Stay tuned for our next posts.
Have a nice and productive week!