Freebie: Unofolio – One Page Portfolio With Cool CSS3 And jQuery Effects
Today I am happy to reveal to you a freebie that I’ve been working lately and which I want to share with you for following this site and its articles. The freebie is called Unofolio and is a one page portfolio with cool CSS3 and jQuery effects.
I made this one page portfolio template because there are a lot of people who don’t have the time or skills to create something like this and it is easier to just grab a template and make some modifications to adapt it to their desires.
The template is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.
A download link is at the end of the post.
Preview
Among the features of this beautiful and efficient one page portfolio you have:
- 3D Vertical Rotating slider which fades nicely in unsupported browsers
The slider is customizable in various other ways than 3D vertical rotation. You can check the whole set of features that can be applied to it here.
- Animated skills diagram which can be customized
- Cool gallery effects made possible with CSS3
- Working contact form
To set the contact form, simply open contact-send.php and replace on line 10 the email that is in there with your own.
- CSS3 social media icons
Besides the icons that you see in the demo and in this following image, there are also available icons for deviantart, flickr, pinterest, tumblr, skype, youtube and vimeo. They are declared in the CSS file so all you need to do is use them the same way the others are used in index.html.
You can download this freebie by “buying” it with a retweet. I know some of you may consider this a douchebag move but there must be a way to reward me for my efforts and this is it. Instead of paying a few bucks for this template, you can just retweet it at a zero cost. I will launch future freebies depending on how many retweets (downloads) this one will generate. If my work is appreciated and you like free items I will be making some more in the future.
To be sure that you will receive updates on future freebies released through this site, make sure you subscribe to the RSS feed.
If you want to report bugs or ask for assistance regarding the template use the contact page of this site and please mention it is regarding Unofolio.
Credits for the items that were used in the making of this One page template:
- Icons in the menu made by PremiumPixels
- The slider used is Refineslide by Alex Dunphy
- The skills effects are made by Marcin Dziewulski for Codrops
- The thumbnail effects are taken from another Codrops article called Filter functionality with CSS3
- The CSS3 icons were made by MediaLoot
- The lightbox for images that I used is prettyPhoto
- The images of illustrations, logos or WordPress themes designs that you see in the demo do not belong to me
You will definitely like these articles
- The Recently Released Webdev Resources You Would Need
- Download A Free Job Board CSS / XHTML Template
- Premium Wordpress Plugins That Are Actually Worth Buying
- New CSS And jQuery Tutorials For Newbie Web Designers And Not Only
- Useful jQuery Tooltip Plugins That You Could Use On Your Web Projects
from Design your way http://bit.ly/WgldYa
Showcase Of Creative Packaging Design Inspiration – 26 Examples
Packaging needs to be smarter and more creative in the future for various reasons. Till now, when once in a while a creative package design was created it made a real buzz in the market. However, the world of packaged goods is becoming mature and is used to seeing good package designs, making the market rather saturated.
If you look at your local supermarket down the aisles you will only see product package designs that are almost identical, being differentiated only by color, which in terms of engagement with the consumers, doesn’t do any good.
If a company wants its products to mean something in the market, it has to start with the product’s package design. The design must be creative, engaging, perhaps outrageous, attention-grabber and more importantly, distinctive. The examples that you see in this article fall into these categories, being not only good, but in fact amazing designs from which you can get inspiration for your future projects.
The big brand theory
Creating a series of experimental packaging design based on the principle of BIG BRAND THEORY. The main focus is to have each brand’s identity meticulously and uniquely cropped out of the packaging as much as possible yet maintaining it’s integrity and comprehension at the same time enhancing the aesthetic value
WINES OF THE WORLD
The cork is a sign of humility, an object of little value, often used as art supplies, as a simple and easily manipulated element with which to play and create. The use of cork gives it the air of something simple, characteristic of an everyday product. The cap is the element that unifies and personalizes the entire line. The reason designed for each label refers to the country of origin
The Real Cookbook
The first and only Cookbook you can actually read, cook and eat. Made out of 100% fresh pasta it can be opened, filled with ingredients and finally be cooked. Packaged as classic lasagna. The Cookbook was designed as a special project for a large publishing house
Fisherman
Mr. Chocolate
Scrabble Typography Limited Edition
Naked Beer
There are many beer cans with different design. And there is only one that shows what really is inside. Why hide what good beer looks like?
HP cardboard briefcase transforming into a cardboard workspace
Adobe Creative Suite 6
John Walker Diamond Jubilee
La Distributrice
The Distributrice reinvents the takeout coffee service by taking over the smallest commercial space in Montréal. Next to one of the most popular subway station, a barista serves you espresso, americano and latté directly on the street
Solitaire.exe Playing Cards
Ikea’s Food Packaging
Pavan
A bit showy, a bit shy like the peacock that adorns its bottle. Fine muscat grapes and orange blossoms compose the heart of this delicate and complex liqueur. Refreshing with sparkling water or alone on ice, Pavan is also perfect with vodka, gin, tequila and champagne. So don’t be shy, raise your cocktail
Tabasco
IKEA Cardboard Digital Camera
Chocolates With Attitude
The personality is expressed through a unique quote, a unique design and a unique type of chocolate. The design differentiate the 12 personalities with a diverse and colorful use of typography and the small boxes are round like tiny hat boxes. The chocolate is created by Coca Luxery Chocolates from unique recipes. Everything was developed from the ground.
Stranger & Stranger card deck
Salvatierra
Salvatierra is a brand specializing in premium organic goods from several Latin American countries. The products range from coffee to sugar to delicious and diverse cooking oils
Take away food packaging for Jamie Oliver at Gatwick
With Jamie’s Italian and Union Jacks under it’s umbrella, Jamie Oliver’s presence at Gatwick Airport needed more than just an awkward blend of the 2 brands. We created a whole new identity based on the joy of flying and travel and wished the new enterprise Bon Voyage!
Airport City codes were used for all the food packaging:
PZA – Pizza
MFA – Muffelata (stuffed foccacia)
HOT – for coffee
JMO – for the man himself
Heineken
Hangar24
Chivas Regal
Marvel sunscreen
Zeri Crafts
Sephora + Pantone Universe
You will definitely like these articles
- More interesting Food Packaging – 38 Examples
- Creative Designs Of Wine Packaging – 40 Stylish Examples To Inspire You
- Interesting Alcoholic Drinks Package Inspiration – 42 Examples
- The Latest High Quality Package Design Inspiration
- New And Clever Food Package Design Inspiration
from Design your way http://bit.ly/YDxtSA
Showcase of Recent Websites With Really Good Design – 32 Sites
When it comes to recently launched websites that get a lot of appreciation thanks to their design, you’ll notice that they don’t have a standard layout. Instead they organize it in an outrageously new manner, probably after making an user experience study, and people like it. Maybe this is their way of saying that remarkable sites aren’t built with frameworks and with limited standards that everybody uses.
The sites in this article are mostly based on really interesting layouts, which are making the sites more enjoyable. They are mostly presentation sites, and not sites that sell directly a product, cause in that case the structure would be completely different.
silktricky.com
zippergaleria.com.br
combadi.com
awesomenyc.com
carbonstudio.co.uk
nationalacademy.org
au.bellroy.com/pages/slim-your-wallet
rockwerchter.be
tobiasahlin.com
supersteil.com
magicleap.com
fff.cmiscm.com
letters-inc.jp
thisisthebrigade.com
madebyshape.co.uk
thisismyonlineportfolio.com
browserawarenessday.com
smootiz.fr
fivetailors.com
rei1440project.com
jankoatwarpspeed.com
readbetweenthelines.com
thinglink.com
danielhopwood.com
bel50.com
tapmates.com
investor.rentjiffy.com
libmagazine.com
racket.net.au
codeguard.com
sheltonfleming.co.uk
mashable.com
You will definitely like these articles
- Exceptional New Examples Of Web Design Inspiration – 34 Websites
- 28 Intriguing Launching Soon Pages
- The Latest Website Designs For Inspiration
- Awesome Examples Of Horizontal Scrolling Websites – 33 Examples
- Fresh Websites For Inspiration That You Should See – 33 Examples
from Design your way http://bit.ly/14aSTXH
Scarlett Johansson
Creative Typography Inspiration – The Latest And Best Designs
Since the rise of digital typography, this beautiful art has known an expansion in styles and ways a typeface is designed. You can now make a typographic design in Illustrator, Photoshop, Corel, 3DSMax and various other programs depending on how you want the output to be, 2D or 3D.
This makes room for the designers’ imagination which can make beautiful typographic illustrations in all these programs. The designs from this article are one of the most creative that were published or released online since the last typography article that I published. You can even say that this is the best typography inspiration since then.
WWF: Stop global warming
Dollar
The future
Dripping in Gold
Foster the people
Lukas Karasek
Life in Stereo
Republika Ksiazki
Always Handpaint
Chainless typeface
Growing Types
Bruno Alves
Get it
Heri Irawan
Plau Type
Q by Stefan Chinof
27 Ambigram
Think More, Design Less
Colorful typeface
Journey through your mind
Creeps Decoration type
I love dust
I’ve only got forever, and forever is fine
Performics Typography
Always Stay Golden
Spirit of Giving
Sniper
Let’s Fly
Non – commercial advert for Zippo by Bartek Wilczyński
Look Beyond the Surface
Work by Mark Urtasun
Your Type of Book
Why do I, and everyone I love, pick people who treat us like we’re nothing?
Alphabetica Finished by Matthew Tapia
The End Art Works
You will definitely like these articles
- Typography Showcase At Its Best – 68 Creations
- Recent Examples Of The Awesome Art That Is Typography – 51 Pictures
- Making Art With Fonts – 39 Typography Designs
- New Type Experiments Worth Checking Out – 40 Examples
- Showcasing The Art Of Vintage Typography Designs
from Design your way http://bit.ly/V0Zyzq
La oficina, el primer gran reto.
Después de tres años y medio de grandes cosas para Color al Cuadrado, tengo que reconocer que haber decidido tener una oficina fue el primer gran paso. Quiero compartir con usted lo que esta decisión significó para nuestra empresa…
Dos computadores personales y el escritorio de mi cuarto fueron los activos con que arrancamos el proyecto, siete meses mas tarde cuando entendimos que teníamos que llevar el negocio a otro nivel, tomando un riesgo importante, nos encontramos sentados en lo que para ese momento era nuestro mayor incentivo… nuestra nueva oficina! 28 metros cuadrados amoblados con ideas y mano de obra nuestra, se convertían en una responsabilidad que nos impulsaba con una fuerza increíble.
Así es que si tiene una gran idea y cree que es tiempo de dar un paso adelante, tome una oficina tan pronto como le sea posible, responsabilidad y formalidad son las herramientas que en poco tiempo lo tendrán trabajando a un ritmo que nunca se imaginó.
El proximo tema:
El diferencial: La ventaja competitiva
from Color al cuadrado - Blog http://bit.ly/Xf7D14
xwidep: Perspective.
conchesumadres: Así con los Don Juanes
theartistintheambulance: nerdypartyman: I look at this and…
I look at this and think
And I would walk 500 miles and I would walk 500 more
OH MY GOSH! ^^
from T00 Much Caffeine http://bit.ly/VYi893
