WordPress Themes: Flat vs Skeuomorphism

First it was responsive, and then it was retina-ready, and now it’s all about flat design. – mainstream design trends that have been embraced and integrated into a lot of current WordPress theme designs. Not exactly a bad thing especially if you are being sensitive to the demands of the target market you are servicing. Flat design (as seen in Windows 8) is the current design flavor as opposed to the more traditional skeuomorphic designs (as seen in pre-iOS 7 graphics). It is not exactly a “new” design style but it has received a lot of attention lately especially because of Apple’s recent decision to go “flat” in the latest iteration of iOS. Let’s dive a little deeper.

Skeuomorphism Defined

Skeuomorph, , or skeuomorphism – n. (Pronunciation: /?skyo?o??môr?fiz?m/)
Skeuomorphism refers to a design principle in which design cues are taken from the physical world. This term is most frequently applied to user interfaces (UIs), where much of the design has traditionally aimed to recall the real world – such as the use of folder and files images for computer filing systems, or a letter symbol for email – probably to make computers feel more familiar to users. However, this approach is increasingly being criticized for its lack of ingenuity and its failure to pioneer designs that truly harness a computer’s superior capabilities, rather than forcing it to merely mimic the behavior of a physical object.

The term skeuomorphism is derived from the Greek words “skeuos,” which means vessel or tool, and “morphe,” which means “shape.”
(source: Techopedia.com)

Flat Design Defined

Flat design is a minimalistic design approach that emphasizes usability. It features clean, open space, crisp edges, bright colours and two-dimensional/flat illustrations. In flat design, ornamental elements are viewed as unnecessary clutter. If an aspect serves no functional purpose, it’s a distraction from user experience. This is the reason for the minimalistic nature of flat design. (source: creativebloq.com)

Flat design is a technique that uses simple effects – or lack thereof – to create a design scheme that does not include three-dimensional attributes. Effects such as drop shadows, bevels, embossing and gradients are not used in flat design projects.
Some call the look of flat design simple, although it can be quite complex. The look itself is simple, direct and user-friendly, making it an increasingly popular option for mobile user interfaces as well as trendy web design. (source: designmodo.com)

The Debate – Old Ornate vs. The New Cool

Many designers argue for or against either one of these design styles. It is an ongoing debate in design circles and the discussion has sometimes been heated and enlightening at the same time. Aside from the obvious difference in looks, visual designers have taken to flat design in response to technology. Not only is it quicker to design but also the smaller file sizes of these design elements allow for faster loading and a more efficient UI experience. As the web becomes more mature and more distinct in its visual language, the use of these flat design elements will become more instinctive and less dependent on graphics that imitate real life.

WordPress and Flat Design

WordPress designers have already been incorporating flat design into many of the WordPress themes that are coming out. Minimalist, clean, simple graphic elements are common in several of the newer theme releases. Excessive shadows, real world things, 3D effects, gradients are a few of the effects that have been greatly reduced and have given way to cleaner, simpler, colorful, light and modern elements.

Which one is better?

Some people like log cabins while others prefer IKEA-styled homes. We can’t say one is better than the other because it is a matter of personal preference. As far as designing WordPress themes for a specific market goes, one market will prefer the minimalist look while another will be wowed by a 3D, parallax powered, visually stimulating theme. Some are even drawn to crowded design. The choice belongs to the consumer. And the consumer will buy whatever matches his or her preferences and meets his or her goals and objectives. What may seem beautiful to one client can look disgusting and awful to another.

WordPress professionals who create WordPress themes and sell them in the marketplace are subject to the whims of of the consumer. No one can really predict which theme will be a smashing hit once it is released. However, delivering a product to the market that is consistent with one’s design sensibilities and high standards of quality will always find its target market match somewhere along the way.

Share your thoughts. We’d love to hear from you.


Nexus WordPress Theme from Elegant Themes

Stories are an important part of our identity as humans and as a society. More often than not, we go through magazines and newspapers looking for stories to inspire us, inform us and the like. It is easier for us to appreciate a situation if we read the experiences of people involved and see pictures as opposed to a detached report with just facts and figures. This gives the user a more concrete appreciation of what really transpired. Websites must be able to present content as stories that engage users to interact more. There must be a good balance between text and media content to achieve this. At the same time, the website design needs have the flexibility to be able to arrange content in such a way as to effectively create a synergy between text and media content.

Nexus Premium WordPress Theme is a theme created to give you the power to organize content and maximize your capability to tell your stories in an engaging manner. The theme’s homepage builder allows you to set-up content modules and arrange and organize them in such a way as to create an effective narration of your content. The theme’s overall design approach using a strict grid together with a typographical hierarchy and a clean layout gives your elements the ample space to breathe. This gives your visitors a pleasant and enjoyable experience browsing through readable, accessible content.

This premium theme is quite easy to customize according to personal specs and preferences using the theme’s ePanel. There are also tons of shortcodes and widgets available to expand the the look and function of your site. Nexus is built on HTML5 and CSS3 for fast, efficient loading of your website. The theme is also responsive allowing your site to look good on both mobile and desktop devices.

Features:

  • Perpetual Updates
  • Secure and Valid Code
  • Browser Compatibility
  • Complete Localization
  • Advertisement Areas
  • Homepage Builder
  • Unlimited Colors
  • Custom Widgets

Nexus Premium WordPress Theme includes perpetual updates, unparalleled support, and access more than 80+ high quality WordPress themes included in every Elegant Themes membership.

Get 85 WordPress Themes For $39!

Tech WordPress Themes July 2013

Technology has one of the fastest turnovers in terms of design and features. If you are into technology and the latest tech products out there, show them off on your website on an equally tech-savvy looking theme like these WordPress themes we’ve found:

Host Depot

Host Depot is a theme designed for modern hosting and server services. It has a built-in layer slider that allows you to do 170 3D and 2D hardware accelerated transitions to catch the eye of visitors. The theme also has a hassle-free and easy to use pricing table editor. Host Depot integrates well with WHMCS to give you seamless processing of your financial and logistic transactions. You can easily set-up forums on your site with the bbPress plugin. HostDepot is indeed a great solution for those in the web hosting business.

Elegant Hosting

Elegant Hosting is a sleek WordPress theme designed for web hosting services. The main strength of this theme is the easy to manage hosting plan tables. This theme has a special feature to add hosting plans right at the admin panel. With the plans displayed side by side, comparison may conveniently be done by potential customers. You can customize the theme with shortcodes to create the look most appropriate to your marketing efforts. Theme also comes with a slider which will be useful in marketing.

Appland

Appland Premium Theme is a WordPress theme designed for promoting your hottest app. Built on the powerful Twitter Bootstrap, this theme is designed to work well on mobile devices incorporating touch gestures that works even on the Flexslider. Appland also has amazing eye-catching 3D parallax effects to help you keep visitors glued to your site. Customization is easy with the plethora of design options and features such as using the shortcode generator, available Google fonts, the quick uploader feature, awesome icons, and so much more. Appland is responsive fitting for a theme designed for mobile.

Mega Host

Mega Host Premium WordPress Theme is an impressive and modern theme designed for virtual hosting services. Although primarily designed for web hosting, this theme includes all the necessary features to build a corporate website as well. A notable feature of this theme is that it is built on twitter bootstrap, making it more mobile device friendly. Its advanced admin panel and its CSS design make it easy to customize. Mega Host is also built for retina-ready devices giving you sharp stunning images on these devices.

Rocking Parallax

Create that interactive effect with this stunning WordPress Theme – Rocking Parallax a WordPress theme especially designed to showcase your iPhone apps. This theme makes a great one page solution to your marketing needs. This theme’s awesome parallax 3d effects will definitely make your apps shine. It features many design elements that allow you to create countless mix and match combinations and layouts that will match your design aesthetics. Rocking Parallax Premium WordPress Theme is the perfect tool for marketing and promoting your iPhone apps.

Apley

Mobile apps are one of the hottest ways to make it big in the market. The influx of free and paid apps flooding the market is an indicator of what people are interested in nowadays. Apley Mobile WordPress Page is a clean and modern theme designed to showcase mobile apps. The elegant black, minimalist features suggests the theme’s affinity to most mobile devices. It has an easy to use WordPress customizer to help you tweak the theme according to your preferences. Apley also has a fully working blog, a custom homepage, a custom subscribe form, a shortcodes plugin to help you customize in minutes, and many more features.

Cloud Hoster

Cloud Hoster is a professional looking WordPress theme designed to promote your web hosting and server services. This theme is equipped with the popular Revolution Slider so you can create stunning slideshows with different and customizable transitions to grab the attention of casual visitors. Cloud Hoster also has a unique two color blog which can be configured at the backend. Shortcodes give you the power to customize and stylize this theme with ease.
This responsive theme is also built on twitter bootstrap with advanced API features to help your site look good on mobile devices and ensure a pleasant browsing experience for your users.


25 Excellent WordPress Tumblog Themes

Tumblr is a popular micro blogging platform where people can make small posts, share links and images with others, reblog the posts of others, etc. It is a platform that sort of combines the features of a blog with social networking.
(more…)


WordPress Theme Clubs: 2013 Edition

If you’ve been around the WordPress community for quite some time, you surely are familiar with WordPress theme clubs, popular or otherwise, and how they work. For those just getting their feet wet regarding everything WordPress, check out our previous article, What is a WordPress Theme Club for a quick run through on theme club basics.

For the WordPress newbie, here are some of the more popular and still active WordPress Theme Clubs to explore.

Elegant Themes

Elegant Themes is one of the most popular WordPress theme clubs, with over 170,000 customers. They currently have more than 81 themes, releasing new themes regularly. Elegant Themes offers its members access to a variety of themes that range from portfolio themes, to business themes, to blogging/news themes, to eCommerce themes, to personal themes. Their themes have a distinct style that combines aesthetic and function seamlessly. Elegant Themes offers 3 different membership packages: Personal, Developer and Lifetime options with access to more than 81 themes, shortcodes, and other benefits.

StudioPress

The Genesis Framework and child themes by StudioPress have been around for quite some time as well. Founded by Brian Gardner (Copyblogger), StudioPress has been churning high quality coded WordPress themes for years. StudioPress is different from Elegant Themes in that they sell themes individually in addition to the club membership. With over 86,000 members and 43 themes for a one-time fee of $349.95 which includes lifetime access to all of the current StudioPress themes, all future themes, and updates to all themes as they become available.

ThemesKingdom

Themes Kingdom offers all of their themes (currently 47 themes), plus 1 plugin (Scebo, for a customer support system) for $50 per year. Members can use the themes on an unlimited number of domains, including on client websites. Themes Kingdom members get access to attractive themes in a wide variety of categories, including portfolio themes, business themes, blog themes, news themes, and more.

Organic Themes

Organic Themes was founded in 2009 by David Morgan and Jeff Milone and was developed as an expression of their personal lifestyles. Their design approach lean towards the more professional look sans the excessive flashy effects, gradients, drop shadows and other bells and whistles commonly seen in the web design world. They are committed to clean code, with just the right amount of theme options which translate into faster load times, setup and customization. Organic Themes offers a variety of premium WordPress themes for artists, businesses and bloggers.

ThemesTown

ThemesTown is one of the new kids on the block that’s worth watching. If their impressive and creative website design is a gauge of what can be expected from them, then there is much to look forward to. Right now, they are building up their depository of homegrown exclusive premium themes but while you are waiting, you can also check out their huge list of the best free WordPress themes that have been culled from what’s out there. Membership rate is pegged at $55 one-time fee, with no monthly dues and no future charges.


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…)


Best Shopping Cart Plugins for WordPress in 2013

Online shopping has been steadily growing in the last few years. As more and more people engage in business transactions on the web, it is fitting for WordPress sites to be ready for this flurry of eCommerce activity. Here are some of what we consider the best eCommerce plugins for the upcoming year.

Cart66

The Cart66 WordPress ecommerce plugin makes selling easier than ever before. With Cart66 you can sell electronics, digital downloads, videos, music, web hosting, legal services, collect membership fees, and more. Online selling need not be so complicated. This plugin makes selling anything as simple and as easy as can be. Cart66 integrates major merchant tools such as Amazon S3, for delivering digital products, and popular payment gateways such as Paypal’s payment system for collecting payments from sales. There is also a Lite Version which can be downloaded for free from the WordPress repository.

Jigoshop

This eCommerce plugin is the basis for the popular WooCommerce solution. While the two plugins have diverged development wise, Jigoshop maintains the clean, well written code philosophy both plugins have. Jigoshop provides you with the features necessary to set up an eCommerce website in no time with the option to create a multitude of product types and apply detailed attributes customers can easily refine your catalog, ensuring they find what they’re looking for in just a couple of clicks. It is one of the fastest growing plugins and has an emerging ecosystem of extensions that go with it.

WooCommerce

WooCommerce is a free, open source eCommerce plugin that is easy to install, use and extend. This very popular plugin is built for flexibility. It has great built in functionalities such as reporting, tax and shipping capabilities, products and inventory, supports numerous payment gateways, and so much more. The basic functionality can also be beefed up with available extension upgrades to match your business requirements. WooCommerce is an eCommerce tool kit that you can tailor to your specific needs.

MarketPress

MarketPress is an easy to use and powerful ecommerce / shopping cart plugin available for WordPress. This plugin was developed from the ground up to make it simple to set up a stylish online shop, MarketPress has all the features you need, including: Multiple payment gateways (PayPal, Authorize.net, Google checkout, 2checkout, Moneybookers, eWay, Cubepoints and more), fully internationalized by the WPML crew, and includes provision for shipping, coupons, Google Analytics Ecommerce tracking, sale pricing, unlimited product variations. Not only that, it’s also free.

WP Marketplace

The WP Marketplace plugin is a full-featured WordPress Shopping Cart/e-commerce system that is extremely easy to install and even easier to maintain. It has everything you need to build a complete online shop – from front-end management to shipping to payment gateways to analytics to social marketing and SEO features. WP Marketplace is an eCommerce tool that can turn your website into a money making machine.


30 of the Best Shopify Themes (Free & Awesome)

Do you prefer to shop from shabby looking shops? Well, I am sure that all of us will be answering this question with a resounding NO. If that is the case, then why should shopping online be any different. It is imperative these days for a website owner to have an inviting, user-friendly experience lest you go the way of obscurity.

Application of a useful and at the same time beautiful theme in the website therefore becomes extremely important. Readily downloadable themes or templates compatible with different kinds of websites are available on the internet which can be used by designers as a starting point of their projects. Or it can be useful for novice designers who want to draw valuable inspiration from these examples thereafter start developing their own unique template. If you download a free shopify theme, then the work of the designer will be simplified and become much faster as well. These templates come with many useful features like ability to connect with the social networking sites, full customization features whereby the developer can amend it according to his own needs and all the latest technologies. With the use of these templates your website is surely going to stand out from the rest. It doesn’t end with having a unique template and features, its all depends on how well and different you do business. You can find experiences of popular ecommerce experts and help articles on blogs like Shopify ecommerce blog.

In addition to our article on some of the best ecommerce WordPress Themes of 2013, we have also created this detailed list of the 30 best and most diverse shopify websites for you designers out there. They can build up a unique, attractive and at the same extremely interactive platform with the help of these themes.

(more…)


HTML5 WordPress Themes 2013: Trends

The evolution of HTML from the time it was introduced years ago to the HTML5 we know today is a technical geek lover’s journey. This article is not about that but just in case you are interested to know how it all came to be here are some interesting resources for you to check out. For those who want a more comprehensive history of HTML5, you can read all about it here – Dive into HTML5 by Mark Pilgrim. For those who just want a quick overview, check out this cool infographic The History of HTML5 published by Mashable. If you are really want to get into the technical stuff, you can go straight to the source right here – W3C.

What’s so Cool About HTML5

According to PCMag:

HTML5 was designed to provide a comprehensive application development platform for Web pages that eliminates the need to install third-party browser plug-ins such as Java and Flash. HTML5 provides support for 2D graphics, document editing, drag and drop, browser history management, audio and video playback and local file storage.

Simply put, HTML5 is composed of a set of rules that tell computers how to interpret code to display websites. It’s the 5th version of a set of instructions, governed by specific rules, that tells your browser how to execute these commands to display a specific design. It is the language of the web. HTML5 includes the following updates:

HTML5 introduces a number of APIs that help in creating Web applications. These can be used together with the new elements introduced for applications:

  • Media elements (video and audio) have APIs for controlling playback, syncronising multiple media elements, and timed text tracks (e.g. subtitles).
  • An API for form constraint validation (e.g. the setCustomValidity() method).
  • An API for commands that the user can invoke (used together with the command element among others).
  • An API that enables offline Web applications, with an application cache.
  • An API that allows a Web application to register itself for certain protocols or media types, using registerProtocolHandler() and registerContentHandler().
  • Editing API in combination with a new global contenteditable attribute.
  • Drag and drop API in combination with a draggable attribute.
  • An API that exposes the components of the document’s URL and allows scripts to navigate, redirect and reload (the Location interface).
  • An API that exposes the session history and allows scripts to update the document’s URL without actually navigating, so that applications don’t need to abuse the fragment component for “Ajax-style” navigation (the History interface).
  • An API for base64 conversion (atob() and btoa() methods).
  • An API to schedule timer-based callbacks (setTimeout() and setInterval()).
  • An API to prompt the user (alert(), confirm(), prompt(), showModalDialog()).
  • An API for printing the document (print()).
  • An API for handling search providers (AddSearchProvider() and IsSearchProviderInstalled()).
  • The Window object has been defined.

WHATWG HTML has further APIs that are not in HTML5 but are separate specifications at the W3C:

  • An API for microdata.
  • An API for immediate-mode bitmap graphics (the 2d context for the canvas element).
  • An API for cross-document messaging and channel messaging (postMessage() and MessageChannel).
  • An API for runnings scripts in the background (Worker and SharedWorker).
  • An API for client-side storage (localStorage and sessionStorage).
  • An API for bidirectional client-server communication (WebSocket).
  • An API for server-to-client data push (EventSource).

source: W3C

How Does this Affect WordPress Developers?

The HTML5 standard features make it easier to develop faster, interactive, and more semantically correct web pages, eliminating the need for functions that require JavaScript and Flash. WordPress designers, authors, and developers can take advantage of HTML5 enhancements on these 6 key elements: video, application cache, canvas for images, geolocation, worker threads, and notification. No doubt, HTML5 has bridged the divide between desktop and mobile and so far it is the best way to create mobile-friendly websites on a variety of devices.

What Trends do We Expect See in 2013

  • The rise of the baked, boilerplate, bare bones or blank HTML5 Themes
  • HTML5 will be supported by all new WordPress themes
  • More single dynamic pages websites with animation features
  • WordPress themes running on HTML5 compatible smart phones
  • Responsive design
  • Simple and clean themes (no to options-overload, yes to feature-specific themes)

HTML5 is still a work-in-progress and its adoption into more and more WordPress themes will continue as more and more users turn towards the mobile web. We can continue to expect more power, more speed, and more capabilities from it in the future as this technology continues to mature.