P.S. – Don’t Forget Your WordPress Footer

Save the best for last, so they say, and you can very well do so by optimizing your WordPress footer. The footer, more or less, is an indicator of your website’s personal style. Not all people like flooding their footer with links. Those who subscribe to the minimalist approach prefer a couple of links or so as a subtle reminder to users that they are at the bottom of the page. Others prefer to engage and encourage users to explore a little bit more. Whatever your style preference is, the footer is a useful navigational tool you can use to highlight important content that you would like users to know about.

The footer is essentially another sidebar that can be filled with widgets, secondary information, or even a simple copyright notice if that’s all you prefer. It frees up your sidebar to contain the more urgent call to action items or important links your users need to be aware of. Nevertheless, it is still prime real estate on your site as it is the last thing the user sees when he scrolls all the way to the bottom of the page. The WordPress code for the footer can appear like the one below. Use a wp_footer() call, to appear just before closing body tag:

<?php wp_footer(); ?>
</body>
</html>

Below is a list of content that you may or may not add to your footer:

  • Social Network Links
  • Recent Posts | Pages
  • Categories
  • Feeds | Feed Links
  • Newsletter Subscription
  • Designer Credit(s)
  • Random Quotes
  • Advertisements
  • About
  • Links to Recommended Resources
  • Pictures | Flickr feed
  • Credit and Thanks
  • Popular Posts within your blog/site
  • Links to tutorials or “must read first” articles
  • Calendar
  • Tag List or Tag Cloud
  • Copyright

If you choose to optimize your footer with SEO techniques be sure to take into account recent Google Panda and Penguin updates to make sure your website will not be penalized for “over optimizing” and simply stick to links that are really useful.

30 Realistic and Inspirational 3D Artworks 2013

Some people believe that genius is something intrinsic, something inherent within a man and genius cannot be taught. You cannot be trained to become a genius. For e.g. you cannot be trained to paint like Da Vinci. Although this notion is true but some people take it far too seriously. Some students skip classes because they think that traditional education will tamper with their natural instincts. Others try to start a business without reading a single business book. Of course these people are flawed in their thinking. Albert Einstein once said – “You have to learn the rules of the game. And then you have to play better than anyone else.” So you see success has two parts. One is learning the rules of the game and the other one is playing better than others. This former aspect, learning the rules of your trade, can be trained and taught.

Below I have collected 30 artworks for those artists who want to learn the rules of art. These artworks are not genre specific. They vary from the children’s comic character The Incredible Hulk to the portrait of a simple innocent girl, from the picture of a super hero to Ibn Tulun Mosque. So scroll down and enjoy.

(more…)

22 Awesome jQuery Typography Plugins 2013

In today’s fast moving internet world every website owner is using all the tools that he can to make his website look more visually appealing and more attractive in terms of design. This makes sense because if you think that websites should only provide information then you should not consider starting up a website at all.

Now many different types of technological tools are available out there which can help you design better websites. In this article I have chosen to focus on jQuery plugins.

jQuery is a JavaScript library that simplifies HTML, document traversing, event handling, animating and Ajax interactions for rapid web development.

Below I have compiled 22 awesome jQuery typography plug-ins which you can use to enhance your site. To show one example how these plug-ins can help you, let’s take a look at the first plugin J Rumble. I am sure you know sites that change the link color when you move your hover over the link. This effect is known as “hover effect”. J Rumble takes this technology one step further. By using this plugin, as soon as someone chooses an element of your site, the element will rumble, vibrate, shake or rotate.

There are 21 other plugins that will make your life easier. So scroll down and take a look.

(more…)

Harmony Theme from Elegant Themes is LIVE

On Nov 29, Elegant Themes officially released Harmony, a versatile premium WordPress theme designed for musicians and bands. Its key features are its custom audio player for sampling music tracks, event manager features and eCommerce functionality. Visitors can listen to the band’s music, purchase concert tickets via the band’s ticket vendor of choice and purchase music/merchandise through the theme’s WooCommerce powered e-store pages. It’s a one-stop website both musicians and fans will surely enjoy.

Harmony is a well designed, well developed theme considering this is Elegant’s first step into music themes. A lot of expectation and inputs have been given by users since the theme’s announcement on Nov. 7 and these suggestions have been carefully woven into the theme as best possible. The theme continues to deliver that signature Elegant Themes look and upholds its reputation for simple yet sophisticated design that distinguishes it, specifically Harmony’s aesthetics, from other music themes in the market. In addition, its excellent event management capabilities make it convenient for fans to patronize the band’s latest gigs and concerts as seamless and as effortless as scrolling through the pages.

Harmony includes an integrated MP3 audio player which gives fans and potential fans the opportunity to listen to audio samples of upcoming or already released music tracks. The theme is also equipped to display music videos and concert previews as an effective marketing tool to attract the attention of this media savvy generation of fans. This theme is also responsive and will work well on handheld and mobile devices – a staple of every ear plugged music fan out there. This means that fans can enjoy their favorite band’s music anytime, anywhere – which is definitely music to any musician’s ears.

Features:

  • Responsive Design
  • Theme Options
  • Shortcodes
  • Page Templates
  • Perpetual Updates
  • Secure and Valid Code
  • Browser Compatibility
  • Complete Localization
  • Unlimited Colors
  • Unparalleled Support

Harmony Premium WordPress Theme includes top-notch tech support provided by Elegant themes’ support staff to help you setup your site and get it running in no time.

Get 77 Premium Themes for $39

20 Useful Admin Plug-ins for WordPress

Do you know what makes WordPress the number one choice amongst bloggers? Although one can list many reasons but one of the most prominent in the list will be the number of plug-ins it supports. WordPress currently runs more than 20,000 plug-ins that have been downloaded more than 30 chore times! This is both good and bad news. Good news because you will have a lot to choose from. You will almost every time find what you need. Bad news because amongst such a vast ocean of plug-ins it is easy to get lost and drowned in the information overload. To help you out we present you with 20 WordPress admin plug-ins that we feel are the best in their niche. As the name suggests these are admin plug-ins i.e. they will help the administrator of the WordPress blog to operate the blog in a better and more efficient way.

For example, let’s say that you are fed up with all the clutter of the unnecessary and superfluous windows and bars that occupy your WordPress dashboard. Try Ad minimize, listed in the first position below. This plug-in allows you to compress windows to allow more content to be substituted in its place. Obviously different people have different priorities. So with Ad minimize you can customize your WordPress’s dashboard the way you like.

Besides Ad minimize, there are 19 other useful plug-ins that, I think, you should know of. Scroll down and check them out.

(more…)

10 Useful WordPress Add-ons for Firefox

Almost in all our blog posts we need to add external links, images, etc. to enhance the quality of our posts. The traditional method to do that is to first write the complete article and then search for the relevant data on the Internet and, when found, insert it in the blog post. But you can save a lot of time by using the Zemanta WordPress add-on. If Zemanta is installed and you are writing an article in WordPress then the add-on displays relevant articles, links and images that match with your text and you can choose which ones to insert right from the WordPress dashboard. Zemanta will also display the attribution details of the image. Obviously this is a great help in your blogging journey.

This is just one example on how add-ons can help you in blogging. If you want more of these fantastic add-ons then you have come to the right place. In this article I present you  10 useful WordPress add-ons for Firefox.

The add-ons collected below have different purposes. For example Deepest Sender, can be used to post to your WordPress website even when you are on a different page. This can be of a great help when,  you are reading an article on the Internet and you think you can build upon the idea presented there in a better way. All you have to do is to hit Ctrl+ and you will be in your WordPress dashboard and can start typing.

So scroll down and find which one suits you best.

(more…)

Responsive Web Design (RWD) vs Adaptive Web Design (AWD)

We’ve heard the terms Fluid, Adaptive, and Responsive used interchangeably when describing a theme’s ability to resize according to browser specs or device (mobile or not) size. Are they really different from one another or are they referring to the same characteristics found in themes described as such?

What is Responsive Web Design (RWD)? Responsive Layout?

Let’s take a closer look.

Responsive web design (often abbreviated to RWD) is an approach to web design in which a site is crafted to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones) – Wikipedia

Responsive design is the methodology behind making a website respond to whatever platform you are viewing it on regardless of resolution and orientation. It may change how certain elements display but it will not remove elements or change the core functionality of their behaviours. Responsive design uses a fluid grid and it is usually possible entirely through HTML and CSS, without the need for DOM (Document Object Model) manipulation. – Matthew Freeman

According to Ethan Marcotte, The 3 Elements of Responsive Web Design are:

A flexible, grid-based layout – A layout based on proportions rather than absolutes; uses a flexible grid, which in turn ensures that a website can scale to a browser’s full width.

Flexible images and media – Layouts based on percentages resize gracefully according to the size of the browser window rendering them. However, it is problematic to ensure that the content within a site resizes.
Images and media should scale with the flexible grid; images that work in a flexible context, whether fluid themselves or perhaps controlled through overflow mechanisms. CSS addresses this problem with its max-width property

Media queries – Content based breakpoints; optimize the design for different viewing contexts and spot-fix bugs that occur at different resolution ranges. CSS3’s media queries directly address these usability problems by allowing browsers to serve different styles for different viewing contexts. CSS3 greatly expands support for media queries, adding the ability to target media features such as screen and device width and orientation.

These 3 elements of Responsive Web Design find their way into 3 different types of Responsive (RWD) Layouts:

The Basic Fluid Lay­out
Con­tent con­tin­u­ally flows or adjusts in a word-wrap fash­ion as screen width is increased or reduced. There are no “dis­tinct” dif­fer­ences in con­tent pre­sen­ta­tion. Fluid layouts are dynamic and user sensitive – adapting to the available real estate on the user interface and providing increased content accessibility.

The Adap­tive Lay­out
There are pre­de­fined sizes were dif­fer­ent lay­outs are trig­gered. These are called breakpoints. Typ­i­cally there are three or four break­points to accom­mo­date desk­top, tablet and mobile screen sizes.

The Respon­sive Lay­out
This is a hybrid of Basic Fluid Lay­out and Adap­tive Lay­out. There are pre­de­fined break points, how­ever in between these breakpoints con­tent will flow to expand or con­tract.

According to his article for the Adobe Blog, Carl Sandquist states that:

“Cur­rently, most RWD web sites use Respon­sive Lay­out since it offers a best-of-both-world expe­ri­ence. Con­tent snaps into the appro­pri­ate approx­i­mate posi­tion for a device type (e.g. Tablet) and then fine-tuned adjust­ments are made for the exact screen size on a par­tic­u­lar device.”

What is Adaptive Design (AWD)? Adaptive Layout?

“Adaptive design is the manipulation of layouts to best perform on certain screen resolutions inclusive of elemental removal or behaviour changing techniques. Adaptive design usually requires Javascript to efficiently manipulate the DOM. Javascript can be avoided if you plan on having duplicate on-page elements and then show or hide them based on screen sizes, this might be appropriate for smaller elements but not whole columns or navigation elements.” – Matthew Freeman

“This technique adapts what is displayed depending on the capabilities of the device being used, as well as the screen size. It centres on the context of the user, so even when the same content is used, it is adapted (with some or even all of the design elements changing), depending on whether the user is using a mouse and keyboard or touch screen. AWD also uses different layouts for tablets and mobiles with certain. ‘Responsive’ elements built in to reduce the number of different templates required. AWD can be taken to further extremes with content being completely repackaged and reworded, while images and video are either reworked or completely removed.” – Danny Bluestone

According to Aaron Gustafson, author of Adaptive Web Design, Crafting Rich Experiences with Progressive Enhancement:

“Progressive enhancement isn’t about browsers. It’s about crafting experiences that serve your users by giving them access to content without technological restrictions. Progressive enhancement doesn’t require that you provide the same experience in different browsers, nor does it preclude you from using the latest and greatest technologies; it simply asks that you honor your content (and your users) by applying technologies in an intelligent way, layer-upon-layer, to craft an amazing experience.

He encourages designers to: Think of the user, not the browser.”

Which one is better?

A better understanding of the differences between Responsive Web Design and Adaptive Web Design is a starting point to deciding which solution will work well for you, or your clients, if you are a WordPress professional. Knowing what solutions are available and having the ability to distinguish and implement whichever design approach best meets the specifications of the end user is an important element. Of course, nothing is carved in stone. Future designs may be a combination or a hybrid of both – employing the best features of each one. The goal is to ensure that the user experience at the point of searching and eventually finding your website is the best experience they get at that particular moment – fully hoping that it will be the first of many more visits and not their last.

30 Inspirational Non-Profit WordPress Themes 2013

Amongst all the civilized life of shopping malls and movie lexes we must not forget that there are parts in this world whose inhabitants don’t get even the basic necessities of life like food and water. Innocents get killed everyday in calamities like bomb blasts, earthquakes, tsunamis, etc. Children are out of schools as their parents cannot pay for their education. People die even from minor curable diseases merely because they didn’t have the money to see a doctor. The situation is far more serious than what I can describe in a few sentences. The statement that I wish to make is that we should care about others and should donate generously to non-profit organizations that are trying to help those in need.

Perhaps the following collection of 30 WordPress themes, designed especially for the non-profits may make a small contribution in making the world a better place.

Of course different niches have different site design requirements. A social networking site should look and behave in a completely different way than what a gaming site should look like. Special care and attention was devoted to the following templates so that they craft out into a good and clean look, which is what is required for non-profit organizations.

Some of the templates below are without charge but due to certain restrictions we can’t just giveaway everything absolutely free, although we would have loved to. Hence we have charged a nominal amount in the remaining templates. Scroll down and take a look.

(more…)

Magazine WordPress Themes 2013: Trends

One of the usual challenges of online newspapers or magazines is streamlining content in a more readable and user friendly format. Because of the verbose or content-heavy nature of these sites, careful thought needs to be made in creating a theme layout that employs clever typography skills and information management techniques to create content that is readable and easy on the eye. Visual cues need to deliberately designed and strategically placed to draw attention to the most important sections of the site despite being bombarded by tons of images and information all at the same time. Because we are living in the digital age, careful thought and consideration also needs to be given to the never ending technological race to release the latest device or gadget where these websites will be accessed.

In light of all that, we think that Magazine WordPress Themes will continue to see improvements and changes in the following areas:

Easy to Implement, Clean, and Streamlined Design with an Emphasis on Readability

A well organized layout eliminates clutter and confusion and creates a pleasant navigational experience for visitors. This creates the impression that the people behind the publication are professionals and consequently adds credibility to the magazine’s reputation. Carefully chosen fonts and font sizes also add to the overall readability of the site and will hopefully encourage casual readers to become loyal subscribers.

Drag and Drop Features

Every publication is different. Each one has specific requirements based on their own reader base. Some formats may work for a certain season but become dated in the next. Magazine WordPress themes should be flexible enough to handle different layout configurations without much ado. One viable solution is to integrate a Drag and Drop feature to give website owners flexibility to reconfigure their websites and switch design elements around easily.

Single Page Templates

One of the benefits and yet at the same time one of the disadvantages of a magazine styled theme is that more content is featured on the front page. The homepage is filled with images and content to gain maximum exposure and accessibility. Perhaps more and more Magazine WordPress Themes will be designed with alternative options to use infinite scrolling single page templates to ensure that all posts will be given equal amount of exposure. This also eliminates the need for more clicks from visitors.

Responsive Layouts

The mobile web revolution has forever changed the way people access the internet. Online publications hosted on WordPress should be responsive or have that option available to them. Devices and gadgets are constantly evolving therefore Magazine WordPress themes need to be in step or be able to adapt to these technological changes quickly.

Search Engine Optimized, Affiliate, and Ad Ready

The lifeblood of print publications is in advertising. The same holds true for online publications. As these websites increase in size and readership, more and more resources are required to maintain it like hosting space, multiple authors and contributors, maintenance costs, etc. Magazine WordPress Themes authors need to design with these considerations in mind and give WP theme users backend options to monetize the site. Provision for and management of ad blocks or affiliate links should be standard built-in features already.

Rating and Review System

People love to voice their opinions and having this feature built into a Magazine WordPress theme encourages interactivity. This helps increase site traffic and later on adds credibility and authority which is translates into higher ranking sites as well.

Translation Ready

The Internet is an international marketplace represented by people from all around the world. Magazine WordPress themes need to be translation ready to take advantage of the untapped global target market.

The digital revolution has already eaten up a great chunk of the print generation but there is still room for growth. Although there are some printed materials that digital can never replace, those that can, will definitely benefit from this paperless trend we are seeing.