Photography WordPress Themes Roundup for April 2013

Here are a few of our current picks for awesome photography themes for 2013:

Modelish

Modelish is a unique modern HTML5+LESS fully responsive WordPress theme for presenting artwork or photography. This full-width photography/portfolio styled theme is also versatile enough to be used for any type of business as well. The stylish, yet clean and professional design is optimized with mobile first techniques and retina display support. Add some style and modern flair to your website with its customizable system that makes it easy to adapt to your favorite colors, fonts and style preferences.

Keres Full Screen Photography Theme

Keres is a cool fullscreen responsive WordPress theme built for a photography or portfolio website. It comes with many cool features like multiple slideshows (fullscreen Slideshow, Ken Burns Slideshow), a unique Image Flow Gallery, Skin manager, fullscreen Contact Map, fullscreen Youtube and Vimeo Video. This theme includes customizable elements (color, font, background image) with 50+ advanced shortcodes and a Shortcode Generator support to create the portfolio style you really want.

Photojax Minimalist Ajax Photography Portfolio

Photojax is a clean and minimal, grid styled WordPress photography theme. This sleek and modern theme features two color skins, beautiful galleries using the premium Royal Slider plugin ($20 value), an audio player, and a minimal blog (all you’ll need for a great photography portfolio). Although designed for photographers it can be a great theme for graphic designers, architects, and anyone else with an image based portfolio.

Sniper Premium Photography

Sniper is a sleek and powerful premium responsive + liquid WordPress theme built for photographers, creative agencies or portfolio website. All elements of this theme are liquid which makes it ideal for smartphone and mobile devices. This modern WordPress theme’s dynamic navigation system makes it fun and interesting to explore your website – from dropdown menus to toggled pages, everything is full of surprises.

Smarald

Smarald is an incredibly unique, highly interactive, retina ready, responsive WordPress Portfolio theme, suitable for all sorts of creatives, agencies and even blogs. Whether you want to showcase your work in a beautiful way, share your articles with your readers, or just to have a great interactive website for your agency, this premium theme is the perfect solution for you.


Pay Per Click (PPC) or Cost Per Click (CPC) How Does it Work?

You often hear people talking about PPC, CPC, conversion and all those familiar jargon once you start immersing yourself more and more online. Affiliate marketers are quite familiar with these terms and these have become part of their normal lingo. But what if you are just starting out and you have no clue as to how all these acronyms work and if they have any real value to you at all. Let’s take a closer look at these Internet marketing tools to help you maximize them vis-a-vis traffic flowing through your website.

In recent articles, we have pointed out the enormous traffic potential that you can tap into by following some simple traffic hacks shared during the last Traffic and Conversion Summit. Let’s say you’ve done your homework and you’re starting to see a spike in the number of visitors that come to your site. What next? Having a lot of visitors does not automatically translate into earnings for you. You need to give something to gain something in return. This is where these tools come in. Let’s break it down.

What is Pay Per Click?

According to Webopedia,

Pay Per Click or PPC is an Internet marketing formula used to price online advertisements. In PPC programs the online advertisers will pay Internet Publishers the agreed upon PPC rate when an ad is clicked on, regardless if a sale is made or not.

With pay per click in search engine advertising, the advertiser would typically bid on a keyword so the PPC rate changes. On single website — or network of content websites — the site publisher would usually set a fixed pay per click rate.

How you earn from PPC now depends on which side of the table you are at. You can either be an online advertiser, an Internet publisher, or even both. An online advertiser is someone who pays a publisher (typically a website owner) when the ad he has placed is clicked whether the click resulted in a sale or not. This advertisement cost on the part of the online advertiser translates into several marketing objectives set for the business he is promoting. A few of these goals are: to introduce a product or service, to send the person who clicked to his money site, to encourage subscribers via email opt-in or other sign up strategies, and yes, to make a sale. It’s the advertiser’s tool to earn. Now whether these goals are met or not, the advertiser still has to pay the publisher based on the PPC rate agreed upon between them. This then also translates as earnings on the part of the publisher – similar to how sales commissions work without the sales. It is merely based on the earnings per number of clicks made on a particular ad.

There are several PPC models out there which you can study to find out which one works best for you. You can adopt the Flat Rate PPC model or the Bid Based PPC.

From Wikipedia,

In the flat-rate model, the advertiser and publisher agree upon a fixed amount that will be paid for each click. In many cases the publisher has a rate card that lists the cost per click (CPC) within different areas of their website or network. These various amounts are often related to the content on pages, with content that generally attracts more valuable visitors having a higher CPC than content that attracts less valuable visitors.

In the bid based model, the advertiser signs a contract that allows them to compete against other advertisers in a private auction hosted by a publisher or, more commonly, an advertising network. Each advertiser informs the host of the maximum amount that he or she is willing to pay for a given ad spot (often based on a keyword), usually using online tools to do so. The auction plays out in an automated fashion every time a visitor triggers the ad spot. Advertisers pay for each click they receive, with the actual amount paid based on the amount bid. It is common practice amongst auction hosts to charge a winning bidder just slightly more (e.g. one penny) than the next highest bidder or the actual amount bid, whichever is lower.[8] This avoids situations where bidders are constantly adjusting their bids by very small amounts to see if they can still win the auction while paying just a little bit less per click.

There are several reputable Pay Per Click websites that will make money online for you as you look into monetizing your website. Do your research before you sign up and make sure these PPC sites are legit. It will take more than one website to really make a difference in your income stream so study the market and get into the forums. You’ll find a lot of useful information and real life experiences you can learn from. Once you sign up with the legit ones, refer others and continue to grow your networking cycle. The world wide web is actually getting smaller as more people get interconnected.

If you’ve just started your website, accepting ads from online advertisers is a great way to start making passive income online. Just make sure you agree on the terms and that expectations and results are clear.


Web Design Tools for WordPress 2013

Learning is a never-ending journey. There’s always room to grow, things to improve, and ways to make things better, more efficient, and more effective. Here are some (premium and free) web design tools that can help WordPress authors and developers reduce work time, increase productivity and improve work quality:

Sail.js (Free)

Sails.js makes it easy to build custom, enterprise-grade Node.js apps. It is designed to resemble the MVC architecture from frameworks like Ruby on Rails, but with support for the more modern, data-oriented style of web app development. It’s especially good for building real time features like chat, it automatically builds a RESTful JSON API, and it supports HTTP and WebSockets. The Sails framework was developed by Mike McNeil with the support of Balderdash.

Backbone.js (Free)

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions,views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.

Extra Strength Responsive Grids (Free)

Extra Strength Responsive Grids are percentage-based, for smooth, non-snappy width adjustments that enable you to take total control of your layout. ESRG deploys meaningful class names such as grid-half and grid-quarter to make life easier. ESRG is also SASS-enabled.

Easel Design without a Designer (From Free – $99 Subscription)

Easel is an in-browser, high-fidelity web design tool that lets you mockup, share and implement your ideas with ease. This WYSIWYG web design tool aims to make web design and development easier for teams who want to quickly get their ideas online without having to hire a designer. The app is a great resource for people who don’t have any coding experience but know what they want visually.

Responsive Nav (Free)

Responsive Nav is a tiny JavaScript plugin which weighs only 1.7 KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.


Panda Proofing Your Website

If your website has been hit by Panda and like most, you’ve began making improvements and implementing changes to your website immediately after, you might not be able to see the effects right away. It might take a while but it is possible to reverse the fall and recover from Panda.

Eric Lancheres, SEO Guru and sought after speaker, shared, in the recently held Traffic and Conversion Summit 2013, a few tips and tricks on how to Panda Proof your website.

Here are some of them:

  • Include Date Posted and Last Updated when posting articles/content.
  • Have pictures cut right at the fold. Try to tweak landing page pictures at the fold.
  • Plant 2-3 comments to get the ball rolling. Encourage comments from users.
  • Add social media buttons and ask friends to add comments votes and likes.
  • Manually add relevant or recent articles in the sidebars.
  • Improve bounce rate by using Pagination + Table of Contents. More pages lead to more pageviews. Easy to read pages encourage user engagement and interactivity which translates to spending more time on your website. More activity and more action from users translates into high quality perception for Google.
  • Increase visitor engagement by interlinking your articles. A good example of proper internal links execution is Wikipedia.
  • An intuitive dynamic navigation is key to having a high quality score. If supplementary content is not available, you CANNOT have a high quality ranking Sidebar navigation is your supplementary content.
  • Speed improves everything. Site load under 4 seconds load time is acceptable. Server load speed will increase all your metrics by about 1%-5%. Check your page load speed. If it too slow, you need to start optimizing your site. Try resizing your images, or, if necessary, consider moving to a better server.

Implementing all these changes plus improving the quality of your content will help you recover whatever lost ground your website experienced because of Panda. Of course, there will always be a lag in seeing the results of these changes between the time you implement them and the next Google update. Panda is here to stay so you need to work on improving your site including your business model. Keep working at it. Eventually, your traffic will improve, visitors will have a better experience on your website, and you should be able to earn more money than when you started.


Panda Recovery Strategies and How to Improve Your Site’s Quality Score


In our previous article, we explored the Panda Algorithm and the reason behind Google’s implementation of this update. Let’s continue with this conversation.

Effects of Panda on Your Website

Each website has a “Quality Score” assigned by Google. Sites that saw a sudden, massive traffic drop were probably hit without them knowing it but even new sites can also be affected by Panda, making it really hard to rank. A lot of older sites are losing rankings and don’t know why.

Google is out to reward “high quality sites” and penalize sites with a poor quality score. If Google thinks that your website is not adding value, your quality score drops. If Google thinks your site is outdated, it will be harder to rank. If you’re selling products online, it’s important to have a high quality score. Most eCommerce sites got hit because of the seemingly duplicate content of similar products presented in different pages. Unless changes are done to your site, it will remain penalized. Google is not only after your site, it’s also after your business model.

The Panda Equation and your Website’s Quality Score

So how will you know your ranking if your Quality Score is hidden from you as a webmaster? Here’s a formula that you can use to determine your ranking:

Panda Quality Score / 100 x old ranking factors = your rank

The equation used to determine your Panda Quality Score is:

[Static Elements] x [Quality Checks] x [User Experience] = Panda Quality Score

This equation tells us that there are 3 elements that Google uses to determine your website’s score. These elements can be improved upon to raise your quality score and restore your ranking as well.

Static Elements – make sure the content and information in each element is unique:

  • Privacy Policy
  • Contact Page – must include: valid author or multiple authors, mailing address, email address, phone number, author tags, shipping and warranty information (for ecommerce sites)
  • About Us
  • Terms of Service
  • Disclosure of Possible of Compensation (for affiliate or review sites)

Quality Checks – Check the quality of your coding. Broken, obsolete, deprecated, or outdated code, hidden text, overlapping text, and exploding images should be fixed.

User Experience – Improving user experience is now a major element to improving your site’s ranking. Stats on bounce rate, user engagement, and page depth or how deep visitors go into the site give Google an idea how involved a visitor is when they visit your site. The longer they stay on your site, the better for your website’s score.

Website owners need to evaluate their sites regularly to assess whether they have issues related to these three elements. Addressing these issues promptly will help keep their site in check and hopefully stay in Google’s good graces.


35 Creative and Hilarious Examples Of Well Known Caricatures which will make you Laugh Definitely

When I asked a friend of mine, who is a model and has a perfect shaped body, about how to stay fit she said that I must exercise a lot and eat less and also try to remain happy all the time. This view is shared by many other nutritionists and gym coaches too. Humor can play an integral role in keeping us fit and healthy. Humor’s role is not merely entertainment. It is also a medicine for keeping us fit.

Wikipedia defines a caricature to be a portrait that exaggerates or distorts the essence of a person, animal or object to create an easily identifiable visual likeness. Almost all newspapers and magazines have professional cartoonists to design quality cartoons and/or caricatures for their publication. Cartoons/caricatures are a powerful and sarcastic tool to comment upon any social or political situation. The controversy that arises every now and then over cartoons is proof of the fact that cartoons command an equal impact as, say, news articles.

Below I present you with 35 hilarious caricatures of well known public figures. All the images have been twisted intentionally to make them more interesting and hilarious. So scroll down and enjoy.

(more…)


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


25 Basic Adobe Lightroom Tutorials for Learners

The phrase “photo editing” has become synonymous with “Adobe Photoshop”. Photoshop is the industry leader when it comes to editing images. But one drawback of Photoshop is that a designer needs a good amount of coaching before he can use Photoshop properly. A coaching center near my house promises to teach Photoshop in 2 months to the layman. Not everybody will be willing to invest two months to learn a photo editing software, especially when one does not intend to choose photo designing as a career.

Understanding this problem, Adobe has designed another software named Adobe Lightroom to help even the general public to easily edit images. To quote Adobe’s website – “Lightroom includes all the tools you need for most digital photography tasks in one intuitive solution. Lightroom helps photographers work faster and more efficiently with one image, a set of images, or a large image library.”

When I stated that Lightroom can be used for the general public I don’t mean that one can begin using it merely after installing it. Obviously you need to have some guidance to use the software properly. Therefore, in this blog post, I have collected a list of 25 excellent tutorials on how to use Lightroom properly and get desired results.

(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.