Metro Vibes
Price: $59
Available at: ThemeFuse

UltraSeven
Price: $39 (price includes access to more than 40 themes)
Available at: CSS Igniter

Parallax
Price: $39
Available at: Themify

Chronicle
Price: $69
Available at: WPZoom

Digital
Price: $69
Available at: WPZoom

Solid
Price: $49
Available at: Mojo Themes

Nunta Wedding Theme
Price: $35
Available at: ThemeForest

Parasponsive
Price: $40
Available at: ThemeForest

Hunter
Price: $40
Available at: ThemeForest

Intime
Price: $40
Available at: ThemeForest

Squash
Price: $45
Available at: ThemeForest

Central
Price: $45
Available at: ThemeForest

IDStore
Price: $55
Available at: ThemeForest

Yalu
Price: $40
Available at: ThemeForest

Nine
Price: $40
Available at: ThemeForest

Magazinly
Price: $45
Available at: ThemeForest

Revenant
Price: $45
Available at: ThemeForest

Minicorp WP
Price: $55
Available at: ThemeForest

Orion
Price: $35
Available at: ThemeForest

Bravo
Price: $40
Available at: ThemeForest

Increase
Price: $45
Available at: ThemeForest

Olympus
Price: $45
Available at: ThemeForest

Raiden
Price: $40
Available at: ThemeForest

Skylab
Price: $45
Available at: ThemeForest

Quentin
Price: $45
Available at: ThemeForest

MediCenter
Price: $45
Available at: ThemeForest

EffectiveNews
Price: $40
Available at: ThemeForest

Dixit
Price: $55
Available at: ThemeForest

Inceptio
Price: $45
Available at: ThemeForest

Room09
Price: $60
Available at: ThemeForest

Crystalline
Price: $45
Available at: ThemeForest

Maxima
Price: $45
Available at: ThemeForest

My Folio
Price: $45
Available at: ThemeForest

Kickstart
Price: $40
Available at: ThemeForest

Hot Topix
Price: $45
Available at: ThemeForest

Senna
Price: $45
Available at: ThemeForest

CoWorker
Price: $45
Available at: ThemeForest

GoodWork
Price: $45
Available at: ThemeForest

Appointway
Price: Free
Available at: WordPress.org

Customizr
Price: Free
Available at: WordPress.org

For more WordPress themes, see our other monthly roundups:

• April, 2013
• March, 2013
• February, 2013

One of the techniques you can implement is to wisely make use of ‘negative space’. When done properly, this space adds more depth and perspective to your brand logo. If you are struggling with the design of your logo or want some improvisation just scroll down this list of 25 clever, inspiring and beautiful logos that use negative space.

Nexcite
By Amore, Blair Thomson

This is one of my favorite because it is simple, cute and uses basic colors to seek attention. Nexcite’s brand identity is aptly conveyed via the logo – a refreshing beverage that kicks energy in you as soon as you consume it. The heart and the red color in the logo states that the drink is often marketed as a romantic drink from Sweden with love.

WWF
By Sir Peter Scott, later modified by Landor

Extremely good use of negative space to represent an otherwise large animal in the logo. Panda in the logo also represents an endangered species which the WWF is striving to conserve.

Guild of Food Writers
By 300million

There is a spoon in the middle representing food and a nib of an ink pen that stands for writers. This is a fine example of a precise and sophisticated logo making the best use of negative space.

London Underground
Designed by Edward Johnston

Using only very simple sans-serif font and effective use of negative space London Underground got a stylish yet functional logo. The colors stand out as they can be easily visible from far, as well.

Penguin
Designed by Edward Preston Young

The logo oozes class and mass appeal in the use of its design and coloring. Do you know that Edward Young spent a day in the zoo to actually draw penguins in all poses. After a series of modifications the final logo appeared ‘dignified but flippant.’

Message
Designed by Sam Dallyn

Great design by the art director and designer presenting a complex idea in a clear and pretty way. The logo is more about the strong association one experiences with the word ‘message’ and the ‘brand’ in a broader sense.

Height
By Strizhart

A well balanced and fun logo that makes wise use of the negative space between the arrows and around it. It is an easy to transport medium among various platforms and can be stacked with colors, in cases needed.

Estantial
By Ocularink

Concise and smart logo using negative space to make its point. The upward pointing arrow shows the forward thinking of the designer and brand.

8 Fish
By Jerron

This logo is a cool work to actually see negative space in action. It conveys the message accurately and is really outstanding in its regard.

Broentech
By DP Designs

Use of negative space makes the design remarkable and refined in more than one way. It has a dual personality of being suave yet robust in its appearance.

Panda Bowl
By Almosh

Amazing negative space variations in the design and bright colors gives the logo a comprehensive look. It has its unique personality and is very welcoming.

J/S
By Jose

A very simple yet attention grabbing way of designing a logo. A monogram has been creatively worked around using negative space.

Totem Media
By Olaru

This logo is a combination of various techniques such as vertical writing technique, negative spacing and bold fonts to make it attractive. It conveys an immense depth and meaning.

5 Locks
By Dalius Stuoka

Extremely clever logo that does little to enhance its overall appeal. The strength of this design lies in its simplicity and instant association that anyone can have with it.

Motion
By Nickhood

Awesome work of combing arrows to make a holistic design using negative space. It is modest, representative and very classy.

Magic Carpet Productions
By Captiv8

The logo reminds you of our favorite fairy tale and builds a strong association with the brand. It uses negative space properly to develop a strong sense of production(s) the company overtakes.

VinoPiano
By Mootto Studio

All I can think of this logo is – elegance at its best. Negative space used just at the right proportion makes it a very tempting brand to indulge in.

Pencil
By Reghardt
A very clean, simple and functional logo depicting the brand. What attracts me most is the effective use of color and font with negative space.

Royal Clothes
By Abdallah Ahizoune

A cutely used negative space spelling the core message of the brand. The proportions are just right neither more or less to pass on the brand’s work.

Waiter
By Dan

This logo design has used negative space to depict the many aspects of the brand. It is nonetheless a clever approach to design methodology.

In-Shop
By Srdjan Kirtic

Inspired from bar-codes this logo has a nicely done background which helps to easily interpret the brand. Usable yet playful at the same time.

Elephone
By Jan Meeus

A thought provoking logo, represents the brand as being innovative, smart and performance centric. Besides, having tons of mass appeal.

Bull
By dodongjohnjohn

Interesting logo that shows the bull horns in its logo. A crisp and innovative idea in action. A thumbs up from me!

Moon
By Joe Prince

Brilliantly executed moon logo design. The logo helps to build an easy recognition and recall for the brand by using negative space to spell out m-o-o-n.

The Robin’s Nest Barber Shop
By Double A

This logo had to make to my wonder list. Expertly made logo using negative space renders it a rather wholesome and awesome look and feel.

To Summarize

It maybe small in its form but it holds great value for any brand which not only wants to gain a large market share but have a brand market of its own. A logo conveys the passion and enthusiasm that the brand wants to share among its users.

About the Author:

Skylar Barret works for PLAVEB, a custom logo design company located in Los Angeles. He is a passionate web and logo designer and enjoys brainstorming ideas with friends and colleagues. Whenever he gets time he loves to draw design inspirations from around the globe.

Here’s why:

InDesign’s Table of Contents generator works with Character Styles and Paragraph Styles to generate a Table of Contents. The generator searches your document for Styles of various titles, subtitles, headings, and subheadings, as specified by you, the user, and generates a Table of Contents based on these Styles, along with certain formatting options that you choose from the generator dialogue.

Your InDesign template most likely comes with a handful of Styles predefined, and you can make new ones easily by formatting your text with the Character and Paragraph palettes, highlighting your text, and choosing New Paragraph Style from the dropdown menu in the upper right hand corner of the Paragraph Styles palette. Be sure to name your new Style by double clicking it in the palette’s list and entering a name that you can remember.

Now go to Layout>Table of Contents. If for some reason you don’t see Table of Contents under the Layout menu, choose Layout>Show All Menu Items, and the menu choice will appear.

Clicking on Table of Contents brings up the Table of Contents dialogue box. Here, you will be generating a list of text titles (and subtitles, if you like) based on the text that you have already formatted into Styles within your document. You can go ahead and name your Table of Contents something like “Contents” or something else, if you like. Also, you can go ahead and choose a display format for your Contents list based on a Paragraph Style that you have already defined.

Note: For the TOC Style entry, you must already have a saved Table of Contents style previously formatted. If you don’t have one yet, you can save a new one by clicking Save Style on the right of the dialogue.

You base your TOC Style on the Other Styles listed in the dialogue and choosing Add or Remove. Add two or more Paragraph Styles if you want to include Headings, Subheadings, and Figures in your TOC. You must have previously defined Styles for each of these configurations, though, so if you don’t already have them, go back and define those now.

Each Style that you Add to the “Include Paragraph Styles” box can be modified individually to fit into the TOC configuration neatly. Click on one of the Included Styles, and you can adjust its TOC display just below, under the “Style:” section, the one with the colon.

Select one of your included Styles, and make sure you click on More Options on the right hand side of the dialogue. This will display all of your options for formatting each heading and subheading individually. The Style you chose to “Include” earlier just means that each instance of that Style from your document will receive a place in your TOC list. You can format these entries differently if you want by choosing a Style for your list from the Entry Style menu. Choose where to place the page number, and choose a Style for your Page Numbers. For entries into the Between Entry and Number input, you can use the flyout menu (the little triangle on the side of the box) to choose spacing based on definitions like “em space,” “white space, “ etc., or you if you know the codes, you can simply input these manually. You can choose whether or not to sort your entries in alphabetical order (if you don’t, they will be sorted based on page number), and you can assign a level to your new Style. Level defines which Style will be placed at highest priority and closest to the left margin. Play around with this menu choice to see what I mean.

Now, in the Include Paragraph Styles box, choose another Style from your document that you want to include in your new TOC. Selecting it resets the Style: options for the newly selected Style, and you can get to work defining the look and placement of your second style.

The Options choices allow you to add certain preferences. PDF bookmarks, for instance, will create clickable bookmarks when you export to PDF. These are great for reading on the web or tablets.

Click Save, and your cursor automatically converts to a Text Insertion format. Click and drag or just click to insert your new Table of Contents with the formatting you chose. You can always re-size your text box and edit specific text attributes once it’s placed.

Play around with the Table of Contents dialogue based on your InDesign Template’s Paragraph Styles, and you’ll be up and running in no time creating complex and detailed Table of Contents.

About the Author:

Sam Singer is Graphic Designer and Copywriter who specializes in illustration, infographics, print design, and web graphics. Sam writes for www.bestindesigntemplates.com, a web site where will find plenty of templates for magazines, annual reports, catalogs, and other documents that work with and without Table of Contents.

Here we will showcase 25 different websites that are making use of sticky headers. The screenshots show the headers as they appear after scrolling down. Visit any of the example sites to see them in action.

Pixel2HTML

De Vetpan

Kerem Suer

Tweed Barbers

Sweez

Loft City Church

Carrera

Nosh

Digitalworx

Jumpbox Design

With

I Shot Him

Seed Spot

Grain and Mortar

Manos

Daniel Filler

Heathlife

Nic Brunson

Norther Pixels

Switch

Milk & Pixels

Teamgeek

Grooveshark

Tony Headrick

Studio NEC

In this article I want to focus particularly on navigation menus. To build a responsive navigation you need a technique for handling the resize down to lower resolutions, or consequentially handling the expansion for wider desktop monitors. Check out these various techniques which are my choices following the most popular ideas for responsive navigation. There are obviously some other solutions out there, but this collection should give you ideas for getting started with your own responsive designs.

Block-Level Menu Links

Consider navigation menus which are using single box-style links in an orderly fashion. As you resize the window, these boxes either need to shrink or re-organize themselves. Block-level responsive menus are those which are designed to always keep the links showing in various positions on the page.

As you can see in the portfolio of William Csete, it is possible to structure 3 different break points for your navigation. CSS3 media queries are the quickest and easiest method for building a responsive navigation which looks good in all modern browsers. The links on his website are always kept in block formation, even on 320px width iPhone screens you can see the most important links directly under the logo.

Block and inline-block links are great when you only have a small collection of them. It will not be difficult to reorganize the pattern of links and they can shrink to almost any size. What’s important is being creative and pushing the boundaries for whatever looks best. Do not be afraid to demo a style and see how it looks. Just keep your links flexible yet sturdy and always displaying above the fold.

Condensing the Navigation

A similar idea is to condense your links into smaller spaces while also re-organizing the position as needed. Generally you would use this technique with horizontal navigation menus which span a large section of the header area. Block-level nav links typically stay the same size and keep their original padding. But for condensing you only need to update the sizes and space between the navigation items, like the example on Oliver Russell’s website.

The varying colors help to distinguish between each of the core navigation links. Although his website may have a large collection of webpages, the top navigation only holds 4 main links. This is why you notice so much extra space which is slowly reducing the padding as the layout resizes. The design style also reminds me of the navigation on Bodhum which condenses links smaller until they eventually break up to display above the logo.

Another interesting possibility for condensing links is to shift from a horizontal into a vertical navigation. This way you are not hiding links away from the page and users can still have full access to them. The website layout by Truf is an excellent example. As the links begin to condense and get closer to the logo, a responsive style will force them into a vertical pattern instead. Using this design you could potentially fit 6 or 7+ links all in order, although it might look somewhat cluttered on a mobile smartphone.

Input Select Options

Many of the new free WordPress themes which are released on their website are utilizing this mobile navigation technique. Not all WP themes are responsive, but for the select few that are I have noticed the navigation eventually turns into a dropdown select menu. Clicking on a specific page will bring you immediately to that page and it becomes the selected option.

On the latest redesign of Smashing Magazine you can also see this feature being implemented. I will say that although it can look a little out of place, there is plenty of room for keeping links available. This method is very easy to setup and you do not need to worry much about font sizes or extra padding.

There are a couple downsides to this as well, namely that users may be confused as to the purpose of this dropdown. More people are becoming familiar with responsive layouts every day. But some visitors may not recognize this trend, and they may be confused as to the purpose of a select menu at the top of the page. But you can encourage users by designing a nice fitted layout around the navigation select menu. Japi Blog does an excellent job with their responsive design by encapsulating the nav between a dashed border box.

Hidden Dropdown Toolbars

When it comes to hiding navigation links there are 2 fantastic solutions I have found. This first choice is to use a typical dropdown navigation which toggles as the user taps the nav button. Some dropdown menus could appear on top of the page content as you see with Performance Marketing Awards. This option will save space on the page and keep the animation effect relatively disconnected from the page content.

I like this idea for simple portfolio websites or personal blogs. Generally these websites do not require too many links, so the menu itself should never go beyond the page height. If you are using fixed positioning then this may be a problem and other dropdown/pushdown menus would be a better idea. Right away my first thought is the responsive navigation for the Treehouse Blog. Instead of having the dropdown appear over the content, instead it will push down the page to make room for displaying the full vertical navigation.

This idea stands out to me the most because you can include sub-links and even sub-sub-links if necessary. It is an elegant solution for switching between a desktop-style hover dropdown into a mobile-style click-to-toggle dropdown. Andrew Chalkley even wrote a tutorial for the blog explaining how developers can build their own responsive dropdown navigation.

Sliding Nav Boxes

The other alternative for a hidden responsive navigation is to keep your links off to the side of the page and toggle this menu in a similar fashion. The user may tap on a button to hide/show the navigation, but it will slide in from the side as is typical of many iOS applications. The homepage design for Kin HR uses this technique combined with a top-level hidden navigation.

The initial page uses a large fullscreen background with links positioned off in the right corner. As you resize the layout a small 3-line toggle button will appear. Tap this to see the nav links push down the page and appear right at the top. Visitors can easily toggle between showing and hiding these links without much difficulty.

The hidden responsive menu for Sequence behaves in a similar fashion. The toggle button will slide the entire page over to the right, which reveals a common vertical navigation menu. I have seen this trend skyrocket in recent iPhone applications and it provides one of the easiest & quickest user experiences. Strangely their website toggle button does not close the nav, instead you have to tap somewhere in the body or onto one of the links. But obviously this implementation will change between each website and you can choose your own functionality when building a similar navigation menu.

Responsive Design Galleries

• Media Queries
• Awwwards Gallery
• Best Web Gallery
• Design Bombs
• Design Fridge

Final Thoughts

Although mobile responsive design has been around for years, it seems to have undergone a tremendous expansion over the year 2012. I would not be surprised if we find even more inspiration galleries, open source libraries, webapps, and design practices revolving around compatible responsive websites.

I hope these navigation trends may provide a starting point for launching your next project. The key aspects to consider would involve how many links are to be included in the design, plus how they should be formatted within the layout. But spending some extra time planning out your responsive ideas will certainly yield a beautiful final product design.

About the Author:

Jake is a freelance writer and frontend web developer. He can be found writing in many blogs on topics such as mobile interfaces, freelancing, jQuery, and Objective-C. Check out his other articles throughout Google and follow his tweets @jakerocheleau. Jake’s Google+ profile.

There are a lot of benefits to using a framework like Bootstrap, most of them focusing on the increased efficiency for building modern and responsive websites. If you’re a Bootstrap user, or if you are interested in giving it a shot, there are several resources that can help with the visual design aspect of working with Bootstrap, and we’ll look at them in this article. There are far more resources that useful for working with Bootstrap in one way or another, but in this collection we are focusing on those resources that help with creating a visual design.

Bootstrap 2.0 Photoshop Template
This free PSD file includes loads of elements that can be used to create your own Bootstrap-based designs in Photoshop. It come with things like buttons, form elements, typography, navigation elements, tables, and much more. It’s also available for Fireworks.

Twitter Bootstrap Responsive Grid Photoshop Templates
This is a simple PSD file that will help with designing and layout out sites to be coded on Bootstrap.

Bootstrap Grid Templates
This set of grids (available for Photoshop and Illustrator) can help for laying out your designs to work well with Bootstraps grid. To get the download you need to pay with a tweet.

Grid Displayer
If you prefer to design in the brower this bookmarklet will allow you to view Bootstrap’s grids visually right from within your browser.

Flat UI
This free UI set from DesignModo in PSD and HTML formats and it was created to be used with Bootstrap. It includes a variety of elements with a flat design style that will help to make your site beautiful.

Twitter Bootstrap Button Generator
This awesome free tool helps you to create your own Bootstrap buttons. You can choose button text, size, color, type, icon, and more.

Font Awesome
Font Awesome is a free icon font design to be compatible with Bootstrap. You can use Font Awesome in the design of your own sites built on Bootstrap.

Bootstrap Theme Roller
With Bootstrap Theme Roller you can quickly create and customize your own theme of style. You can then download your theme and put it to work in your design.

Bootply
Bootply is a playground for Twitter Bootstrap. Use Bootply to design, prototype, extend, or test the Bootstrap framework.

Divshot
Divshot is a drag-and-drop editor that allows you to build responsive sites on Bootstrap (as well as Foundation) without the coding. Currently it is in beta and free to use.

Jetstrap
Like Divshot, Jetstrap is a web app for quickly building sites on Bootstrap. You can drag-and-drop the Bootstrap components to create your own design.

Beautiful Buttons for Twitter Bootstrappers
This free tool will allow you to customize your own buttons for use with Bootstrap. You simply use the sliders to customize the button and then copy the CSS.

StyleBootstrap.info
With this free tool you can stylize and customize some of the common Bootstrap elements like a navigation menu, typography, buttons, forms, and more.

If you’re a WordPress user there are a number of quality plugins available that have been created specifically to help with building a mailing list. In this article we’ll take a look at some of the best plugins that can turn your list building frustrations into success.

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads. Visit WPEngine.

PopUp Domination

PopUp Domination is probably the most popular WordPress plugin specifically created to help with list building. A big reason why this plugin has become so popular is simply the fact that popups can be very effective for getting visitors attention and for getting them to take action. Of course, there is a downside. Popups can sometimes become annoying to visitors, so you’ll need to consider your specific audience to decide if this could be a good option for your site. Fortunately, PopUp Domination includes loads of features, including the ability to limit how frequently your visitors will see the popup, which helps to avoid annoying them, and you can even choose to show or not show the popup on specific categories and pages.

PopUp Domination includes a variety of different templates to use as starting points for your popups, and some customization is possible. In my opinion, the pre-made templates from PopUp Domination are better looking than the default templates from other popup plugins.

I’ve personally used PopUp Domination for several months on this blog (only on specific pages and categories) and I’ve also used it on some client’s websites as well. I’ve found it to be very effective at significantly increasing optin rates. The reason it is no longer being used on this site is that we chose to use a notification bar to promote our newsletter instead, as we felt the notification bar is a bit less intrusive to visitors. However, if you’re looking to maximize optins from your site you should consider popups.

Viral Optins

Viral Optins is a new plugin with some really interesting features. Like PopUp Domination, it allows you to create popups, but you can also create other types of optin forms as well. This includes forms for your sidebar are for within page/post content.

But what really makes it unique is the viral aspect. After someone has subscribed to your list they are given a unique URL that they can share with their friends. If they refer a specific number of subscribers through their unique URL they can get access to some sort of bonus or exclusive content.

So, for example, if you are already using an e-book as an incentive for people to sign up to your list, you can also offer them another bonus like an exclusive interview or a special report if they refer a set number of people to your list. Of course, you can control all the details, so you can set it to require 3 referrals, 5 referrals, or whatever number you want.

With so many people being active on social networks like Facebook and Twitter they can easily share their unique URL with their friends, which means more subscribers for you, and a free gift for them. This type of exponential growth makes it possible to build a large list very quickly.

Pippity

Pippity includes a lot of the same features and functionality as PopUp Domination. Some people prefer the look of the popups from PopUp Domination and others prefer those from Pippity. Like PopUp Domination, Pippity gives you extensive control over your popups and where/when they are shown. You’ll also be able to do A/B testing to determine which popups get the best conversion rates so you can maximize the impact.

Hybrid Connect

Hybrid Connect is another plugin that allows you to easily create optin forms to be used on your website or blog. You can create popups, forms for sidebars, forms to be shown in post/page content, squeeze pages, and more. It comes with more than 30 templates that you can customize to suit your needs. Hybrid Connect will also perform split testing, and it will then automatically eliminates the forms that aren’t converting and instead uses the more effective ones.

OptinSkin

OptinSkin takes a bit of a different approach than the other plugins that we’ve looked at so far. Instead of creating popups, OptinSkin creates forms that will be shown within your page/post content. One cool feature is that you can set it to fade in, which will draw the attention of visitors without having the same annoyance factor as a popup. With OptinSkin you can also do A/B testing to determine which forms are most effective. It comes with 18 pre-designed templates that you can customize, or you can create your own custom skin from scratch. The default templates are well-designed and easily customizable.

MaxBlogPress Subscribers Magnet

Subscribers Magnet is a plugin that allows to to create optin forms and place them at specific locations on your blog. You can add the forms to your sidebar, within post/page content, and you can even create footer bars that will get noticed instantly. One unique feature of Subscribers Magnet is that you can set it to autofill with visitors data (name and email), which can make it that much easier for visitors to subscribe.

Optin Revolution

Optin Revolution is another plugin that will help you to create popups. You’ll have full control over where and when your popup is displayed, and you can customize the default templates to suit your needs. Optin Revolution can also do split testing to help you determine which popups are most effective.

WordPress Popup

WordPress PopUp is a free plugin that lacks most of the advanced features found in other options on this list, but it is free and is an option if you are working with a very limited budget. It allows you to create your popups from the WordPress dashboard, but it does not have built in integration for creating forms that will work with the leading mailing list managers like AWeber and MailChimp.

Foobar

Although it is not specifically a plugin for increasing optins I wanted to include it in this list because that is how we are using it on this blog. Foobar allows you to add a notification bar to your site, and you can promote whatever you want from that notification bar. In our case we use it to promote our newsletter and the free gift for subscribers, and it has been very effective for us for quite some time.

These themes will not replace your desktop theme, instead the mobile theme will only be seen by visitors on mobile devices. This setup typically includes a plugin to determine what device the visitor is using, and then it will display the appropriate theme. In this post we’ll showcase 27 different options for mobile sites on WordPress. Most are themes, but some are plugins.

Handheld

Handheld is a plugin from ElegantThemes that will display a mobile-friendly version of your site to visitors on mobile devices. Visitors who are not on mobile devices will see your regular theme. It is available to ElegantThemes members with a Developer membership level. The cost of that Developer membership level is $89 per year, and it also includes more than 80 themes in addition to the Handheld plugin.

Simple Mobile

Simple Mobile comes with 8 different color schemes, a collapsible multi-level navigational menu, Twitter implementation, and more. It is available at ThemeForest for $25.

My Mobile Page V2

My Mobile Page V2 uses a customizable fluid layout, a custom admin panel, a working contact form, and more. It sells for $25 at ThemeForest.

My Mobile Page V3

My Mobile Page V3 uses fluid navigation, flexible images and video, a responsive gallery and slideshow, a custom admin panel, and 12 shortcodes for content editing. You can get it for $25 at ThemeForest.

WOW! My Site

WOW! My Site comes with 9 preset color scheme options, multiple page templates, shortcodes, and unlimited color options for customization. The price is $25 and it is available at ThemeForest.

Metro Mobile

You can give your mobile site a Metro-style layout with this theme. You can create your own metro style, and it includes a custom admin panel, easy shortcodes, and it is fully customizable. It is available at ThemeForest for $35.

Touch Mobile

This theme is optimized for mobile phone and tablet users. It is touchscreen optimized, includes 6 different page templates, offers 3 main color schemes, and can easily be customized. The price is $30 and it can be purchased at ThemeForest.

1stGiantLeap

1stGiantLeap includes swipe gesture support, 4 different skins, Twiiter integration, and a working Ajax form. It costs $25 at ThemeForest.

Mobilize

Mobilize has a responsive mobile and tablet layout, an extensive theme options panel, a touch-optimized slider, a Twitter feed, a contact form, shortcodes and more. The price at ThemeForest is $30.

mobiTheme

mobiThemes comes with features like WordPress navigation menu support, unlimited color options, Twitter feed, home page tabs, and more. The theme can be purchased for $25 at ThemeForest.

Stacker

Stacker is a retina-ready respsonsive theme. It comes with features like a working contact form, shortcodes, photoswipe and flexslider, 5 page templates, and more. It is for sale at ThemeForest for $30.

SOFA iBloggr

SOFA iBloggr is exclusively for the iPhone and iPod touch. It is widget ready, comes with built in pagination, includes a working contact form, and more. The price is $25 and it is available at ThemeForest.

Mobit

Mobit comes with a theme customizer that allows you to style your theme. It has a 2-level accordion menu, is retina-ready, comes with shortcodes, and more. It is available for $35 at ThemeForest.

WpMobb

WpMobb comes with 8 different styles, 18 unique page designs, 3 gallery styles, easy color customization, a working contact form, and more. It can be purchased at $30 at ThemeForest.

Breathe

Breathe comes with 6 main themes, shortcodes, WordPress navigation menu support, a liquid layout, and more. It costs $30 at ThemeForest.

Tiger

Tiger has a theme customizer, supports touch and swipe gestures, Google font integration, shortcodes, and more. It can be purchased at ThemeForest for $30.

Hero

Hero is retina-ready, and comes with features like a touch and swipe gallery, multiple color schemes, customizable shortcodes, and more. The price is $25 at ThemeForest.

Side Mobile

Side Mobile offers features like 5 custom pages, 5 color schemes, a custom control panel, a working contact form, and more. It is available at for $25 at ThemeForest,

Ultimate

This is really two themes (Ultimate and Slate) in one. Between the two themes you’ll have a lot of different options for colors, and you’ll get features like page templates, working contact forms, shortcodes, and more. The cost is $25 at ThemeForest.

Rodin

Rodin comes with 12 pre-defined background patterns, and you also have unlimited color options. It comes with features like FlexSlider 2, Font Awesome integration, Google Font integration, a working contact form, and more. The theme costs $30 at ThemeForest.

AxiaMobile

AxiaMobile comes with 3 color schemes, a front page swipe slider, a theme options panel, and a working contact form. It is available at ThemeForest for $25.

Provocateur

Provocateur is a retina-ready theme with features like a fully customizable main page, a portfolio widget, shortcodes, FlexSlider, and more. The price of the theme is $25 and it is available at ThemeForest.

Brave

Brave comes with 6 different color schemes, a working contact form, a touch-enabled gallery, shortcodes, and more. The price of the theme is $25 at ThemeForest.

Touch

Touch is a retina-ready theme with features like a two-level accordion menu, a working contact form, a touch-enabled gallery, multiple page templates, shortcodes, and more. Touch can be purchased at ThemeForest for $25.

Lotus

Lotus is a retina-ready theme. It comes with features like a working contact form, dark and light color schemes, a swipe slider and gallery, and more. It is available at ThemeForest for $30.

WPtouch Pro 3

WPtouch is one of the most popular mobile options for WordPress. It comes in free and pro versions. The pro version (cost is $59 Canadian) includes additional features like product updates and support and 3 different themes from which to choose.

WPApptouch

WPApptouch is a free option that will transform your WordPress-based website to resemble a native-like application. Like Handheld, WPApptouch is a plugin that you will activate to display your mobile theme to mobile visitors.

For more WordPress themes please see:

• WordPress Business Themes
• Personal WordPress Themes
• Minimal WordPress Themes
• Comparison of WordPress Theme Clubs

Next time you need to design a bold headline that will capture the interest of readers, consider using one of these free fonts.

Code Bold

Nexa
Light and Bold weights are available as a free download.

Franchise

Langdon

Nevis

Museo Slab
The 500 weight of Museo Slab is available as a free download.

Bebas Neue

League Gothic

Aleo

Lovelo

Promesh

Airbag

Verb Black

Source Sans Pro

Intro

Archive

Chivo

Expressway

Lato

Oswald

One of the best ways to control the parts of the website that will get the most attention from visitors is to remove things that are unnecessary and might cause a distraction. In recent years the minimalist design approach has drawn a lot of attention, especially from designers who appreciate the beauty of simplicity. However, designing a website to avoid clutter and distractions doesn’t mean that it has to be completely minimal with very few images and visual elements.

In this post we’ll showcase 25 sites that use a clean layout and design, eliminating unneeded clutter. Some of these sites are more minimalistic than others, but they all showcase the power of a clean design.

Foundry Collective

SumAll

Mailbox

Pixeno

My Name is Dan

Simone Favarin

Swear Words

Jumpbox Design

Evolve Artistic

Nudge

Wixel

Osito

Northbound Design

Blimp

William Leeks

Thibault Jorge

Dodge & Burn

Roy Barber

Lab Fiftyfive

Enjoythis

Amanda Cole

Scanadu

Funkhaus

GOOQX

Michiel de Graaf

For more design inspiration please see:

• 33 Examples of the Flat Web Design Trend
• 25 Bright and Bold Website Designs
• 25 Beautiful Portfolio Website Designs
• Showcase of Outstanding Blog Designs