Photoshop CS6 Download

The FIFA World Cup has been and will always be the most celebrated football tournament throughout the years. Various aspects of the game has generated much hype. This includes the official logo design and this year is no different.

The design is important as the logo represents and creates the identity of each year’s World Cup event. When you look at a particular year’s logo, you immediately associate all the World Cup events and highlights from that year. Besides that, the logos try to convey elements of the host country in its design.

Let’s take a look at the logo designs for the World Cup as we take a trip back in time, from the first World Cup event in Uruguay (1930) to modern-day Brazil (2014).

Recommended Reading: Design Resources For FIFA World Cup 2014: 40+ Resources & Tutorials

Uruguay (1930)

The very first World Cup tournament and its poster. The design here has an artsy abstract feel to it yet it’s easily understood – it is a goalkeeper, clad in Uruguay’s flag colors, saving the ball from the goal.

There were only 13 teams participating in this inaugural World Cup.

(Image source: Wikipedia.com)

Italy (1934)

This poster clearly depicts Italy as the host country. The football player featured has part of the Italian flag on his jersey. Even the socks are colored white and green which are part of the national flag colors.

To show that it is a global competition, flags of participating nations are placed in the backgroud.

(Image source: Webexpedition18.com)

France (1938)

The world is at your feet – well, in this poster, it lies under a football too. The stance of the player, is both dominant, symbolizing victory and triumph, and imposing, challenging other nations in a worldwide competition spanning the globe. The colors used are from the French flag albeit in a slightly different shade.

This will be the last year World Cup posters are used to represent the Games.

(Image source: Wikipedia.com)

Brazil (1950)

After two missed World Cup events due to WW2, the World Cup resurfaced in a new host country, Brazil. It was the last first year to sport an official World Cup logo, although the general design was still poster-like. Like the current 2014 logo, the colors from the Brazillian flag are incorporated in the design.

(Image source: Wikipedia.com)

Switzerland (1954)

Switzerland was already trying minimalism in 1954, and boldly does so with a World Cup logo design. The white cross on red, signifies the Swiss flag, and is placed on a red football. The fact that it is a world event is highlighted with the globe design in the background.

The text at the outline of the globe can be roughly translated as World Football Championship in three languages – French, German and Italian, the three most spoken languages in Switzerland.

(Image source: Wikipedia.com)

Sweden (1958)

Sweden backtracks to the poster style albeit with some liberties, with this 1958 World Cup logo design. The letters VM in the background stands for Världsmästerskapet. It translates as World Championship from Swedish.

The ball and the football player completes this simple football event logo design.

(Image source: Wikipedia.com)

Chile (1962)

Featured in the middle of the logo is a stadium. Chile placed their flag in the field to signify that the World Cup would take place on their grounds. Surrounding the stadium is a circle that is half football (top) and half globe (bottom).

The event was slightly marred by a 9.5-magnitude earthquake, and major reconstruction was required to the infrastructures affected.

(Image source: Wikipedia.com)

England (1966)

The design leaves no one guessing as to who is the host of the 1966 World Cup. Flanked by the UK flag, this logo design has a piece of history in it – the trophy you see was the previous trophy design before the current one was introduced in 1974. Also, it was christened the Jules Rimet Cup hence its name as part of the text.

The globe and football are depicted as one, one in shape, the other in color shades.

(Image source: Sportskeeda.com)

Mexico (1970)

Mexico truly stripped down the World Cup logo in this shockingly simple, tradition-defying logo. Using negative and positive space to depict the shape of the football, this logo design marks the start of more to come. The only indication we get that the World Cup was hosted in Mexico is in its accompanying text.

Fun fact: Brazil, having won the World Cup for the third time, takes home the Jules Rimet Cup permanently.

(Image source: Wikipedia.com)

Germany (1974)

Germany, or West Germany to be exact, continued with the single-color design, started by Mexico. At first glance, it would seem that there is nothing to suggest that Germany is the host country. The answer lies in the letters WM, short for Weltmeisterschaft which means World Cup in German.

The year also marked the start of a new trophy design, which continues to be used in this year’s World Cup.

(Image source: Wikipedia.com)

Argentina (1978)

There are two versions of this logo. The other has the flags of participating countries surrounding this. The version shown here is simpler and revisits the flag color and design style – the blue lines surrounding the football represent the Argentinian flag.

(Image source: Wikipedia.com)

Spain (1982)

Spain also took the flag route with their logo design but included more than just their own flag. The Spanish flag is placed prominently in the middle of the logo with the football, and surrounded by flags of participating countries. The design had reason to celebrate. The 1982 World Cup was the first to see an attendance of more than 2 million spectators.

It was also the first year that 24 teams played in the World Cup, All this while, only 16 teams, at most, participated in the event.

(Image source: Sportslogos.net)

Mexico (1986)

Mexico is once again host to the World Cup, and in their second logo design, simplicity still reigns. A football is placed between two parts of the globe, making the connection with the year’s slogan "The World United By Ball".

The national flag colors, red, white and green are displayed prominently by the logo.

(Image source: Wikipedia.com)

Italy (1990)

The first time Italy hosted the event was 50 years back. Not only has the event changed through half a century, the change in logo design has also been massive. It was simple, minimalistic, using only three colors, red and green from the national flag and black.

Germany scored their third championship in this World Cup, the third nation to do so after Brazil and Italy.

(Image source: Wikipedia.com)

USA (1994)

Held in the United States, this logo clearly states where the World Cup was held back in 1994. It features the red and white stripes from the American flag. Where the blue section of the flag should be is a blue football kicked upwards, diagonally.

To date, this was the most heavily attended World Cup event in its history, with close to 3.6 million spectators!

(Image source: Wikipedia.com)

France (1998)

Many have praised the France World Cup logo for being the best and it’s easy to see why. Although the design is simple, it conveys its point and it’s creative. The design features the football "rising" over the the Earth’s horizon, as if it is the Sun. The colors used are from the French flag.

This was the second year France hosted the tournament, and the first time it took home the Cup.

(Image source: Wikipedia.com)

Korea/Japan (2002)

We enter a new millenium and the World Cup logo got a facelift that is more with the times. Designed by London-based firm Interbrand, the logo features a stylized World Cup trophy in prominence whilst incorporating elements from Korea and Japan, the hosts.

The zeroes in 2002 is styled as the infinity symbol to signify the unity and link between the co-organizers and other involved parties.

(Image source: Wikipedia.com)

Germany (2006)

Compared to its 1974 logo design, this version is a lot more colorful and cheerful. It is named "Celebrating Faces of Football" and is intended to portray the emotions and camaraderie one can get in a football match. Two of the faces sitting side by side form 0 and 6 to signify the year 2006.

Germany’s flag colors makes a subtle appearance, adding color to the mix and look, the logo design from 2002 makes a cameo!

(Image source: Wikipedia.com)

South Africa (2010)

So much color! 2010′s logo was designed by Gaby de Abreu from Switch Design and features a silhouette of a person performing a bicycle kick on a football. The red, yellow, blue and green streaks in the background forms the African continent and the South African flag. The trophy design from 2002 makes another, more subdued cameo.

This World Cup was the first to be hosted in the African continent and saw Spain emerge as the champions.

(Image source: Wikipedia.com)

Brazil (2014)

This year’s anticipated World Cup had its logo revealed during the 2010 World Cup in South Africa. It was selected out of the 125 designs from 25 Brazillian-based agencies. Entitled “Inspiration“, the logo was designed by design agency Africa.

The premise of the logo is simple. It forms the image of the World Cup trophy with hands holding up the trophy in victory. The yellow and green represent the golden beaches and the tropics of Brazil, and are the two main colors of the Brazillian flag. The design also refers to Brazil’s five wins in past World Cup tournaments.

Conclusion

It’s fascinating to see how the logos evolve over time. They may not be perfect but they fulfill their purpose to convey elements of the host country of that year’s World Cup event. At the end of the day, it is still a global event, participated by some of the world’s best football players, and watched and followed by football fans from all over.

Which World Cup logo do you think was the most uniquely designed?

via hongkiat.com http://ift.tt/1owXWx8

If you spend lots of time conducting tutorials, it can get a bit frustrating when you have difficulty in getting your point across to your audience. After all, certain things just can’t be explained through images and text. Sometimes, what you need is to record the sequence of actions in a video, so that anyone can both see and listen to the steps in your tutorial to better understand the process.

Today we are sharing with you a list of the top 5 screen recording tools for Mac that you can use for free. It will make the process of creating lessons, tutorials, product reviews, and even presentations a lot easier. If you are looking for free screen recording software for Windows, check out this post here.

Recommended Reading: Record Screen Activities On iOS Devices With Reflector

1. Jing

Jing is a screen capture tool that allows you to capture images, but it also has video recording capabilities. To begin recording, just use the capture tool and drag it to the area you want to record. Once you have selected your area, you can start recording.

Jing includes the option to use the mic when recording, so you can narrate through your steps if that is necessary. It is the perfect tool for creating video tutorials of up to 5 minutes. While you can record your voice, unfortunately, you can’t record your sound system because it’s not designed to capture the system’s audio.

2. Quick Time Player

If you have been using Mac for a while, you’d probably know Quick Time Player is the default Mac video player. But did you know that you could use Quick Time Player to do screen recording too? That’s right, and it’s as easy as opening the player and going to File > New Screen Recording.

You can choose to record your entire screen or just drag your mouse to only select and record a certain area. Best of all, the recording limit is only limited by the available space in your hard drive.

3. Screen Recorder Robot Lite

This is a simple app that you can get from the Apple App Store. Just as one would expect, it lets you select any part of your screen to have it recorded. The video recording only lasts for 200 seconds on the lite version of this app.

The good thing about this app is that your video won’t get watermarked. Besides that, you can also enable the mouse click feature, so that it can detect every mouse click that happens and have them included in the recording.

4. Apowersoft Screen Recorder

This software gives you the ability to do screen recording that can record both your mic input as well your system’s sound. By just clicking on the record button you can then choose to record in full screen, a specific region or only using your web camera. Although the recordings are limited to only 3 minutes per video including watermark, they have a lot other features to justify these limitations.

You can have your videos converted into AVI, MKV, WMV, ASF, 3GP, FLV, SWF or HTML5 directly using the software converter feature. Moreover, you can also create a task schedule to automatically trigger recording at a day and time of your choosing.

5. Monosnap

Monosnap is a screen capture application that is on par with (or probably even better than) the once free Droplr. We say better because unlike Droplr, Monosnap is free and includes features like in-built image editing, the option to upload your files to your own server and finally screen recording.

It also comes with option of turning on your webcam, mic and system’s audio all at the same time before you start recording. If you are connected to your Monosnap account, once you’re done recording, you can immediately upload and share the link with your friends so that they can stream or download it.

via hongkiat.com http://ift.tt/1jlkoYm

WordPress has changed a lot since version 3.8, especially the admin UI theme. Following the masses, the WordPress admin UI now looks flatter, removed of gradients and shadows. It means, if you have a built theme or plugin that used a customized UI, it is time for a makeover.

As an example, here I have added Data Picker in the post editing screen. And as you can see below the calendar’s UI seems a bit out of place.

If you hae the same problem, follow this article as we are going to show you how to adjust this to make your customized UI look more unified with the latest WordPress admin theme.

Recommended Reading: Customizing And Theming JQuery UI Datepicker

Adding jQuery

Before proceeding, first let me show you how I added Date Picker in the WordPress post area like what you’ve seen above.

To begin, we load the jQuery UI script and styles in WordPress admin screen. Add these codes below in your theme’s functions.php file.

 function hkdc_admin_styles() { wp_enqueue_style( 'jquery-ui-datepicker-style' , '//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css'); } add_action('admin_print_styles', 'hkdc_admin_styles'); function hkdc_admin_scripts() { wp_enqueue_script( 'jquery-ui-datepicker' ); } add_action('admin_enqueue_scripts', 'hkdc_admin_scripts'); 

Then we add a Meta Box that will show the calendar.

 function hkdc_post_date_field() { echo '<input type="text" id="jquery-datepicker" name="entry_post_date" value="' . get_post_meta( $post->ID, 'entry_post_date', true ) . '">'; } function hkdc_post_date_meta_box() { add_meta_box('entry_post_date', 'Date', 'hkdc_post_date_field', 'post', 'side', 'default'); } add_action('add_meta_boxes', 'hkdc_post_date_meta_box'); 

After adding the lines above, a new meta box along with an input field should appear in your WordPress post-editing screen. But nothing will yet to happen, as we have to initiate the jQuery Date Picker to the input field.

So let’s create a new JavaScript file named admin.js, and add the following JavaScript codes. Save it in a folder named js.

 (function($) { $('#jquery-datepicker').datepicker(); }(jQuery)); 

Then add the following line under wp_enqueue_script( 'jquery-ui-datepicker' ); to load the admin.js.

 wp_enqueue_script( 'wp-jquery-date-picker', get_template_directory_uri() . '/js/admin.js' ); 

You should now see the Data Picker pop up when you put the cursor in the new input field. Please note that this is merely for demonstration. The new input field is not fully functioning yet; the input will not pass the data to the database yet when you click the Update button.

You will be needing some more codes to make that happen. But, at least, this code could help you get started.

Adding a new Date Picker theme

This Date Picker theme we are going to use is developed by X-Team Developers. It comes with eight WordPress admin color scheme namely Fresh, Light, Blue, Coffee, Ectoplasm, Midnight, Ocean, and Sunrise (do check out our previous post, Customize WordPress Admin Color Scheme). It also comes LESS and Sass format which makes it easily customizable.

You can download the source from its Github repository. Copy the CSS stylesheet and put it in the css directory of your theme. Then, add this line below within the hkdc_admin_styles to load the stylesheet in the WordPress admin screen.

 wp_enqueue_style('wp-jquery-ui-datepicker', get_template_directory_uri() . '/css/datepicker.css'); 

That’s it. Now, as you can see below, the theme matches WordPress “Default” admin theme. It will change accordingly to the user’s selected theme.

Final Thought

In my experience, creating a customised theme for jQuery date picker could be really daunting. Thankfully, the X-Team developers have done all the hardwork for you. This stylesheet is a must to include if you build a theme or a plugin that incorporates jQuery UI Date Picker.

via hongkiat.com http://ift.tt/1gL5uVm

The camera phone has changed the notion of traditional photography, mostly because it is easier to carry around a camera phone that fits in your pocket than it is to lug around the much bulkier DSLR. This phenomenon has brought about an influx of photo-sharing and photo-editing apps, and has probably had a hand in changing how professional photographers and photojournalists work.

(Image Source: Photoity)

Most of us underestimate the capabilities of our smartphone cameras; after all we understand little more about smartphone cameras than the megapixels it can take. In fact, by tweaking the settings, angle and lighting, plus the use of multi-featured apps and tools, you might be able to snap more interesting and beautiful pictures that capture the essence of the moment than you can with a camera.

In this post, we will look into a few handy tips that help improve your smartphone photography. Feel free to add your own tip in the comments section.

Recommended Reading: Five Photography Tips For Amateur Photographers

1. Know your phone camera settings

First off, don’t rely on your phone’s default auto mode. Of course, tapping on where you want the phone to focus on will give you a sharper focus on the subject. However, you can improve the overall quality of your images by tweaking the other aspects in an image. Although different phones have different settings, most should be able to let you control the focus, exposure, white balance and ISO.

Note that some cameras lock both the exposure and focus together so depending on where you focus, you may change the lighting of your photo. As for white balance, there are four settings to choose from. It is best to match them according to the environment you are shooting to light up your photos better.

For example, Cloudy and Daylight are more suitable for outdoor shoots whereas Flourescent and Incandescent are used indoors. That said, you can choose to mix them up to create different tones and moods.

2. Set your resolution high

It goes without saying that the higher the resolution of your photo, the better quality it is. When taking images with a smartphone camera, try to go as close as possible to the subject rather than zooming in when you take a shot. You will get better-resolution photos cropped, than zoomed in.

Of course, with higher resolution photos, you come across the problem of having enough storage to store them all. You can solve this by storing your photos externally, rather than in your phone. Try photo-sharing apps or cloud storage services like Picasa or Dropbox, or you can even consider getting an Eyefi SD card to automatically do the photo transfers for you, via an Internet connection.

3. Yes back camera, No front Camera

Sure, the front camera makes it easier to take your selfies. It however doesn’t eliminate the fact that the front camera in general has lower resolution specs than the back. This is mainly because the back camera is better equipped with more megapixels whereas the front camera’s function is supposed to be for video conferencing.

Then again, why not use both? Frontback is an app that lets you take photos with both the front camera and the back camera. This allows the photo-taker to be in the activity alongsie everyone else.

4. Lenses are the windows to your soul

You take all your photos through lenses so yes, they are integral to the photo-taking process. When you store your smartphone in your pocket or bags, your lenses are bound to get some dust on them. Give your phone camera lens a wipe every now to clear any grime or fingerprint stains. You might be surprised with what a simple act of cleaning can do to your pictures.

To get more out of your phone camera, try attachable lenses. They give you special effects like macro or fish-eye shots, and all you have to do is snap one on top of your camera lens. Photojojo stocks a lens series compatible for both iPhone and Android, and you can find more choices from INK361 and Brando.

Read Also: 20 Lenses That Add A New Dimension To Your iPhone Camera

5. Tripods & Monopods got your back

Your phone camera’s stabilizing function can only do so much and if you have ever been frustrated by a blurred snap, you will appreciate the clarity afforded to you by tripods and monopods. Tripods are great for shooting in slow-shutter speeds, whereas the monopod is a single long staff that lets you take a shot (usually of yourself) from a distance away – perfect for selfies (below).

Most phone tripods are small and portable like the GorillaPod and Slingshot so you can always bring it on the go. There are also tripods which you can wrap around poles and bars to let you take photos from an impossible angle. For monopods, you can check out the lightweight and extendable Cellfie.

6. Go towards the light

One of the biggest probelms with taking photos indoor is the lack of natural lighting. The right amount of lighting can make food look more appetizing, facial expressions more cheerful and environments more welcoming. As much as possible, try to take your photos under natural lighting. You can do this by going near windows or doors when taking photos indoors, and to sources of light like neon signs or street lamps when snapping photos outdoors.

Additionally, do keep in mind where your source of lighting is coming from. The general rules on lighting are the same here as it is in traditional photography – avoid back light when taking pictures of people unless you want to go for the silhouette effect. If you shoot your subject using side light, it can capture texture and depth.

While we are on the subject of low light photography, don’t use flash. The camera flash you have on your phone is almost always too harsh and rarely helpful. Instead try increasing your camera’s exposure and ISO levels. Alternatively you could use an external flash like iBlazer or Lightstrap. You can even download night photography apps Night Cam for iOS and Night Camera for Android for a better photo-taking experience.

7. Composition rules, period

Nothing beats composition as a way to take attractive pictures. Learn some basic composition like Rule of Third, leading lines, scale, framing to name just a few (for more info, check out this article). Once you think you’ve got the rules of composition down, break them, by playing with other aspects like lighting and angles.

Speaking of angles, shooting from a different angle can sometimes make your subject more flattering and interesting (there is a reason why selfies are shot from up above, not down below). It also presents a different point of view and sometimes highlight overlooked details. Don’t be afraid to stand atop a chair or crouch down low to get that perfect angle.

8. of panorama & burst modes

Most phones have a panorama mode. Even if yours don’t, you can download an app to take or stitch your 180-degree photos like Photosynth (iOS) and Autostitch Panorama Pro (Android). They are great for taking landscape photos, provided you can keep your hand steady enough to grab a well-stitched shot. Also, moving objects don’t make a good panorama.

Speaking of snapping photos of moving objects and people, they are not going to keep still for your phone camera. To not miss that perfect moment, activate your phone or camera app’s burst mode. It will take multiple pictures at a time which will increase the possibility of snapping at least one clear image you can use. Safe to say, this is a great mode for catching kids and pets in motion – life stops for no one.

Read Also: Panoramic Photo Apps For Windows Phone – Best Of

9. Third-Party camera apps

As mentioned before, your phone’s camera has limited functions. Consider getting a third-party camera app to overcome those limitations. Some apps like Camera+ (iOS) and ProCapture Free (Android) have additional features alongside the normal phone settings. Others have more specialized functions like Slow Shutter Cam (iOS), Night Cam and Pro HDR (iOS, href=”http://ift.tt/WexE0N”>Android).

Many of these third-party apps are regularly updated with new features, filters, modes and options as well. This beats getting a new phone just to get more photo-snapping features to play with.

10. Photo-Editing Apps

Sometimes there is only so much we can control when taking a photo. A lot of the enhancement has to come from the use of photo-editing apps after the photos are taken. Some apps like Camera+ and Camera FV-5(Android) come coupled with a photo editor.

Photoshop Express (iOS, Android) and Pixlr Express (iOS, Android) perform editing functions like crop, straighten, rotate, flip and removing red eye. If you’re just into filters, you can try Snapseed (iOS, Android) and VSCO Cam (iOS, Android). Want more? Take it up a notch with interactive filters with Spotliter, which lets you add filters not only to pictures but also to videos, as you take them!

via hongkiat.com http://ift.tt/1v9JZHc

The 2014 FIFA World Cup is almost upon us, with both teams and fans flocking to Brazil in preparation for the games. Football mania is spreading around the globe and everyone is gearing up for the event. From wearing their favorite national jerseys to decorating everything they own with the national colors of their supported team or with anything that shows their love for "The Beautiful Game".

You carry your mobile phone everywhere you go, so adding a bit of football flair to it seems only natural. Just in time for the kickoff, we have for you 25 free FIFA World Cup 2014 wallpapers for your iPhone, ranging from general football, favorite players to favorite national teams.

Recommended Reading: 20 iOS7 Wallpapers That Look Great On Your iPad/iPhone

Brazuca Official Football. A wallpaper that displays the official football to be used in the games. The name is a combination of Brazilian and the Portuguese word for bazooka (Bazuca).

Brazuca Official Football Close-up. A close-up of the official ball.

Brazuca & Trophy. The official ball alongside the World Cup Trophy.

World Cup Trophy. Raising the FIFA World Cup trophy after a victorious match.

Brazil World Cup Logo 2014. The official logo for the 2014 FIFA World Cup. **

Brazil World Cup Logo 2014. A darker version of the World Cup logo wallpaper.

World Cup Mascot. Fuelco The Armadillo, official mascot for the 2014 FIFA World Cup.

World Cup Celebration. Brazil welcoming the world in front of the statue of Christ The Redeemer.

Center Football Pitch. A wallpaper of the center of a football pitch.

FIFA World Cup Trophy. A close-up of the World Cup trophy in all its golden glory.

World Cup In Hands. A team celebrates by having the whole group lift the Cup up in the air.

EA Sports 2014 FIFA World Cup Wallpaper Collection. Wallpapers provided by EA Sports, creators of the popular FIFA video games series.

Brazil FIFA Confederations Cup 2013. The Brazilian National Team holding up the trophy after beating Spain in the 2013 FIFA Confederations Cup.

Italy FIFA World Cup 2006. Relive the conclusion of the infamous final match between Italy and France, where Italy snatched the cup with a 5-3 penalty shootout.

Lionel Messi. The captain of the Argentina national football team proudly wearing the national colors.

Yann M’Vila. Rumors abound on whether he will be on the line-up for the World Cup since his ban from the French national team is set to end around the same time.

Gianluigi Buffon. Captain of the Italian National Team and hailed as one of the best goalkeepers of the century by the International Federation of Football History & Statistics.

FIFA World Cup 2014 Team Posters. A collection of posters displaying the countries participating in the World Cup and a national team player.

England Team Crest On Jersey. The crest of the English National Team.

France Team Crest On Jersey. The crest of the French National Team.

Argentina Team Crest On Jersey. The crest of the Argentinian National Team.

England Team Crest. Another wallpaper featuring the English team crest.

Germany Team Crest. A sleek Wallpaper featuring the German National Team crest.

Italy Team Crest. Wallpaper featuring the Italian National Team crest.

Spain Team Crest. Wallpaper featuring the Spanish National Team crest in a fiery red.

via hongkiat.com http://ift.tt/1mv8QS0

There are times when you would like to hide sensitive files from prying eyes. You could encrypt them but encryption and decryption takes time and the files they leave make it obvious you have something to hide.

In this quicktip, we will show you a simple way to hide your files in plain sight on your Mac. It will involve hiding your zipped files behind an image file. This is a great way to hide files without relying on any third party applications while still having quick and easy access to them.

Recommended Reading: How To Hide Files And Folders In Mac

Getting Started

You will need an image file, and all the files you want to hide zipped in a ZIP file. For this example, we will use a nyancat image named image.png to be our cover. The tip works with JPG and GIF files too.

Our ZIP file is named secret.zip. We will be hiding this in image.png. Here’s how.

First, make sure these files are on your Desktop. Open up Terminal. Type in the following command, then press Enter.

cd Desktop

Next, type in the command below and press Enter:

cat image.png secret.zip > image2.png

Once the command is used, a third file will be created on your Desktop called image2.png. This PNG file carries secret.zip within it.

To prove this, notice that change in file size for image.png (12 KB) and image2.png. (20.3 MB). You can access this information by right-clicking on the file and clicking Get Info.

The image2.png file behaves like a regular PNG file. If you try to open it, it wil pop up in your default photo viewer.

In order to unzip the hidden zip file, you will need to use Terminal. Use the following command to unzip the file:

unzip image2.png

The ZIP file within image2.png will then unzip its contents where the image is located.

via hongkiat.com http://ift.tt/1lsLhVR

There are times when you would like to hide sensitive files from prying eyes. You could encrypt them but encryption and decryption takes time and the files they leave make it obvious you have something to hide.

In this quicktip, we will show you a simple way to hide your files in plain sight on your Mac. It will involve hiding your zipped files behind an image file. This is a great way to hide files without relying on any third party applications while still having quick and easy access to them.

Recommended Reading: How To Hide Files And Folders In Mac

Getting Started

You will need an image file, and all the files you want to hide zipped in a ZIP file. For this example, we will use a nyancat image named image.png to be our cover. The tip works with JPG and GIF files too.

Our ZIP file is named secret.zip. We will be hiding this in image.png. Here’s how.

First, make sure these files are on your Desktop. Open up Terminal. Type in the following command, then press Enter.

cd Desktop

Next, type in the command below and press Enter:

cat image.png secret.zip > image2.png

Once the command is used, a third file will be created on your Desktop called image2.png. This PNG file carries secret.zip within it.

To prove this, notice that change in file size for image.png (12 KB) and image2.png. (20.3 MB). You can access this information by right-clicking on the file and clicking Get Info.

The image2.png file behaves like a regular PNG file. If you try to open it, it wil pop up in your default photo viewer.

In order to unzip the hidden zip file, you will need to use Terminal. Use the following command to unzip the file:

unzip image2.png

The ZIP file within image2.png will then unzip its contents where the image is located.

via hongkiat.com http://ift.tt/1lsLhVR

In the previous post, we have shown you how to perform synchronized testing using Browser Sync. If you have been following the post, you see that “synchronized testing” will boost your development workflow in terms of testing mobile-optimized website across multiple browsers and devices simultaneously.

Interactions within the browsers such refreshing, clicking, and filling out forms are reflected across the browsers and connected devices in real-time.

But we know that everyone has their own working styles. A few people may prefer using Command Line, while some may prefer using an Application with a graphical interface as that is more intuitive to them. So, in this post, we are going to show you an alternative to doing synchronized testing using an Application called Ghostlab. Let’s take a look.

Getting Started

Ghostlab comes at a US$49 price for a single license, which can be used in two computers. It also provides a Trial version with all the features in place, so you can explore it before deciding to buy.

It is available for Windows and OS X. Grab it here. Install it per your OS procedure, then launch it.

We are ready to use Ghostlab.

Project Configuration

The first thing that we have to do is add our projects to Ghostlab. There are two options: we can drag-and-drop the project directory onto the application’s window, or we can copy-and-paste the URL address of the project, like so.

Ghostlab registers all the added projects as follows

We can also drag-and-drop the project list to switch their positions.

Furthermore, we can configure each project. Move the mouse cursor over the project icon and it will turn into a gear icon. Click on the icon to expand it for configuration options displayed in an array of tabs.

Within these tabs, we can turn the Ghostlab server on or off, select which Browser to view the project on, change the project title or the URL, etc.

Turning On The Server

As we mentioned above, Ghostlab is equipped with a built-in server which works for both static sites (only HTML and CSS) and dynamic sites which are built with PHP, Ruby, etc. Once the configurations are all set up, we can move on to turning the server on. To do so, you can simply click the arrow icon of the project list.

When the server is “on”, you will see the notification showing the server URL and Port at the bottom-left of the window application. Click on the rocket icon to launch the project in the default browser, or click the browser icon below the rocket to select other browsers. You don’t have to copy-paste the URL.

Note: The server is applicable only for one project at a time. If you turn on the server in another project, it will switch off for the older project and turn on for the newly opened one.

Connecting Devices

When we launch the project in any browser, Ghostlab will register it on the right sidebar.

We can debug the project on each of these connected browsers/devices using the Ghostlab built-in code inspector. Click on the < >, and the code inspector (which looks similar to Chrome’s) will pop up.

When we trawl through the DOM tree, the respective elements in the browser is highlighted.

And ultimately you can also perform “synchronized testing”, similar to Browser Sync. It will automatically refresh all the connected Browsers whenever a change is made. User interactions like scrolling, clicking, and filling out forms are also reflected at the same time.

Final Thought

We have shown you how to perform “synchronized testing” both using a command line tool, Browser Sync, and an application with graphical interface. Both serve the features very well. My only complaint with Ghostlab is that the UI seems a bit out of place in OS X; I’m sure it looks fine in Windows though.

Lastly, it is up to you to decide which one is best suited for your workflow and budget.

via hongkiat.com http://ift.tt/RTw4G4

We can see that Font Icons are widely used across websites, and for good reason. The Font Icon is reliable, looks crisp and sharp in high DPI screen, and is easily adjustable in terms of icon size, color and icon position through CSS. This makes font icons easy to animate with CSS3 Transforms and Transitions as well.

There are a great number of font icon sets available for use right away, but they may not always cater to all your needs. You may want to be able to customize your icons, in which case, perhaps it’s better that you create your own icon set.

With all the tools we now have, creating your own Font Icon set is not as hard as it used to be. In this post will show you how to do this easily. Let’s check it out.

Recommended Reading: Better And Sharper UI Icons With Web Fonts

Preparing The Icons

First of all, we need to prepare the icons. The icons must be in vector form. If you are familiar with vector applications like Adobe Illustrator, Inkscape, and CorelDraw, you can create your own icons. Make sure the icons preserve uniform traits, and then export them in SVG format.

Alternatively, you can also collect SVG icons that are available online for free.

Read Also: 50 Websites For Free Vector Images Download

In this example, we’ll be using the SVG icons from Ionicons. Ionicons actually has its own Font Icon but in this example we will only extract a few to explain how to create your own icon set.

Here’s what I picked out:

Some of these icons consist of multiple shapes. So before we can put them up as a font icon, we have to merge the shapes into one compound. To do so, open the .svg in Illustrator. Select all the shapes and go to: Object > Compound Path > Make.

Do this to the other icons as well.

Creating Font

Fontello makes creating Font Icon easy. Aside from picking up icons from popular Font Icon sets, Fontello also allow us to upload external icons. Simply drag and drop all of your selected icons onto Fontello. Once they are uploaded, it will appear in the Custom Icons section, like so.

You can click on the pencil icon to edit the icon properties namely the CSS Name and the Hex Code.

Select your custom icons, set the name of your font and click the Download button.

Fontello will generate all necessary font formats: .svg, .eot, .ttf, and .woff. and the stylesheets plus the demo.

That’s it. Creating font icons has never been easier than this. I hope you find this tip useful.

via hongkiat.com http://ift.tt/1lhJp3q

Magazine ads are considered a more traditional form of advertising and they take up over 30% of conventional magazine space. However, if done right, marketers can make use of their ads to be more focused on a particular target audience by choosing the right magazine to feature it in. This also paves the way for higher reader involvement.

Thinking outside the box definitely helps in creating impactful and effective ad,s and double page spreads leave plenty of room for creativity and innovation. I’ve put together 30 creative examples of double page magazine ads to show you what I mean. Let’s just say you probably wouldn’t mind a magazine filled with ads, if they’re as interesting as these!

Recommended Reading: 20 Smashing Editorial Design Pieces For Your Inspiration

DHL: “Turning Page” Print Ad by Shanghai J&j Advertising Co., Ltd. DHL is known for their speedy delivery service. Here, their ad cleverly utilizes a transparent sheet of PVC paper to reflect just how fast their service is, regardless of how you turn the page.

Smuckers: Better Together by Art Director, Elinor Buchler. Just like peanut butter and jelly, Bert and Ernie from Sesame Street also complement each other. Smuckers uses recognizable icons like them (among others) to showcase just how well they work, together.

MacBook Pro: Ultra thin by SVA New York, USA. So this is what it feels like to have a Macbook Pro on your lap. Well, it’s not "paper"-thin but considering the power a Macbook Pro packs at only 1-inch thick, it’s definitely thin enough by laptop standards.

Olimpia, La Fabril: Magazine by Maruri Grey Ecuador. When we see a bug flying around, our first reaction is usually to take a magazine and kill it. But seriously, why ruin a good magazine when you can use a floor cleaner that has insect repellent action in it too?

SulAmerica Health Insurance: Torn by MPM Advertising. Oops, did you that tear that dollar bill in two? Don’t worry, it’s just SulAmerica’s way of telling you, they won’t let you do the same with your company’s resources.

Furniture: “Folding Chair” Print Ad by Grey Group Vietnam. How’s this for how small a space you can store away your folding chairs? Pop-up ads put to good use.

Adidas Forever Sport Campaign by Unknown Agency. If only workouts are as easy as flipping the page back and forth. But hey, a girl can dream.

Clinique: “Lashes” Print Ad by WE Marketing Group. Now this is an ad that really gets you up close and personal with what the product can do. Flirty lashes anyone?

Arcor Bubble Gum Ad by Leo Burnett. A fun ad that banks on your childhood need to blow the biggest bubble gum on the land (without breaking it)!

Shikun & Binui Solaria: Sun light by BBR Saatchi & Saatchi. Alright, I admit that this one isn’t a double-spread but the illusion still needs two pages, pretty thin paper, strategic color placement and a little ingenuity to work. "Solar-powered" ads FTW.

EDF: Clap Clap by Euro RSCG C&O. Put your hands, er, pages together to help celebrate the major wins of athletes from the EDF company in European championships, world championships, the Olympics and Paraolympics.

Hawaiian Tropic: Enjoy the sun by Grey. Not only is this an ad for a tanning product, even the magazine wants to get in on the act. A handy tanning tool to bring on the go.

WMF Kitchen Knives Ad by Leo Burnett Bangkok. The ad may be exaggerating but knives that can split food into two identical halves are definitely a chef’s dream tool.

Kotex: Dry leaf by Piyush Pandey. Readers open the pages to discover that there’s a dried leaf in between. How much more absorbent can these products get?

Seat Ibiza Cupra: Wheel by ACW Grey. Take the wheel. Yes, literally.

Depilatory Strips: “EPILDOU” Print Ad by Lg2. Want clean and smooth legs free from hair? If only the deed is as easy as flipping a page. Well, lookie here.

BR Petrobras Oil: Victory by Master Rio de Janeiro. F1 fans would love to wave the checkered flag at the end of an exciting race. This is as close to a reenaciment as you can get. Flip them pages!

Bic Soleil Clic: Hand by Dragster. The right razor can let you get into hard-to-reach spaces with ease. The differences are laid apparent perfectly with use of white on bright orange.

Conto Barriers: Lift by McCann Erickson Prague. Your life can turn in a second, says the ad. And when you do turn the page, a simple icon alteration switches from being on a ski lift, to being on a wheelchair.

McDonald’s: Extra large coffee by DDB. A cheeky ad that uses a lot of white space and four strategically placed coffee stains to illustrate how large coffee at McDonald’s is.

TV6 / I’d do anything for money: Wax by Le Bureau. With the flip of a page, you the reader, just ripped the eyebrows an beard off this guy’s face! Great opener for a show with the title, "’I’d do anything for money".

Revlon: “Roots” Print Ad by Martin/williams. Another product that lets you get to the hard-to-reach places easily, this one lets you get your roots done in a jiffy.

Subaru Forester: “King of the hills” Print Ad by Jwt. King of the hills doesn’t necessarily mean hills of lucious green and great forests. This four-wheel drive can master in sandy hills on the great desert. Way to drive the point home.

The International Labour Organization Ad by AlmapBBDO. A powerful way to leave a powerful message and raise awareness about modern day slavery.

Vicks Nyquil: Boogers by Saatchi & Saatchi X. This ad may require a bit of strength as it’s glued to the other page and as it’s slowly revealed, you’ll understand why. Icky? Kind of. Makes a point? You bet.

Domino’s Pizza: Hole by Ó!, Reykjavik. Pizza so hot it burned through the back of your magazine. Now that’s good pizza delivery.

Sundown Sun Block by DDB Brazil. This sun block ad uses the sun to illustrate just how one can burn without proper protection. Without the right protection, be prepared to turn red (like the guy on the left). Stay protected, love your skin.

Audi: Grip, 2 by BBH London. This is part of a series of Audi ads. In this one, you get a view of the type of grid you get when at the wheel of an Audi. You could be holding the wheel like you’re holding a stress ball, a snowball, a bird’s egg or a sponge, you’d still be in control.

American Apparel: Double page spread by Unknown. So that’s what it looks like when you are in men’s underwear.

Terminix: Roach Chip by Publicis Dallas. Oh, this roach is definitely getting to me. And my food! Better grab some Terminix, just to be safe. Flip that darn page!

via hongkiat.com http://ift.tt/1oreAOT