Blog Page 23

1
IT Jobs with the Highest Pay and Fastest Growth Infographic by staff.com

The rise of new technologies brings with it the demand for more tech savvy people. Currently there are more jobs than there are skilled people to fill them. The folks at staff.com have put together this informative infographic on IT Jobs with the Highest Pay and Fastest Growth, displaying the rise and demand of mobile development, average salaries from across the globe and more.

Created by Staff.com

IT Jobs with the Highest Pay and Fastest Growth Infographic by staff.com

2
30 fresh free sans-serif fonts

Sans-Serif is my favorite type of font and it’s mainly due to how clean it looks. Unlike Serif fonts, Sans-Serif fonts do not have the small projecting features (Serifs) at the end of their strokes. This not only gives the font a cleaner look, but as well gives it a more modern look.

Sans-Serif fonts are great for bold headlines, and more recently are replacing Serif fonts in body text. We’ve compiled a list of 30 fresh Sans-Serif fonts that are free for both personal and commercial use. Enjoy…

1. Oswald

Oswald Font

2. Open Sans

Open Sans Font

3. Droid Sans

Droid Sans Font

4. Roboto

Roboto Font

5. Lato

Lato Free Font Download

6. Raleway

Raleway Font

7. Terminal Dosis

Terminal Dosis Font

8. Comfortaa

Comfortaa Font

9. Quicksand

Quicksand Font

10. Walkway

Walkway Font

11. Cabin

Cabin Font

12. Questrial

Questrial Font

13. Archivo Narrow

Archivo Narrow Font

14. Aaargh

Aaargh Font

15. Bebas

Bebas Font

16. BonvenoCF

BonvenoCF Font

17. Caviar Dreams

Caviar Dreams Font

18. League Gothic

League Gothic Font

19. Time Burner

Time Burner Font

20. Existence

Existence Font

21. Lane

Lane Font

22. Aliquam

Aliquam Font

23. Cicle

Cicle Font

24. Regencie

Regencie Font

25. Greyscale Basic

Greyscale Basic Font

26. Capsuula

Capsuula Font

27. Print Clearly

Print Clearly Font

28. Folks

Folks Font

29. Delicious

Delicious Font

30. Sansumi

Sansumi Font

2
Enfuzed Twitter Card Featured

Twitter Cards are somewhat of a new thing Twitter rolled out last year which are, in a way, similar to Facebook’s Open Graph. You may have seen them before when browsing Twitter, expanding a tweet will reveal a little excerpt from an article link along with the title and a image thumbnail to go with it. Twitter Cards, though, pack a bigger punch than that of Facebook’s Open Graph. Twitter made it so that, when setting up a Twitter Card, users are able to choose the style that they want their card to appear like when posted on Twitter.

Enfuzed Design Blog Twitter Card Example

Here I will show you how to easily add a Twitter Card to a WordPress website that will have the option for each individual author on your site to use their own Twitter Handle for articles they write. The Twitter Card will display the author’s Twitter Handle on the websites Twitter Card when an article link from the website is posted on Twitter.

There are 7 different types of display modes Twitter offers that decide how content from a link posted on Twitter will be presented within the card, here is a list with descriptions below:

  • Summary Card – This is the default card, it includes title, description, thumbnail, and Twitter handle attribution.
  • Large Image Summary Card – This is the same as the regular summary card but with a larger, more predominant image above the title and description.
  • Photo Card – Somewhat similar to the large image summary card, the photo card puts a large image up front and center. Photo cards are the only cards that support a blank title.
  • Gallery Card – A gallery card is like a photo card with the difference being a gallery card allows you to display a collection of photos (it supports up to 4 different images) within a tweet. It allows you to provide credit to the photographer as well by specifying a creator tag.
  • App Card – Just like it sounds, this card allows you to showcase a mobile app which includes title, description, app icon, rating, and price of the app. This card is not widely available yet and requires special approval.
  • Player Card – This card is for steaming media such as audio and video and allows you to present your content within an iframe inside the tweet. Unlike other cards, with the player card you control what content displays inside the Twitter Card.
  • Product Card – Allows you to present products and retail items to better drive sales. This card displays an image, description, and two other fields of your choosing which could be price, list availability, list sizes, or anything else you could think of.

Now that we have the basics down of what a Twitter Card is and the different types of Twitter Cards you can implement, let’s get to the fun stuff, giving your WordPress website a Twitter Card.

First thing we will need to do is locate your WordPress website’s header.php file within your theme and open it up in a text editor. Once you have that open, locate the closing head tag:

</head>

Make proper spacing, and above the closing head tag, copy and paste the following code:

<!-- Twitter Card -->
<?php
if(is_single() || is_page()) {
$twitter_url = get_permalink();
$twitter_title = get_the_title();
$twitter_desc = get_the_excerpt();
$twitter_thumbs = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), full );
$twitter_thumb = $twitter_thumbs[0];
if(!$twitter_thumb) {
$twitter_thumb = '<!-- Image Link Here -->';}
$twitter_name = get_the_author_meta('twitter',$post->post_author);?>
<meta name="twitter:card" value="summary" />
<meta name="twitter:url" value="<?php echo $twitter_url; ?>"/>
<meta name="twitter:title" value="<?php echo $twitter_title; ?>"/>
<meta name="twitter:description" value="<?php echo $twitter_desc; ?>"/>
<meta name="twitter:image" value="<?php echo $twitter_thumb; ?>"/>
<meta name="twitter:site" value="@<?php echo $twitter_name; ?>"/>
<?php if($twitter_name) { ?>
<meta name="twitter:creator" value="@<?php echo $twitter_name; ?>"/>
<?php } } ?>
<!-- End Twitter Card -->

Be sure to read the comments in the above code. You will have to insert an image link on line 10 where the comment tag is as well as specify the type of twitter card you want on line 12 where it says value=””.

Now we move on to the next step of this process, adding a Twitter handle field to the user profile in the WordPress backend area. This process is optional but if you decide not to do it you will have to replace the PHP call on line 19 with your actual twitter handle. Setting it up like I have it above lets authors on your website have their own Twitter Card using their personal Twitter Handle.

First thing you have to do is locate your WordPress websites’ functions.php file within your theme and open that in a text editor. Once you have it open scroll to the bottom and find the closing PHP tag:

?>

and paste the follwing code right above that:

/* === Twitter Card Field Add === */
function my_new_contactmethods( $contactmethods ) {
 // Add Twitter
 $contactmethods['twitter'] = 'Twitter';

return $contactmethods;
}
add_filter('user_contactmethods','my_new_contactmethods',10,1);

The above code will add a Twitter Handle input field under your WordPress users profile section and will look something like the picture below.
Twitter Handle Input Field
Now you can add your Twitter Handle in the Twitter input field which is located in the users profile in the WordPress backend under the contact info section. You Do not add the @ symbol before your Twitter handle in this input field as it is already added in the head code from earlier.

Now before you get all excited and go apply for a Twitter Card you should test to see if it works first. To do this you’ll need to visit the Twitter Card Validator. It will ask you to sign in, so sign in using the Twitter account you want the Twitter Card to be displayed on. After you sign in a modal window will pop up asking you to select which type of Twitter Card you want. Make sure you select the same card type that you specified in line 12 of the code we inserted into our header.php file. The next page that comes up should look like the one in the screenshot below:
Twitter Card Validator

You may have to click the “Validate & Apply” tab to show an input where you will need to paste a url to an article from your website. Posting your homepage url will not work, it must be a link to an article on your website. If you followed the instructions correctly you should have all green dots and it will render a preview of your card to the right as seen in the above screenshot.

Once your Twitter Card is displaying how you want it to, just apply and wait. It usually takes a couple weeks to get approved and once you are approved Twitter will send you an email informing you that your Twitter Card was approved.

*Although the above code has been tested and approved on multiple websites, Enfuzed is not responsible for anything that may go wrong when editing your website, performing the above edits are at your own risk.*

3
iOS 7 App Icon Guide by Seevi Kargwal

After the recent announcement of Apple’s new mobile operating system, iOS 7, I figured it would only be appropriate to relate today’s freebie to iOS 7. One of the bigger and more noticeable changes (besides the “flat” design) is the change in icon size. iOS 7 app icons are now 120px (compared to the previous size of 114px) and the border radius is now 27px (compared to the previous 20px).

With this change comes the need to change the size of your apps icon(s). Thankfully Seevi Kargwal designed this iOS 7 App Icon Guide in PSD format to help ease the redesign process. You can check out more of Seevi’s work on his dribbble and behance.

iOS 7 App Icon Guide by Seevi Kargwal

iOS 7 App Icon Guide by Seevi Kargwal

**Click the title link or the image to direct to the download page**

0
ios7-reimagined

Just days after Apple’s newest mobile operating system, iOS 7, was announced at the 2013 Apple World Wide Developers Conference (wwdc) designers across the world are already redesigning it. Critics are upset with how the new iOS was designed, being a mix of flat with a dash of something else.

One of the more odd changes was to the icons,changing the overall size from 114px to 120px and increasing the border radius from 20px to 27px . So here we will look at just a few of the hundreds of redesigns already on the internet. You can view Apple’s Original iOS 7 design here.

iOS 7 Reimagined by Zane David

iOS 7 Reimagined by Zane David

iOS 7 Reimagined by Zane David

iOS 7 by Dmitry Kovalenko (design team lead @Readdle)

iOS 7 by Dmitry Kovalenko

iOS 7 Icons Redesign by Ida Swarczewskaja

iOS 7 Icons Redesign by Ida Swarczewskaja

iOS 7 Redesign by Leo Drapeau

iOS 7 Redesign by Leo Drapeau

iOS 7 Icons by Jackie Tran Anh

iOS 7 Icons by Jackie Tran Anh

iOS 7 Icons by Jackie Tran Anh

iOS  7 Springboard Redesign by Doney Den Ouden

iOS  7 Springboard Redesign by Doney Den Ouden

iOS 7 Icons by Matthew Skiles

iOS 7 Icons by Matthew Skiles

iOS 7 Redesign by Michael Boswell

iOS 7 Redesign by Michael Boswell

iOS 7 Redesign by Michael Boswell

iOS 7 Icons by ididi

iOS 7 Icons by ididi

iOS  7 Control Center Redesign by Sam Nissinen

iOS  7 Control Center Redesign by Sam Nissinen

iOS 7 Control Center Redesign by Clement Ng

iOS 7 Control Center Redesign by Clement Ng

iOS 7 Safari Icon Redesign by Tim Poot

iOS 7 Safari Icon Redesign by Tim Poot

iOS 7 Safari by Apostol Voicu

iOS 7 Safari by Apostol Voicu

Safari by Anon Wuttowsky

Safari ios 7 icon by Anon Wuttowsky

iOS 7 Maps by Gabriel Ghnassia

iOS 7 Maps by Gabriel Ghnassia

*Note that all of these redesigns were done for fun*

58
enfuzed webdesigner depot designmodo smashing magazine creative bloq web design ledger css-tricks sitepoint

It can take years for a blog to become well established and recognized by the design community and it takes that long to build a good following. There are hundreds of Web and Graphic design blogs are all over the internet, finding which one’s are trustworthy and contain well written (and informing) articles can be hard these days.

I decided to compile a list of 15 web and graphic design blogs that I personally follow and find trustworthy (as far as original content goes). Please keep in mind that these are in no particular order.

1. Webdesigner Depot

I’ve personally been following this blog since I started in design a few years ago. There is always great, trustworthy content coming from Webdesigner Depot and they cover everything from Photoshop tutorials to WordPress plugins.

Webdesigner Depot

2. CSS-Tricks

My favorite thing about being a Front-End Web Developer is the fact that I get to work in CSS everyday. So it’s no surprise that I would follow Chris Coyier and his blog, CSS-Tricks. Chris is a CSS genius and I feel confident I am getting good information when I read his blog and his various articles he puts out daily.

 CSS-Tricks

3. Tuts+

Tuts+ not only covers Web Design and Graphic Design, but they also go as far as covering individual topics such as Vector Tuts, Craft Tuts, AE Tuts, Photo Tuts, WordPress Tuts, and many more. What I love about Tuts+ is the amazing how to videos, tutorials, and screen casts. You can get the full list of Tuts+ sites from their main website, tutsplus.com.

Tuts+

4. Smashing Magazine

Smashing Magazine publishes great articles and houses an awesome marketplace full of great tutorial books, one of my favorite being Smashing WordPress. They cover everything from coding to graphic design.

Smashing Magazine

5. SitePoint

SitePoint is great site for learning new things related to web and graphic design. They sell tons of great books, quite a few of which I have, that offer great information on any web related topic. The site also has a web forum, so you can sign up for that and post any questions you may have or just talk with others who share your same interests.

SitePoint

6. Creative Bloq

Creative Bloq is a branch off of the creatives magazine net mag and they cover everything from Web Design to Photography to 3D and Animation. They do mostly showcase articles for inspiration but they do cover how to articles. They publish multiple articles daily and are always on top of things, the only thing that gets to me about creative bloq’s website is the insane amount of advertisements and the lack of responsive design.

Creative Bloq

7. Designmodo

Designmodo is a great website for inspiration and how to articles. The site layout is very clean and easy to navigate through (it’s not all cluttered with advertisements), plus it’s responsive. Designmodo also posts various free resources for graphic and web designers.

Designmodo

8. Noupe

Noupe is another “cover it all” blog. They do everything from inspiration showcases and how to articles to web development and photography. Based out of Germany and created by Michael Dobler, Noupe offers a great place for designers and developers to stay in the now.

Noupe

9. Onextrapixel

Onextrapixel is fairly new to me, I just started following them recently. From what I have read over the past couple of weeks though, it seems to be a great blog to get trustworthy information from. Onextrapixel covers you from inspiration showcases to development articles as well as some great tutorial and how to articles.

Onextrapixel

10. Web Design Ledger

Web Design Ledger is a blog written by web designers for web designers. It covers various web design related tips and tutorials and has a great inspiration and freebie section.

Web Design Ledger

11. Six Revisions

Launched in 2008 by Jason Gube, Six Revisions is a great resource for Web designers and Web developers. They provide great tips and tutorials for developers and designers written by a talented, trustworthy group of designers and developers.

Six Revisions

12. Abduzeedo

Abduzeedo is an inspiration blog founded by Fabio Sasso geared more toward graphic designers and photographers. They cover quite a few tutorials for Photoshop and Illustrator as well as case studies and interviews with various designers.

Abduzeedo

13. Line25

Although it’s not the most aesthetically pleasing website to visit, Line25 does have some great articles. I always find myself stumbling across Line25 when searching for something web related.

Line25

14. Speckyboy

Speckyboy is another blog I just recently started following. Speckyboy was launched in 2007 by Paul Andrew and covers a variety of things including graphic design, development, mobile, and photography. It has a good sized following and a great selection of articles.

Speckboy

15. Enfuzed

Of course I have to list Enfuzed on here :). In all seriousness though, Enfuzed is growing fast and I hope to have it be one of the well known design inspiration blogs on the web, listed with some of the above blogs someday. I am dedicated to bringing you the best and in a different way than most other blogs, strictly focusing on the showcase and visuals, letting them do the work, while limiting the amount of text in each article (except I may have went overboard with text in this article).

Enfuzed

0
LinkedIn Bootcamp Infographic by MindFlash

LinkedIn is perhaps the most overlooked social media platform out right now. The first thought every person has when trying to market their business or themselves is to get a Twitter or Facebook page made and start posting, but very rarely is it to get a LinkedIn page.

With over 135 million members worldwide, LinkedIn should not be a platform to skip over when marketing. Believe it or not, Enfuzed actually gets more LinkedIn shares per month than Google+ shares. LinkedIn is a great social media tool because it lets you target groups of people very specifically. Below is an infographic created by MindFlash to help you get the basics down in marketing yourself.

Created by MindFlash

LinkedIn Bootcamp Infographic by MindFlash

Free eBook: How to Create a Million Dollar Website

Many people dream of becoming an internet millionaire. Don't be a dreamer download this eBook, join my newsletter and start taking action today.

  • How to Find a Profitable Niche
  • How to Market Products Online
  • How to Build a Profitable Email List
  • How to Beat the Competition
  • Free Weekly Internet Money Making Methods

Free eBook: How to Create a Million Dollar Website

Many people dream of becoming an internet millionaire. Don't be a dreamer download this eBook, join my newsletter and start taking action today.

  • How to Find a Profitable Niche
  • How to Market Products Online
  • How to Build a Profitable Email List
  • How to Beat the Competition
  • Free Weekly Internet Money Making Methods