Break These Bad Habits for Good to Become a Better Content Manager

It’s never been easy to be a content manager. Cooperating with numerous people: clients, creative directors, marketing managers and designers can take a toll of your patience and passion. In this working process it is really important to act professionally. Still, there are hundreds of factors that could influence badly your career.

Bad Habit #1: Making your copy “good enough”.

Content managers are often under pressure so they have to write good enough texts. If the copy is of a low quality the page will be dragged down in Google results. If you write for yourself, you decide how good your copy should be, but if you are writing for a boss and he understands this principle, just good enough copy is no longer good enough. Low-quality remix is what most content writers do! They take somebody’s text that was already rewritten couple of times. You can make a high-quality copy by analyzing up to dozen sources what will help you to make an awesome text. But there are people who lack their own brain activity and as a rule they copy somebody’s works and present it as their own art. The plagiarism can be easily revealed by using special software like The Plagiarism Checker.

Bad Habit #2: Writing only for SEO.

Old habits die hard. For a long time we’ve been trying to optimize texts according to some modern SEO principles, but this is not enough. The copy should be not only optimized but also original, engaging and useful. You need to write copy that would be liked by your readers and would be gladly shared through the social medias.

Read More

Making Each Pixel Count: Unusual 8-Bit Posters by Eric Palmer

The idea of 8-bit posters’ showcase stems from the nostalgia feeling about game consoles and set-top boxes which were crazy popular in 80s-90s. The images in those computer games were built on the pixel technology and so our today’s roundup about 8-bit posters is tightly connected with the pixel art. Actually, pixel art is the special form of digital art where the image is edited on the pixel level and has low resolution and limited color scheme. One of the main peculiarities of the pixel image is the absence of anti-aliasing feature so when you are looking at the image you can see each separate pixel. But from the other side, this particular feature makes the pixel image special and well-recognizable from others.

In this collection of 8-bit posters we include great works of American designer Eric Palmer who is creating movie posters, combining pixel images with the video game illustrations from 80s. These attractive movie posters and pictures are returning us to 8-bit gaming times when the computer science just started to gather headway.

Kill Bill 8-Bit Poster

* * *

Harry Poter 8-Bit Poster

* * *

Iron Man 8-Bit Poster

* * *

Read More

Comprehensive CSS3 Transition Tutorials

CSS3 together with HTML5 and jQuery were the most rapidly growing technologies for last two years. Nowadays we can learn almost every single CSS3 tool because it is vitally important to operate all of them. Today’s post is devoted to CSS3 transition effect. CSS3 transition allows you adding an effect with changing from one style to another, without any Flash or JavaScript animation usage. This technique is getting more and more popular among web developers designers due to its simple technical requirements. You should know that if you want to add transition effect you must use special prefix for each type of graphic engine. Here is a short guide for you:

  • Internet Explorer does not yet support the transition effect
  • Firefox 4 requires the prefix -moz-
  • Chrome and Safari requires the prefix -webkit-
  • Opera requires the prefix -o-

Below you’ll find best CSS3 transition tutorials that we’ve collected for all CSS3 junkies out there. Please feel free to share those tutorials that we might have missed. Have a nice Friday and stay with Design Float Blog!

CSS3 Transitions And Transforms From Scratch

CSS3-transition-tutorials

* * *

Animated Buttons using CSS3 Transitions and Transforms

CSS3-transition-tutorials

* * *

Blur Menu with CSS3 Transitions

CSS3-transition-tutorials

* * *

Read More

WordPress Responsive Plugins to Improve Your Website

The galloping invasion of mobile technologies rapidly spreads all over the planet dictating new standards. Responsive web design has become one of the hottest trends of 2012, and it is obvious that all major companies are trying to keep up with it. WordPress users have wide choice of various tools that would help them in making their website more sensitive to the screen resolution. Here is a list of the most popular WordPress responsive plugins that you can use to improve your web project.

This list contains various plugins that you can use to accomplish different tasks. For example RSS responsive caption will resize images for your RSS feeds, FITVids is the best plugin to make your video content reachable on mobile devices, Fluid Images will re-size all images on your websites to make them mobile-friendly. Feel free to check out all these great tools and use them to catch up with the mobile revolution.

WP Orbit Slider

wordpress-responsive-plugins

* * *

FitVids for WordPress

wordpress-responsive-plugins

* * *

Read More

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