Wednesday 10 gold plugins #20

23 de abril de 2014 // Publicado en Plugins

Best_websites2

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

  1. Shine.js

Shine.js – it’s a plugin which gives you a possibility to create nice shadows.

  1. TaggingJS

TaggingJS – jQuery plugin to tagging like a charm!

  1. LetterFx jQuery Plugin

LetterFx jQuery Plugin - a jQuery plugin to apply animated visual effects to text – letters, words & custom patterns.

  1. Multi-Screen.js

Multi-Screen.js – a simple, lightweight, and easy to use jQuery plugin which turns a single page into a collection of screens with animated navigation.

  1. jQuery TreeSelect widget

jQuery TreeSelect widget – a minimalistic jQuery hierarchy select widget used for selecting hierarchy structures in a treeview format.

  1. Multiple select

Multiple select – is a jQuery plugin to select multiple elements with checkboxes :)

  1. True-color Package

True-color Package – a tiny plugin which shows color of color value in your css file.

  1. Emmet

Emmet – is a plugin for many popular text editors which greatly improves HTML & CSS workflow.

  1. Easy Background

Easy Background – with the easy backgrounds jQuery plugin you can add animated and non animated backgrounds to your webpage or any HTML element with only a few lines of code!

  1. Smooth Touch Scroll

Smooth Touch Scroll – is a jQuery plugin that scrolls content horizontally left or right when you swipe it with your finger.



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

16 de abril de 2014 // Publicado en JQuery, Plugins

Best_websites2

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

  1. Intention.js

Intention.js – offers a light-weight and clear way to dynamically restructure HTML in a responsive manner.

  1. Multi-level push menu

Multi-level push menu – is cross-browser compatible jQuery plug-in allowing endless nesting of navigation elements.

  1. Maplace.js

Maplace.js - helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map.

  1. FullPage.js

FullPage.js – create beautiful fullscreen scrolling websites.

  1. Grid forms

Grid forms – are dense forms designed for use in applications that require lots of data to be entered regularly. A tiny Javascript/CSS framework that helps you make forms on grids with ease.

  1. Offline.js

Offline.js – is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail.

  1. Facebook Friend Autocomplete

Facebook Friend Autocomplete – this plugin turns your inputs into facebook friend pickers by adding a list of suggestion from facebook as the user types.

  1. jQuery Popdown Plugin

jQuery Popdown Plugin – sometimes you just need a little popdown to spice up your interface ;)

  1. jQuery Responsive Text

jQuery Responsive Text – a jQuery plugin to set font sizes responsively based on its’ container width. Use jQuery responsiveText to have scalable headlines, build responsive tables and more!

  1. Tocca.js

Tocca.js – just touch 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!


Monday Awards: 10 best websites of the week #18

14 de abril de 2014 // Publicado en Creatividad, Diseño, Usabilidad, Web

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. Tweet Flight

Tweet Flight – the real-time interactive Twitter-powered film clip for the single Preflight Nerves, from Melbourne-based electronic folk band Brightly.

  1. Kaseta

Kaseta – create and design your own (cassettes) from YouTube videos or SoundCloud tracks.

  1. D’Angelico

D’Angelico – beautiful design, great composition and clear layout with loads of whitespace

  1. Noiseboard

Noiseboard – an interactive soundboard demonstrating Noise’s understanding of life in advertising, using their expertise in sound. Simple proof Noise can deliver sound for any advertising situation.

  1. Steve Angello

Steve Angello – minimalist, with nice UI and interesting style.

  1. Sagres Beer Factory

Sagres Beer Factory – take the Sagres Beer Factory virtual tour. What we like the most here, is the idea of app-like menu.

  1. Small Farm Juice

Small Farm Juice – product site for organic juice brand out of Tribeca, NY, Small Farm Juice.

  1. Unterwegs

Unterwegs – super clear composition with beautiful photos and nice typography.

  1. Gilgul

Gilgul – responsive website filled with culinary animated GIFs and stunning visuals.

  1. Gather.ly

Gather.ly – a community focussed on empowering emerging talent in Photography, Fashion, Music, Art, Film and Design within the UK by removing the barriers between talent & opportunity.



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

9 de abril de 2014 // Publicado en CSS, JQuery, Plugins

Best_websites2

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

  1. CamanJS

CamanJS – is (ca)nvas (man)ipulation in Javascript. It’s a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques.

  1. PointPoint()

PointPoint() – is a plugin that helps you draw users’ attention to a specific part of the page. It presents a small arrow next to the mouse cursor.

  1. JQuery Shuffle Text

JQuery Shuffle Text - is a lightweight jQuery plugin able to shuffle any of your text content. Easy to use, it offers a set of settings to customize it.

  1. Tooltip

Tooltip – is a splendid invention. Small detail in web design that plays a big role when it comes to UX.

  1. jQuery Auto Fix Anything

jQuery Auto Fix Anything – fix position of anything on your website automatically with one js call.

  1. Squiggle

Squiggle – use this jQuery plugin to generate a canvas scribble over your text; whilst preserving its context so you can still copy it to clipboard and all the other usual accessibility options.

  1. jInvertScroll

jInvertScroll – it’s a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. It’s extremely easy to setup and requires nearly no configuration.

  1. FadeM

FadeM – a simple, light-weight jQuery plugin that fades in any element on scroll.

  1. jQuery TextFX

jQuery TextFX – is your all in one plug-in for making your text feel good, look good, and animate good. Getting started is easy, all you need to do is download the plugin then include it in your project!

  1. Firechat

Firechat – is a jQuery, Open-source plugin which enables real-time chat. It’s built on Firebase.



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

7 de abril de 2014 // Publicado en Diseño, Usabilidad, Web

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. Photo Bombers

Photo Bombers – is a Treehouse course in which you can build a photo bomb image browsing iPhone app. Nice flat design, loads of whitespace and cool smooth animations.

  1. Folio

Folio – is a fresh and minimal portfolio to showcase your work. It combines a responsive theme with a modern and innovative admin panel in one.

  1. Mailchimp

Mailchimp – a bit old but for those who didn’t see it yet, there will be a lot of fun.

  1. Direct Sound

Direct Sound – headphones provide professional musicians with clear sound while keeping noise out. Quality of this webiste is as good as the product itself.

  1. Tyoulip Sisters

Tyoulip Sisters – known for its quality leather handbags

  1. UX Made

UX Made – is an illustration tribute to historic guitars and the guitar heroes behind them.

  1. Midori Aoyama

Midori Aoyama – interesting combination of illustration and photography.

  1. Complex

Complex – more interviews designed like this one, please! A story about the life & time of rapper Danny Brown and his transition from a Detroit drug dealer to the hipster rap sensation he is today.

  1. The Rise & The rise of David Bowie

The Rise & The rise of David Bowie – take an interactive trip through the changing styles and sounds of David Bowie, using Spotify to experience his extensive back catalogue.

  1. The Strumbellas

The Strumbellas – vivid colors, nice illustration and clean design all these elements make good first impression of this band’s website



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


Shocking News!

4 de abril de 2014 // Publicado en PulpoFresco
For all of you who missed the best April Fools pranks ;)
Enjoy!

Wednesday 10 gold plugins #17

1 de abril de 2014 // Publicado en Plugins

Best_websites2

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

  1. Prezento

Prezento – a jQuery plugin to showcase your web designs.Show off your responsive web designs. Include the plugin, apply the settings and you’re ready to impress your visitors!

  1. Stickyfloat

Stickyfloat – this plugin makes it possible to have a fixed position element that is relative to it’s parent. A normal fixed positioned element would be “out of context” and is very difficult to use in the most common situations with fluid designs.

  1. StickyJS

StickyJS - is a jQuery plugin that gives you the ability to make any element on your page always stay visible when scrolling the page.

  1. Alertify

Alertify – is small library for presenting beautiful dialog windows and notifications. It is easy to customize with CSS, has a simple API and doesn’t depend on third party libraries (but plays nicely with them).

  1. Long Press

Long Press – is a jQuery plugin that eases the writing of accented or rare characters. Holding down a key while typing will bring a bar with alternative characters that you can use.

  1. Bacon!

Bacon! – is a jQuery plugin that allows you to wrap text around a bezier curve or a line. This gives you a great deal of typographic control, and as illustrated by the plugin’s home page, the ability to put bacon strips in the middle of your designs.

  1. Shuffle Text Effect

Shuffle Text Effect – it creates an interesting effect that randomizes the content of a text element.

  1. Supersized

Supersized – is a fullscreen background slideshow built using the jQuery library.

  1. Three Sixty

Three Sixty – is a jQuery plugin that creates draggable 360 degree views. You have to provide the plugin with the path to a collection of images of your product (shot from different angles) and Threesixty.js will assemble them into a interactive view.

  1. jQuery Countdown Timer

jQuery Countdown Timer – is a jQuery plugin that shows the remaining days, hours, minutes and seconds to an event, and updates the remaining time with an animation every second.



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

31 de marzo de 2014 // Publicado en Creatividad, Web

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. ctOS

ctOS – wiretapping is the tip of the iceberg. In Ubisoft’s upcoming Watchdogs, the entire city of Chicago is controlled by a central operating system. And Blume is expanding to your city soon.

  1. Marc Loericke

Marc Loericke – pretty nice designed portfolio of a young German Interface Designer.

  1. Stereo

Stereo – interesting website with smooth transitions, design, great sense of composition and nice colors.

  1. Cheval Blanc

Cheval Blanc – beautiful full-width photos, nice navigation and great UI, these elements make this website stands out of the crowd.

  1. Just Bespoke

Just Bespoke – service for discerning couples with cute photos, nice typography and perfect UX.

  1. UX Made

UX Made this website of a user experience consultancy from Amsterdam made us smile! :)

  1. Iuvo

Iuvo – well designed portfolio of a User Interface & User Experience Designer & Front/Back end Developer who builds web pages on Drupal.

  1. Joy Intermedia

Joy Intermedia – is a creative agency based in Wrocław, Poland with outposts in Warsaw and Jakarta. We want to delight, surprise and inspire.

  1. Orkestra

Orkestra – forget redundant marketing strategies, long-bearded advertising gurus and words as long as your arm that mean absolutely nothing…

  1. Noah Movie

Noah Movie – digital campaign for Darren Aronofsky’s new film NOAH. The campaign follows a 3 chapter narrative including teasers, interactive experiences and an enhanced main site.



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


Tips to create a strong portfolio

28 de marzo de 2014 // Publicado en PulpoFresco

Best_websites2

Following article is a translation of original post from f5.

Well designed portfolio is a key to start great cooperation and build your career. Keep in mind that it’s not only about showing your projects, the more important thing is to tell the story about them. To do so, photos and text should stay organized to make a compact whole one piece. Just like a good plot, project should include: introduction (research), expansion (sketches, wireframes, prototypes), climax (design) and sum up (realization and implementation). The presentation should also show the aim of this project, what for it was designed and what are advantages for the user. It is also important to remember that nowadays portfolio has changed. Now it’s something more than just a static website – it shows your activity amongst social media.


Adding these tips to your portfolio can have massive impact to your career. So don’t waste your time, get some useful work done ;)


Wednesday 10 gold plugins #16

26 de marzo de 2014 // Publicado en Plugins

Best_websites2

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

  1. FLICKERPLATE

Flickerplate – a cool jQuery plugin that lets you flick through content. So simple to use, fully responsive and touch enabled and it’s only 12kb in size.

  1. Placeholdem

Placeholdem Placeholdem is a JavaScript plugin that animates placeholder carets on inputs and textareas. The placeholder value will incrementally delete on focus, and restore on blur.

  1. Custom Controls

Custom Controls - you can set the default navigation to false navigation: false and have your custom buttons to navigate the 360 slider.

  1. StickUp

StickUp – a simple plugin that “sticks” an element to the top of the browser window while scrolling past it, always keeping it in view. This plugin works on multi-page sites, but has additional features for one-pager layouts.

  1. Masked Input

Masked Input – it allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).

  1. jQuery Switchbutton

jQuery Switchbutton – a jQuery plugin which enables you to create easy and fast cool swich buttons.

  1. Slick

Slick – the last carousel you’ll ever need Fully responsive. Scales with its container. Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Infinite looping.

  1. Foggy

Foggy – is a jQuery plugin for blurring page elements. It supports IE (8 and up), Firefox, Safari and Chrome.

  1. Spoiler Alert

Spoiler Alert – smooth animated scrolling & vanilla JavaScript. Similar to the solution we are using on Adtile’s site.

  1. BackgroundCheck

BackgroundCheck – automatically switch to a darker or a lighter version of an element depending on the brightness of images behind 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!