Examples of Creative New Effects in Website Design

Web design is always about creativity and uniqueness. But what should we bring into play to reach this level? It’s really important to include visual proportion, color dominance and balance. What else? Don’t forget about some small secrets that will be useful and indispensable for building your web project. Those are creative web design effects which definitely make your website really outstanding and popular. Design is in the details, so even if your website has classic layout with simple style, the new impressive effect can change the whole presentation for the better.

In this roundup you will find a great selection of templates which have such great web design effects as non-standard slideshows, unusual images shapes, flying out elements, arrows and ribbons, original frameworks for introducing texts, different animation effects, non-standard placement of menu categories, moving photo gallery and much more. Here you will also find examples of responsive web design – one more popular trend in the design world. We hope that our collection of website templates will engage you and you’ll surely find the perfect design for yourself.

WebGuy Designer Portfolio Full JS Animated Template

creative new web design effects

* * *

J.Jacobs Art & Photography Full JS Animated Template

creative new web design effects

* * *

Read More

Astonishing Retro and Vintage Business Cards Designs

It is pretty hard to overestimate the role of vintage style and this trend will never be outdated due to its wide time horizons. Nowadays many designers use vintage and retro style to impress their clients and we must admit that this smart technique is really effective. Many companies prefer to have vintage elements on their business cards and today we want to show you some creative examples of modern business cards with retro charisma. Be sure that retro design elements will add stylish look and distinct identity to your business card. The best way for creating business cards in retro style is using some grunge textures and elements. So, please enjoy our collection of vintage and retro business card designs and don’t forget to share your work with us. This post is contributed on behalf of great guys from Company Folders.

vintage-business-cards

* * *

vintage-business-cards

* * *

vintage-business-cards

* * *

vintage-business-cards-

* * *

Read More

Get an Awesome Customization with jQuery Drag & Drop Plugins

Need to install a drag-n-drop feature to your website? Look no further, this post includes 14 impressive jQuery Drag & Drop Plugins, so all you need to do is to choose between them. jQuery allows you to create stylish and user friendly websites that are not only attractive, but are also very lightweight what makes them load quickly. This is the one of the main reasons why jQuery has a special place in the field of web development. Here we’re sharing the plugins that will make the interface of your website unequaled, just be creative.

Dragging and dropping can be a very intuitive way for users to interact with your website. People often use drag-and-drop for things like:

  • emails from folder to folder;
  • items in the lists;
  • some objects in games (cards or pieces of puzzle).

As of late, dragging and dropping feature was very hard to do — in fact, it was nearly impossible to get a decent/working cross-browser version. Now with modern browsers and some knowledge of jQuery, drag-and-drop feature is a piece of cake! Good luck with your upgrades.


jQuery mb.containerPlus


This is a useful plugin to build full featured and fully skinnable containers. The container can be set to draggable, resizable, collapsable and minimizable.


$(".containerPlus").buildContainers({
containment:"document",
elementsPath:"elements/",
onCreate:function(o){},
onResize:function(o){},
onClose:function(o){},
onCollapse:function(o){},
onIconize:function(o){},
onDrag:function(o){},
onRestore:function(o){},
});

***


jQuery Reel Plugin


Reel is a jQuery plugin which takes an image tag and makes it a live “projection” of pre-built animation frames sequence. Its aim is to provide a 360° view of something or someplace. Great alternative to widely used Flash and Java techniques.


$('#my_image').reel()
$('#my_image').reel({ frames: 27 })
$('#my_image').reel({ klass: 'MyThreeSixty' })

***


CropZoom


CropZoom is a plugin that lets you select an area of an image and then crop it. With this tool you will also be able to zoom in or to zoom out, to drag and rotate an image.


$.fn.cropzoom = function(options){
$options = $.extend(true,$.fn.cropzoom.defaults, options);

return this.each(function() {

//Verificamos que esten los plugins necesarios
if(!$.isFunction($.fn.draggable) || !$.isFunction($.fn.resizable) || !$.isFunction($.fn.slider)){
alert("You must include ui.draggable, ui.resizable and ui.slider to use cropZoom");
return;
}

if($options.image.source == '' || $options.image.width == 0 || $options.image.height == 0){
alert('You must set the source, witdth and height of the image element');
return;

***


jquery.event.drag


A jquery plugin that adds complex drag interactions, to any element, simply and powerfully.


$('#demo1_box')
.bind('drag',function( event ){
$( this ).css({
top: event.offsetY,
left: event.offsetX
});
});

Read More

Double Exposure Photography – Reviving Vintage

Have you ever heard of double exposure technique? Well, in case you get to the end of the article you’ll able to even make such photos yourself – all you’ll need is you creativity and some luck. Double Exposure is a technique achieved by combining two images into a single one. The technique is achieved either by taking two pictures on the same frame of the film or by printing two images on the same photo paper. When used accidentally the technique can ruin the shot. When done correctly, double exposure appears on a photograph as if one image has been superimposed over another. The result can be also achieved by covering the part of the lens and taking a shot, then covering the other part of the lens and taking a shot again on the same frame. Ideal double exposure shots can be done with a camera set on a tripod though it requires a bit of compositional skills and a bit of luck with lighting.

Tip: Its incredibly simple to do this effect with older cameras. You need to take the first picture with darker background and the second with lighter.

Some modern cameras have a “double exposure” option it overlays one shot over another. As always it’s much easier to use some computer software for this purpose like Photoshop but our today’s purpose is to deliver the information on how to create this effect without using any software.

***

***

***


Read More

Dashed Lines as New Web Design Trend

If you are looking for something remarkable for your website’s design, the best way is to implement the latest design trends. Today wed like to review the most interesting and unusual design trend – the dashed lines which are on the wave of popularity now. You can start thinking about their usage capabilities for different websites, but we can convince you that this universal trend will be perfect for any kind of business in which the visual aspect matters. Web designers are using the dashed lines both for strict and stylish websites, colorful and informal ones. It is explained by the fact that with the help of dashed lines you can create the visual logical connection between elements of the website, show the direction or the path, separate website’s categories or just put all parts in order on the page. So we offer you to look through this wonderful collection of websites and web templates which have the dashed lines in their design:

Appmiral.com

* * *

Flairbuilder.com

* * *

Boobebe.com.br

* * *

Read More

A Brief History of Business Cards

You will be forgiven for making the assumption that business cards, as we know them, were invented in the 1980s, the decade that corporate was in the bandwagon list. Sorry to tell you, but you’d be wrong. Business cards have been in use for many, many centuries. Almost as soon as companies and individuals savvied-up to the idea of advertising their services, business cards have been around. Here we take a quick dash through the decades to look at the origins of that humble, yet invaluable, 3.5 by 2-inch rectangle of card, tracing the development from its invention back in the 15th century up to today’s examples – which more often than not aren’t even made of a card!

Visiting cards

Experts tend to agree that the origins of the business card can be traced back to China 15th century. They were known as ‘visiting cards’ and served as a calling card to announce one’s intention of meeting with another individual. They could also be handed at the door of elite establishments so that the owner of the establishment could decide if permitting a meeting was worthwhile. Visiting cards were an essential self-promotion tool of the upper classes, a personal advertisement and a basis of forging an introduction.

business cards history

Image credit

17th Century

The practise of exchanging cards soared during the 17th century, particularly in Europe. The highly mannered reign of Louis XIV is considered to be the calling card heyday, where an individual’s success or failure in society often depended on the strength of their personal promotion.

Image Credit

Business card etiquette

During the 17th and 18th centuries, a strict protocol existed to ensure that calling cards were employed correctly. If a gentleman wished to call on a lady, he had a lot to think about. On making a first call, he had to make sure there is a separate card for each lady of the household. Alternatively, he could fold his card down the middle to indicate it was meant for all members of the household. Cards had to be left with the servant; admission to the house would only be permitted after the hostess had examined the card. Calling cards were to be collected on a small tray kept in the hallway, which would be presented by a servant on the palm of his left hand. While a gentleman may carry his cards loose in his pocket, a lady should use a card case. If the gentleman received no acknowledgement of his card, he had to accept that there would be no continuation of the acquaintance. And on no account was it ever acceptable to sneak a peak at cards that had been left by other callers.
Read More

Intriguing Play of Shadows – Photography Showcase

It is a well-known fact that people adore playing with their shadows. It is like seeing the dark reflection of your personality, looking into alternate dimension where you can find the answers to all important questions. Shadow is a great object for the photo art and we’ve decided to devote our Friday post to shadows. Indeed, photographers adore playing with shadows and creating mesmerizing imagery. It seems that most of the photos that we’ve included to our showcase have deep philosophical background which makes them remarkable and deeply intriguing. We sincerely hope that our showcase of shadow photography will inspire you to create more artistic photos. Have a nice Friday to all of you dear readers!

The Thought of Me Kissing You

creative-shadow-photography

* * *

Shadows

creative-shadow-photography

* * *

A Hundred Million Suns

creative-shadow-photography

* * *

Read More

Inky Deals Spring Bundle. Get More for Affordable Price!

The long-awaited spring has come and it’s a pretty good occasion to dress up your designs. How can you do it? With the cool promo from our friends Inky Deals. These creative guys offer you the high-grade goodies that will make your designs bright, effective and highly creative. So, what do you think about the Spring Bundle that you can get for the affordable price?

Within this bundle you’ll get a variety of vectors, Photoshop brushes, textures, illustrations, icons, fonts, t-shirt designs, UI Elements, image effects and even more items of useful stuff that can inspire you for great designs.

Just imagine: everything a designer needs in a single Spring Bundle!

The main point is that you get the whole pack that is valued at $935 just for $49. It means that you save about $900. Great, isn’t it?

The terms of the deal are quite simple. The files are delivered as an instant download, the license is royalty free, the usage is permitted for a single user/buyer, you are not allowed to share, resell or redistribute.

Check out the cool examples from this Spring Bundle:

Here is the whole list of items included in it:

  • Helios Pro Font Family 6 Fonts/550
  • 4 Texture Packs – 100 High Resolution Images
  • Premier Icon Bundle – Over 270 Icons
  • 20 Japanese Vector Illustrations
  • 20 Vintage Frames Illustrations
  • 20 Gold Vector Illustrations
  • 20 Tropical Summer Vector Illustrations
  • Drop Shadow Generator Photoshop Action
  • HDR Image Photoshop Action
  • Floral Photoshop Brushes Pack 34, 35, 35, 37, 38 – 20 Brushes
  • Infographics Elements PSD – 21 Elements
  • Certificate Vector Templates – 19 Templates
  • Calligraphic Vector Ornaments – 23 Ornaments
  • Unique Origami Chat Bubbles – 4 Designs
  • Elegant Website UI Elements- 32 Elements
  • Simple Retro Vector Badges – 8 Badges
  • Carbon UI Elements – 35 Elements
  • Blank Vector Stickers – 30 Stickers
  • 10 T-shirt Designs
  • Seamless Patterns Mega Pack 8 – 60 Patterns
  • Mythical Creatures Vector Pack 6 – 6 Vectors
  • Complete Set of Web Ribbons – 51 Ribbons

The bundle deal ends Tuesday, 3rd of April 2012. Hurry up to get it!

 

The Art of Contrast – Clashing Color Schemes in Website Designs

What catches your eye first when you are opening the website? Of course impressive design in which color contrast plays one of the main parts. Contrast is the secret spice which gives your web project the special touch of uniqueness and individuality. But color contrast is not just the designer tip, it’s also an important tool which should make the page accessible and usable for all visitors. The main principle of the contrast is the visible difference between two or more colors that makes the outstanding effect on the website. The method of clashing color scheme will be really helpful in separation of the header, content area and footer. Actually you can play with the contrast as much as you want, creating new schemes and combinations which will suit your project. But remember that contrast is the special art which demands designer’s skills and good taste. So while choosing the appropriate color contrast theme for your website, it’s quite important to keep in mind all these principles.

Today we offer you the great selection of website templates which are made with effective color contrast design. So check out and use them in creation of your best web projects!

Salut Business Flash Site 8 Template

* * *

Wilson Group Design Joomla 1.5 Template

* * *

Read More

1000 Business Cards for Free from 1800Postcards.com!

Looking for the high-grade creative stuff? 1800Postcards.com offers you an opportunity to win 1000 custom business cards! Don’t miss this great chance to get the fresh goodies from the high-end printing firm.

So, why trust 1800Postcards.com with your design work? The answer is simple – these guys know a thing about working out creative products and printing. All their products feature a strict set of best practices and production quality. Choosing them, you can be sure in their high quality. Custom business cards, brochures, custom flyers, posters, custom postcards, banners, custom stickers – this is the wide range of products that you can find in the gallery of 1800Postcards.com. As you see, they do much more than just business card printing. And you can always find everything you need to support your business in the catalogue offered by this company.

The Giveaway

Winning the 1000 Free Custom Business Cards is easy… Just click on the “Participate” widget below and leave a brief comment on this post tell why you should win. 2 winners will be selected. Only US residents are eligible. Winners will be announced April 6th.

Step 1
Participate by Clicking on This Link and Entering Your Info

Step 2
Leave a comment telling us why you should win.

Step 3
If you tweet @1800Postcards a pic of your finished product you will receive 10% off your next order!

Good luck!