Monday Awards: 10 best websites of the week #66

29 de junio 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. Sounds of Mumbai

Sounds of Mumbai – is an appreciation of the everyday bustle that passes our ears but is seldom celebrated. It’s a reminder that every moment is extra-ordinary, if only we pause and listen. It is an experience that is available to everyone irrespective of their class, age, religion.

  1. Prosjekt fantasi

Prosjekt fantasi – is a competition for children and youth who wants to create the future. The best ideas will be built and shown in science centers around Norway.

  1. Enough

Enough – is an Audio / Visual odyssey through procedural worlds , physical simulations, and hand crafted audio, all in the form of an interactive picture book.

  1. Super Top Secret

Super Top Secret – particles liquid-like feature to play with, line-drawing text effect and finally interesting case study. All these details make STS website outstanding.

  1. We ain’t plastic

We ain’t plastic – personal portfolio website of UX Designer & Creative Technologist Roland Lösslein

  1. Edwin Europe

Edwin Europe – a new online store for Edwin jeans – a visual shopping experience for an innovative denim brand.

  1. VOID

VOID – experiment with new visual and sonic concepts and technology.

  1. 3D Photogrammetry feat. Motoko Kusanagi

3D Photogrammetry feat. Motoko Kusanagi – Japan’s first studio for the exclusive use of photogrammetry. The days of ghosts residing in cyberspace are not a distant future…

  1. Madeo

Madeo – internship for the future PHP and Front-End Developers

  1. Dinosaurus: Jurassic Facts

Dinosaurus: Jurassic Facts – an illustrated and interactive guide to 7 dinosaurs from the Jurassic Park series, including one new dinosaur!



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

17 de junio de 2015 // Publicado en Diseño

Best_websites2

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

  1. Page Transitions

Page Transitions – a showcase collection of various page transition effects using CSS animations.

  1. CSS Button Hover Effects

CSS Button Hover Effects – the idea was to use CSS in a way to make buttons more fun, or interesting.

  1. Animatia

Animatia – pure CSS3 Image Hover Animations.

  1. CSS Animated Effects Navigation

CSS Animated Effects Navigation – a collection of various CSS hover effects for texts and links. The effects are really simple and they have been inspired by a Codrops article. There are 15 effects here, you can choose the one that adapts to your site. The code can be used personally and commercially.

  1. Page Scroll Effects

Page Scroll Effects – seven nice page scroll effects.

  1. 3D movement effect

3D movement effect – a 3D message made with CSS3 + jQuery that follows user’s mouse movements.

  1. Grid item animation layout

Grid item animation layout – this is a responsive, magazine-like website layout with a grid item animation effect when opening the content.

  1. CSS Menu Animations

CSS Menu Animations beautifull effect to make your app shine!

  1. Instagram filters with CSS

Instagram filters with CSS – ever wanted to recreate Instagram filters on the fly using CSS3 (without needing to open a graphics program)? Now you can!

  1. n3-charts

n3-charts – built on top of D3.js and AngularJS, n3-line-chart creates beautiful charts in AngularJS applications. It is simple and interactive.



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

15 de junio 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. Pauline Osmont

Pauline Osmont – The portfolio of Pauline Osmont, Art Director, Web Designer and Illustrator in Lyon, France.

  1. Uber Brand Guide

Uber Brand Guide – guys form Uber challenged themselves to create a truly digital experience that lets users discover and interact with Uber’s brand identity.

  1. adidas: Be the Difference

adidas: Be the Difference – football is changing. For a team to be successful you need two types of players – playmakers who orchestrate and control everything, and gamechangers who smash the defense and cause chaos.

  1. Apps

Apps – there is only water and fresh apples needed to produce Apps Cider. Nothing else. To illustrate this idea they created a simple interactive game. User can play the cider making action-simulator and see how his favorite drink actually gets made.

  1. The A-Z of YouTube: Celebrating 10 Years

The A-Z of YouTube: Celebrating 10 Years – relive some of YouTube’s best loved videos from the last decade with a game that tests your pop-culture knowledge. Do you know YouTube from A to Z?

  1. Chassol My Ultrascore

Chassol My Ultrascore – visual and sound object made from pieces of reality. Chassol – french music artist – invites you to play and discover another way of seeing music. Let’s create your own Ultrascore.

  1. Lordzlz

Lordzlz – art Director & UX / UI Designer in an Amazing Digital Web Agency to create new products for various companies.

  1. The G.O.A.T

The G.O.A.T – this interactive project uses public votes to help identify the NBA’s Greatest.Of.All.Time (G.O.A.T).

  1. Fivefootsix

Fivefootsix – cute website for branding and design agency.

  1. BLKCND

BLKCND – Black Condensed is the work of Jp Schneider, French Art Director and Graphic Designer.



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

10 de junio de 2015 // Publicado en Plugins

Best_websites2

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

  1. Snap.svg

Snap.svg – is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.

  1. NType

NType – is a 4D communication tool. This part only works in chrome and doesn’t work great yet.

  1. Illustrized

Illustrized – illustrize your photo or yourself live using webgl!

  1. WATable

WATable – a swiss army jQuery table plugin

  1. Vibrant.js

Vibrant.js – extract prominent colors from an image. JS port of Android’s Palette.

  1. Blurr

Blurr – jQuery plugin to create nice blur backgrounds from an image.

  1. Scroll Menu

Scroll Menu – a new interface to replace your old boring scrollbar

  1. Zen Photon Garden

Zen Photon Garden this demo is the epitome of mind-blowing. This epic canvas demo allows for drawing on the canvas with reactive light streams, allowing the user to see the end product of their new line will be.

  1. jQuery Easy Ticker

jQuery Easy Ticker – his animation is absolutely mind-blowing, as letters animate into place and the aspect at which you see the text depends on your mouse position.

  1. FlipBook

FlipBook – circular shapes (radius), animated exploding and returning particles, and mouse listeners to allow the user to control the explosions.



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

8 de junio 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. Boegli Gravures

Boegli Gravures – one of the world leaders in precision embossing.

  1. Esprit Cox

Esprit Cox – take the test and find out the Cox that suits you!

  1. Dimes.io

Dimes.io nice and minilam design. Spend better with Dimes Card

  1. Forgraphic

Forgraphic – is a design studio specialized in creating high quality PSD Mockups and graphic design free resources.

  1. Relab Studios

Relab Studios – is a Melbourne based customer-centric digital agency with core services such as Consultancy, Project Management, UI/UX Design, Website Development and Email Marketing.

  1. Werkstatt Wundersite

Werkstatt Wundersite – a top notch portfolio experience by the Parisian creative studio Werkstatt. Clean & efficient !

  1. Le temps d’un trajet

Le temps d’un trajet – an immersive event website to bring people into the SNCF-STIF web series. Discover 5 episodes (and bonus features) about how people spend their time on the train. Edouard Baer (famous French comedian) will narrate.

  1. Channel Islands Surfboards

Channel Islands Surfboards – well thought design for surf lovers.

  1. Winship Wealth

Winship Wealth – San Francisco Financial Advisors whose website is designed in minimalist style with smooth animations

  1. NewsTech Inc.

NewsTech Inc. – digital product studio from 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 #62

3 de junio de 2015 // Publicado en Plugins

Best_websites2

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

  1. Sigma.js

Sigma.js – is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.

  1. Sketch.js

Sketch.js – lets you get straight to the fun parts of creative coding, without ever having to worry about shims or boilerplate code.

  1. zLayers

zLayers – is a jQuery parallax plugin that allows you to orientate an element based on the position of your mouse to the page’s window, or element’s parent.

  1. Signature

Signature – is a lightweight jQuery plugin that creates an Html5 canvas based signature pad for smooth, touch-enabled signature drawing.

  1. Off Canvas Menus

Off Canvas Menus – with CSS3 Transitions and Transforms

  1. jQuery Roulette Wheel

jQuery Roulette Wheel – allows you to convert a canvas in a random selection roulette.

  1. Starfield jQuery Plugin

Starfield jQuery Plugin – plugin to add a bitchin’ starry background to your website.

  1. jQuery Awesome Cursor

jQuery Awesome Cursor – a jQuery plugin for using FontAwesome icons as custom CSS cursors. Works in Chrome and FireFox.

  1. jQuery Easy Ticker

jQuery Easy Ticker – is a news ticker like plugin, which scrolls the list infinitely. It is highly customizable, flexible with lot of features and works in all browsers.

  1. FlipBook

FlipBook – fully HTML & jQuery driven no Flash Player needed. Works on desktop and mobile devices! You get the same experience on every platform because responsive design makes it look good on all resolutions. Easy to customize with a JSON.



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

27 de mayo de 2015 // Publicado en Plugins

Best_websites2

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

  1. iconate.js

iconate.js – transform your icons with trendy animations

  1. Toolbar.Js

Toolbar.Js – a jQuery plugin that creates tooltip style toolbars

  1. PixelFlow

PixelFlow – an image pixelating filter jQuery plugin using canvas

  1. Table Edits

Table Edits – is a light (1.7k) jQuery plugin for making table rows editable. Built as minimally as possible so it’s easy to extend.

  1. Viewport.js

Viewport.js – ships the document sections with additional properties containing the viewport scrolling position relatively to the sections. A custom scrolling indicator or an interactive navigation menu can then precisely reflect the scrolling state

  1. Jmpress.js

Jmpress.js – build a website on the infinite canvas

  1. Starscroll

Starscroll – a jquery plugin that goes where no plugin has been before – creating a parallax scrolling starfield

  1. jQuery canvas sparkles

jQuery canvas sparkles – a little canvas script to add magicto DOM elements!

  1. Tumblr logo hover

Tumblr logo hover – something different for the logo hover on tumblr… and like the answer to so many questions, gifs were the sollution

  1. Navigation Bar

Navigation Bar – beautifl perspective view for menu bar.



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

25 de mayo 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. ETQ

ETQ – this minimalist website is focussed on creating an optimal experience across all devices. It’s stripped down to the pure essentials, just like their shoes.

  1. Grolsch 400

Grolsch 400 – To celebrate 400 years of Grolsch beer they collaborated with 400 artists and designers to produce individual artworks. The site allows you to explore this story as well as discover each individual piece.

  1. Malte Demuth

Malte Demuth works as an independent Creative Director Online in Berlin. He brings in a decade of work experience to solve high-level First World Problems.

  1. L’amour fou

L’amour fou – an unmissable place in Brussels for burgers & cocktails fans. The website is as delicious as their food.

  1. Clara Rua

Clara Rua – portfolio 2015 of Clara Rua using SVG as a playground

  1. Truth Labs Portfolio

Truth Labs Portfolio – guys form Chicago designeg pretty nice homepage for their agency website.

  1. Beoplay H6 Rapha Edition

Beoplay H6 Rapha Edition B&O Play’s H6 earphones in collaboration with Rapha. The site takes you through the three phases of cycling; Prepare, Race & Recover

  1. Type To Design

Type To Design – world’s first instagram generated font. typetodesign.com, is a site that creates a randomly generated font from the characters of the awesome 36daysoftype.com project (#36daysoftype on instagram).

  1. 4:20 Dead Obies

4:20 Dead Obies – is created to promote a cartoon serie. Each episode, aired at 4:20 on Monday, showcases a member of Dead Obies, a post-rap band.

  1. Artificial Physics

Artificial Physics – is the collection of interactive experiments with Artificial Physics engine made by Kenji SAito.



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

20 de mayo de 2015 // Publicado en Plugins

Best_websites2

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

  1. Animate Text with SVG Paths

Animate Text with SVG Paths – this technique allows you to animate the drawing of text via converting text to SVG paths.

  1. ProgressBar.js

ProgressBar.js – beautiful and responsive progress bars with animated SVG paths. Use built-in shapes or create your own paths. Customize the animations as you wish.

  1. Icons Filling Effect

Icons Filling Effect – an eye-catching filling effect for your icons, that can be used to make a simple page look cool and dynamic.

  1. Seen.js

Seen.js – render 3D scenes into SVG or HTML5 Canvas

  1. Path Animator with JavaScript & SVG

Path Animator with JavaScript & SVG – moves a DOM element along an SVG path (or do whatever along a path…)

  1. SVG.JS

SVG.JS – a lightweight library for manipulating and animating SVG.

  1. Two.js

Two.js – is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.

  1. Lazy Line Painter

Lazy Line Painter – a Jquery plugin for path animation using the Raphaël Library. Implementing this plugin is broken into two parts.

  1. Jim Knopf

Jim Knopf – is a small JavaScript library to create knobs using SVG.

  1. SeuratJS

SeuratJS – is a JavaScript library that extends Raphaël and allows for the creation of vivid animations and pixelated artwork using minimal code.



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

18 de mayo 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. Revelator

Revelator – is the only platform you need to run a music business. Explore what the software offers through an animated story that highlights key features and product UI.

  1. Riga Ghetto Holocaust Museum

Riga Ghetto Holocaust Museum – an interactive window into the story of the Riga Ghetto

  1. Fornasetti

Fornasetti – is a historic design brand, globally known for its ironic and non-conventional style. AQuest has been chosen to redesign the History section of the website.

  1. Signature

Signature – a cultural project initially launched in 2005 with the help of Dennis Hopper, has reinvented itself in a digital format. Each volume will present a different artist according to a particular theme through the use of interviews, photography, video and poetry.

  1. Namale

Namale is a word that comes from the Fijian language and means “Unique Jewel”, it perfectly represents Créations Namale’s products which are all handmade and crafted with the finest materials available.

  1. SpaceLamb Game

SpaceLamb Game – help Bishop the Lamb get back to Earth safe and unharmed after having got into trouble during a long trip through the universe!

  1. Freddie Meadows

Freddie Meadows is Sweden’s answer to Kelly Slater. His passion for surfing and entrepreneurship is one of a kind. To realize his dreams, he needed a new website as his basecamp. Sketches from a paper became design that emerged in close dialogue with Freddie and then to a finished site.

  1. Les Jardins de la Poudrière

Les Jardins de la Poudrière – a high standing promotional Real Estate in Switzerland. Beautiful & ecological way of living in a natural environment. – Isomorphic technology (React)

  1. White Night

White Night – web app that allows you to make the most of every minute of your White Night, Auckland Arts Festival’s one-night arts extravaganza which runs each March.

  1. Perseverance – The HER2 Journey

Perseverance – The HER2 Journey – longform science storytelling about 30 years of breast cancer research and breakthrough



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