Wednesday 10 gold plugins #55

1 de abril de 2015 // Publicado en Plugins

Best_websites2

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

  1. Motion Blur Experiment

Motion Blur Experiment – alternative way to show modal window animation

  1. Elastic SVG Elements

Elastic SVG Elements – some inspiration for elastic components with SVG shape animations for enhanced UI interactions.

  1. Realistic Text With Changeable Focal Center

Realistic Text With Changeable Focal Center – this effect is accomplished using mostly CSS. This particular version uses quite a bit of JS, though. The trick is overlaying three or more slightly transparent objects and using slightly different rotations for each.

  1. Drawer

Drawer – a small CSS3 and jQuery plugin for app style drawer menu.

  1. Vide

Vide – easy as hell jQuery plugin for video backgrounds.

  1. Calx

Calx – jQuery plugin for building Calculation Form.

  1. Loading Animations

Loading Animations – these advanced loaders are created using only pure CSS.

  1. Hop Over Badges

Hop Over Badges – badge icons have been used primarily for notifications on iOS apps. Now they can be incorporated into any part of your website with a fancy CSS hop-over effect.

  1. Pricing Tables

Pricing Tables – these tables are large, in charge, and tell you how much stuff costs. But they aren’t just any ordinary pricing tables because they have a cool animation effect on hover.

  1. Hamburger Icons

Hamburger Icons – if you need some animated three-bar hamburger icons look no further than this outstanding code snippet.



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 #57

30 de marzo de 2015 // Publicado en Diseño

Best_websites2

Let’s start this 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. Križ Winery

Križ Winery – a union of tradition and modernity: the story of a family winery through a website.

  1. HBM FiberSensing

HBM FiberSensing – is a world leader in the development and production of advanced monitoring systems based on Optical Fiber technology for clients like Siemens, Airbus, GE among others.

  1. Don’t kill Mia

Don’t kill Mia – there is an urgent problem in Amsterdam. White heroine has been sold on the streets as cocaine. We use popular culture to target the audience and effectively spread the message

  1. Our Tam

Our Tam – the first 3D mapping of a national park that lets people explore the incredible landmarks and stories on Mount Tamalpais or even leave their own stories.

  1. Well Storied

Well Storied – an interactive map that visualizes Land Rover’s global fan base across Instagram, Facebook and Twitter. The site features parallax motion and integration of multiple APIs.

  1. Nicolas Tarier

Nicolas Tarier – the sper clean portfolio of a French Art Director based in Lyon.

  1. White Frontier Brewery

White Frontier Brewery – brand website for a swiss beer company.

  1. Epic newsletter 2015

Epic newsletter 2015 – who cares if it’s not a website! It’s on the web, it’s fun, it’s animated and we’re sure it’s the kind of newsletter you would love to receive. And BTW < table > is so hipster!

  1. Chris Niedenthal

Chris Niedenthal – extensive portfolio and e-commerce for a legendary photographer.

  1. Kurokawa

Kurokawa – The Onsen Villiage of Kurokawa lies deep in the valleys of Mt. Aso in Japan.



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


Wednesday 10 gold plugins #54

25 de marzo de 2015 // Publicado en Plugins

Best_websites2

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

  1. Gooey Menu

Gooey Menu – easily customizable jQuery plugin using SVG filters

  1. Select or die

Select or die – yet another jQuery plugin to style < select > elements.

  1. Famax

Famax – this plugin will embed your Facebook Page Posts and display them gracefully on your website.

  1. Divas Slider

Divas Slider – versatile slider solution, easily and fully customizable. Uses CSS3 transitions with jQuery fallback for old browsers. Fully responsive and touch enabled.

  1. Eco-Scroll.js

Eco-Scroll.js – eco-friendly jQuery scroll plugin with inifinite possibilities

  1. animatedModal.js

AnimatedModal.js – is a jQuery plugin to create a fullscreen modal with CSS3 transitions. You can use the transitions from animate.css or create your own transitions.

  1. Textures.js

Textures.js – SVG patterns for Data Visualization

  1. DecorateText.js

DecorateText.js – a jQuery plugin to add responsive text decoration styles that work across browsers and devices. Easily underline, highlight, strike-through, and hoverlight text styles.

  1. Bokeh Generator

Bokeh Generator – is a jQuery plugin that helps generate a bokeh background with a CSS3 based parallax scrolling effect for your webpage.

  1. Flipside

Flipside – a nice, little UI concept for buttons interaction. Cool thing is the seamless integration of the confirmation prompt as soon as user clicks on the action button.



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 #56

23 de marzo de 2015 // Publicado en Diseño

Best_websites2

Let’s start this 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. Danish™

Danish™ – is an online magazine promoting Danish architecture and design.

  1. Dogstudio

Dogstudio – is a multi award-winning, beer-loving Belgian digital agency. Our middle-sized team of passionate individuals are all quality-driven.

  1. Under Armour

Under Armour – Gisele lives amongst the noise of contradicting opinions. But will beats noise. Using WebGL for real time compositing, live social commentary is projected around Gisele as she sticks to her training regimen.

  1. Blossomtype

Blossomtype – alphabet made of natural flowers, all letters are handcrafted. On the website we developed the video generator, which creates a unique movie from these little videos based on the letters written by the user.

  1. ACO – Three Faces of Moist

ACO – Three Faces of Moist – an interactive experience that makes the user cut their own commercial, using the webcam to detect whenever they blink.

  1. BIANCO

BIANCO – campaign site for BIANCO shoes featuring the ever amazing Christiane Schaumburg-Müller

  1. In Pieces

In Pieces – 30 species, 30 pieces. In Pieces is a CSS-based interactive exhibition of 30 of the world’s most interesting but unfortunately endangered species – their survivals laying literally, in pieces.

  1. St. Louis Bowns Historical Society

St. Louis Bowns Historical Society – a full-screen experience leading the user through the timeline of the baseball team’s tenure in St. Louis. The historical nature of the story lent itself to a textured, vintage-feeling design that stands out from from the ultra-flat interfaces that dominate interactive design today.

  1. Thank God It’s Pi Day

Thank God It’s Pi Day – a Cerebral Canvas Celebration of that most unique of days. While Pi is a constant each of its numbers animates across time & space to create playful patterns of color, creative & chords.

  1. ingenio

Ingenio – is an experiential website made in canvas & html5. The site was designed and developed with the aim to create a complete digital identity for the company.



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


Wednesday 10 gold plugins #53

18 de marzo de 2015 // Publicado en Plugins

Best_websites2

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

  1. Creative Gooey Effects

Creative Gooey Effects – let’s add some organic jelly-like shapes to our projects!

  1. Click Effects

Click Effects – a set of subtle effects for click or touch interactions inspired by the visualization of screen taps in mobile app showcases. The effects are done with CSS animations mostly on pseudo-elements.

  1. Playful Trampoline Effect

Playful Trampoline Effect – a little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline.

  1. Button Styles Inspiration

Button Styles Inspiration – a collection of fresh button styles and effects for your inspiration. With using CSS transitions and pseudo-elements for most of the effects.

  1. favico.js

favico.js – animated stroke of the text with a cool color scheme. This effect is made with CSS and SVG.

  1. Slashed

Slashed – the knife sliced effect, done with less than 70 lines of CSS.

  1. Foggy Text

Foggy Text – awesome cinematic foggy effect. Applicable on Webkit browsers only.

  1. CSS Text-FX

CSS Text-FX – dimmed light effect to the text, giving user intermittent flashes that warn of danger from afar.

  1. Animated Signing Of Signature

Animated Signing Of Signature – a real-time signing animation. This works by applying Javascript to the SVG path to animate the signing.

  1. Cosmos

Cosmos – now this is an elegant and inspiring logo. It is also suitable for use for “Cosmos”, because orbits, get it?



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!


Pulpolab’s artifacts

13 de marzo de 2015 // Publicado en PulpoFresco

Best_websites2

A place, you enter everyday, spend many hours… would be good to feel like home. Well thought space, nice furniture, plants, but there should be something more, something which will give positive vibes to the office, to help you feel better. Pulpo team came up with an idea, to bring our artifacts – small things we like, which bring us good memories or they are some kind of an amulet. So here we go, Pulpolab presents our office artifacts:

  1. Boost up work – Lluis’s Hachimaki 鉢巻

Some people use coffee, we use Hachimaki – japanese bandanas which are believed to give special power to the person who wears it. We tried few times (when we were really in need!) and it worked!

  1. Stimulate creativity – Clem’s magic Moonstone

Ever watched Vikings series? They used similar stone to look at the Sun in order to set up direction for their ships – magical Clem’s stone is just astonishing.

  1. Play a bit – Kama’s Fingerboard

Let’s make a break, use some office objects to build mini skate park and have some fun making kickflips, nosegrinds, nollies and stuff…

  1. Bring up good memories – Lorenzo’s volcanic stone camel from Fuerteventura

One of canary islands – Fuerteventura is a perfect getaway to cutout from everyday life. Once you get there, you’ll feel like an astronaut landing different planet. Amazing experience.

  1. Mamon

Oh yes, we have an office dog. This cute little dude knows exactly when to come to cheer us up. Especially when we eat some goodies…

  1. Ganesha statue गणेश

in Indian culture, Ganesha is one of gods whose super power is to remove obstacles. He is also the patron of arts and sciences and the deva of intellect and wisdom.




Have a good weekend!


Monday Awards: 10 best websites of the week #55

2 de marzo de 2015 // Publicado en Diseño

Best_websites2

Let’s start this 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. Stupid Studio

Stupid Studio – new fully responsive website for Stupid Studios, showcasing their in-depth case studies, manifesto in a laid back tone of voice. All wrapped in color and playful illustrations.

  1. Cappen

Cappen – is a creative agency that provides unique experiences that makes people’s life easier and exciting.

  1. Helbak Ceramics

Helbak Ceramics – combined brandsite and web shop for the Danish ceramist Malene Helbak.

  1. Nicolas Bussière

Nicolas Bussière – interesting, minimal and clean portfolio.

  1. Freebie Supply

Freebie Supply – awesome free things for Entrepreneurs & Startups

  1. Melanie Daveid

Melanie Daveid – another portfolio worth seeing, high five Melanie!

  1. Nixon

Nixon – the site features multiple paths to purchase, leveraging recommendation engines that enable customized content for each individual user and interactions that bring delight, much like the details found in their watches.

  1. Adoratorio

Adoratorio – is an award winning creative collective of designers with the aim to develop visionary communication projects. Hover effect on team part rocks!

  1. The Marmalade

The Marmalade – the site reflects their excellence in film through craftsmanship, creativity and collaboration.

  1. MAD London

MAD London – a minimal, elegant and functional folio, to showcase the amazing visual work of this agency.



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


Monday Awards: 10 best websites of the week #54

23 de febrero de 2015 // Publicado en Diseño

Best_websites2

Let’s start this 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. NASA GeneLab

NASA GeneLab – cutting-edge biological experiments conducted in space. Discoveries made in microgravity. This is GeneLab, and it’s NASA’s largest open-source database for space life science research.

  1. Giant Steps Medias

Giant Steps Medias – visual & audio experiment for the portfolio of an original music composer studio based in Lyon, France.

  1. The Crumpled Ball

The Crumpled Ball at the VIA Agency they love music. In fact, they love it so much they started inviting artists to record live sessions at our office. And artists showed up.

  1. Hello Monday

Hello Monday – created joyful digital experiences and unique visual identities that tickle the brain, please the eyes and connect the hearts of brands to the hearts of their consumers.

  1. Éléphant

Éléphant – is the work of a very passionate young woman ahead of an artistic team fascinated by the depth of flavors that Indian Cuisine has to offer.

  1. Zazn

Zazn – a meditation app to help you achieve greater peace of mind.

  1. Descente Golf

Descente Golf – “Hidetoshi Nakata Swing Timeline” on website that follows the progress of Hidetoshi Nakata’s golf swing.

  1. Degordian Academy

Degordian Academy – is a series of lectures on various digital marketing subjects, held by Degordian’s experts. The main idea behind academy is to give added value to our clients throughout education.

  1. TEDxMontpellier

TEDxMontpellier – the site of the international conference taking place in Montpellier, France

  1. The Glitch

The Glitch – take a journey through this interesting website.



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


Wednesday 10 gold plugins #52

18 de febrero de 2015 // Publicado en Plugins

Best_websites2

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

  1. Animated Text Fills

Animated Text Fills – SVG text with animated dashed stroke pattern

  1. Datedropper

Datedropper – is a jquery plugin that provides a quick and easy way to manage dates for input fields.

  1. Animatr

Animatr – CSS3 animations with HTML5 data-attributes

  1. jQuery Overlap

jQuery Overlap – is a jQuery plugin for detection of overlaps and selections by superposition.

  1. favico.js

favico.js – make a use of your favicon with badges, images or videos.

  1. jquery.linking

jquery.linking – is a jQuery plugin designed for linking graphically webpage elements in a simple way.

  1. Full-Screen Pushing Navigation

Full-Screen Pushing Navigation – a full page menu, that replaces the current content by pushing it off the screen.

  1. ScrollMagic

ScrollMagic – the jQuery Plugin for magical scroll interactions.

  1. Bitshows

Bitshows – a simple, lightweight jQuery plugin to retrieve an artist’s event listings on BandsInTown.

  1. OKZoom

OKZoom – is a JQuery plugin that produces a portable loupe of variable size and shape. All other jQuery ‘zoom’ plugins we have encountered implement a square magnifying area.



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 #53

16 de febrero de 2015 // Publicado en Diseño

Best_websites2

Let’s start this 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. The Thoreau-Wabanaki Trail

The Thoreau-Wabanaki Trail an interactive publication for Maine’s Office of Tourism. Paddle along with Thoreau scholars, Penobscot historians, and a Master Maine guide as they recreate the Thoreau’s transformative journey.

  1. 2015 is yours

2015 is yours if you want to go fast, go alone. if you want to go far, go together. This year belonga to you!

  1. 25AH

25AH is a Stockholm-based multidisciplinary brand and design agency. This is our brand new portfolio site, developed together with the digital agency MarsApril.

  1. Bilbao 360 Walk

Bilbao 360 Walk – virtual walking tour of the Spanish city Bilbao. The walk covers the space between the Zubizuri Footbridge and the Guggenheim Museum Bilbao. With ambient sound Recordings.

  1. Magical Mystery Zee

Magical Mystery Zee – 560 million pixels² to illustrate our version of digital: creativity served by useful technology; as well as a celebration of all our partners from the past year with a wish for the party to continue!

  1. Celebrating Chinese New Year 2015

Celebrating Chinese New Year 2015 – every year, Traditional Chinese New Year aka Spring Festival is the most important holiday to every single Chinese people. Check out real-time rendering WebGL fireworks to celebrate it in this February!

  1. Wildflower

Wildflower create a unique and beautiful Wildflower, then share it with the one you love.

  1. Ginos Engineers

Ginos Engineers was established in 1980 to carry out the business of a Consulting Engineer for Civil and Structural Works.

  1. Reebok: Be More Human Experience

Reebok: Be More Human Experience – an online destination where fitness enthusiasts can challenge and define what it is to be human. This one-of-a-kind platform features a number of interactive tools and experiences.

  1. MC3

MC3’s been in digital design for more than 16 years. We’ve worked with all sorts of companies – big and small – in just about every industry. Startups, SMBs, multinationals, governments, you name it.



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