The WordPress Dashboard for WP Beginners

According to the WordPress,

The Dashboard is a tool to quickly access the most used areas of your blog’s Administration and to provide glimpses into other areas of the WordPress community. The Dashboard Screen presents information in blocks called modules. WordPress delivers eight modules: Right Now, Recent Comments, Incoming Links, Plugins,QuickPress, Recent Drafts, WordPress Blog, and Other WordPress News.

The first screen you see when you log into the administration area of your blog is your Dashboard. The main idea of the dashboard is to give you a place where you can get an at-a-glance overview of what’s happening with your blog. You can catch up on news, view your draft posts, see who’s linking to you or how popular your content’s been, quickly put out a no-frills post, or check out and moderate your latest comments.

The Dashboard acts like a cockpit with all the controls and switches you need to help your website function the way you want it to. This might seem basic to those who have been using WordPress for quite some time now but there are still quite a few out there who are still struggling to figure out how to find their way through the backend, scared to death lest they “break” their website beyond repair.

Getting to know your WordPress Dashboard

If you are a WordPress beginner, the Admin Section or backend can be quite intimidating at first, but once you become familiar with the different sections, everything will make sense. What do you see after you successfully login to your WordPress website? Here’s what you can expect.

The Dashboard contains the following default modules. These modules can be dragged, dropped, repositioned, or toggled on and off according to your preferences.

Right Now

This module, at its basic, gives you a concise overview of your what’s going on with your site. It contains information and stats about your content (posts, pages, categories, tags), discussions (approved, pending, or spam comments), the name of your WordPress theme and the number of active widgets you are using, users online, and the WordPress version installed. More information can be included in this module depending on any additional plugins you install. You can also customize your Privacy Settings if you wish to keep your site private.

QuickPress

This module is the best and quickest way you can create a simple post. You can add a title, content, media files, custom forms, tags, and save your post as a draft or publish immediately. It’s a great tool for capturing and publishing ideas without going through the “Add New Post” module.

Recent Comments

If you allow comments on your website, this module helps you moderate the discussions on your posts. You can approve (unapprove), edit, reply, mark as spam, or delete comments right on the dashboard.

Recent Drafts

This module displays saved drafts of posts and pages that you are working on which still needs to be edited or published.

Incoming Links

This module reveals the urls of other websites that has linked to your WordPress website. You may or may not find this module useful as it does not always include all the websites that link to you. You can also configure incoming links you allow by editing the RSS feed information ( url, number of items to display, item date).

What’s Hot

This module displays recent posts from the official WordPress Blog, Other WordPress News, Popular or Latest Posts from around WordPress. This keeps you updated on the latest WordPress related news such as version announcements, security notices, and general WordPress community posts and updates.

Plugins

This module lists the Most Popular, Newest, and Recently Updated plugins available. If you are adventurous and you want to experiment with how different plugins work on your site, this is the perfect resource to find plugins to play with.

Site Stats

This module is probably the one you need to pay most attention to. It shows you a graph of your website’s activities – views, visitors, traffic – per day, week, or month. It’s a great tool to find out how many visits you get, what your top posts are, top searches on your website, and overall statistics to help you improve, maintain, and optimize your site even further.

Knowing the functions of each of these modules will help you learn how to use them to manage your website. Take some time to go through each one of these modules and familiarize yourself with each of them. You’ll soon be mastering all of them and it’ll be instinctive later on.


WordPress Theme Support – The Awful or Awesome Truth

So you’ve finally uploaded your shiny new premium WordPress theme but it looks nothing like the theme you loved so much in the demo and now you’re wondering if you just wasted your money on a lemon. You fiddle and you tweak but the errors just keep piling up. Not all premium WordPress themes include free support so it can be a bit perplexing especially if you are setting up a website for a client. Frustrating, is a mild word. Where do you go and what do you do?

Here are some of things to look for, support-wise, before, during, and after purchasing a premium WordPress theme. Some theme providers have all of them while some don’t so use your own discretion and judgment before you make your final decision and click that “Confirm purchase” button.

Documentation (Theme or Plugin guides – online or offline)

Check if the theme includes extensive and detailed documentation and a troubleshooting guide if available. Find out whether installation and setup guides are available online and offline as access to these guides serve as your reference documents as you setup your WordPress theme.

XML file or demo content

Most of the time we get attracted to a particular theme because of the demo. The demo gives us an idea on what is possible for our own individual projects. Unfortunately, recreating the same demo can be challenging if the elements used in the demo are not included. Some authors do not include the demo file but there is a growing trend among a lot of authors where they include the XML file or demo content as a bonus.

Photoshop files (layered)

Trying to recreate the WordPress theme in the demo can be much easier if the author includes all the allowable files used. Photoshop files make it easier for you to duplicate or customize the theme’s design elements without having to start from scratch.

Detailed tutorials (video or text)

Text based tutorials are great but video tutorials are best because the author can demonstrate and guide you on exactly what to do when setting up or modifying your WordPress theme. Video tutorials save you a lot of time, and, mistakes are reduced because of misinterpretation. Simply pause and play when you need to go back to a certain instruction.

Screenshots

In the absence of video tutorials, screenshots are also great because they serve as visual guides to help you install and get your WordPress theme up and running. Visuals are always effective as it gives you a clear picture of what you are supposed to do. You can always go back and refer to these screenshots if you get lost along the way.

Basic support services for installation, setup, guidance, bug fixing and general support for basic WordPress issues and concerns

For non-WordPress savvy users, authors and developers provide basic WordPress theme setup and installation. The extent of this service varies from author to author although generally this service includes simple adjustments and tweaks that do not fall under their customization services.

Support or Community Forum

WordPress authors and developers who have been around long enough in the business are most likely to have a dedicated support forum or community support group to help each other out. Access is generally limited to members or customers who have purchased themes sold by these authors. Make sure to register in these forums and be active in the community to learn hacks, tips and tricks that don’t normally come with the documentation and tutorials.

Help desk, live chat, or available hours for technical support

Some WordPress authors or theme providers might even have the legroom to provide a dedicated support system which includes a help desk or ticket based support system, live chat, and dedicated technical support crew. Be sure to note the time or hours support is available as some of these teams live in different time zones.

Update and Upgrade Support

WordPress updates its software from time to time and problems arise when the WordPress theme you purchased is no longer compatible with these updates. Same thing goes with plugins and other elements like short codes, etc. Make sure that your WordPress theme author or developer has provision for updates and upgrades that will affect the theme and if there are any additional charges related to it.

Author/Developer Contact info

Find out and store the author or developer’s contact information online and offline. Request for an email address, a business phone number, or any other means to get in touch with the author if he does not have a dedicated support forum. Leaving comments on the WordPress theme’s product preview page does not guarantee your concerns will be attended to in real time.

Finding the perfect WordPress theme that matches your dream website is more than just appearances. Make sure you know what you are getting when you pay for that pretty theme you’ve been eyeing. It pays to know what’s in the fine print…or what’s not in it.


Themes Town: A MUST SEE For Anyone Who Uses WordPress

A site in the WordPress Themes space has recently launched that is pretty amazing. Not only from a product standpoint, but also due to the creativity of their website. Let’s start from the beginning.

What Is Themes Town?

Their homepage starts with an interesting statement…“Imagine never having to buy another WordPress Theme ever again?”

Themes Town

From there they take you on this very creative journey showing how they have pre-screened thousands of free WordPress Themes to list the only the best of the best (around 160 as of the writing of this article). On top of that they release a new premium Theme each month to their members. This is a pretty unique concept as finding good free Themes is not necessarily hard, it’s knowing whether they are actually free of malicious code and developed well that is the concern. Themes Town does all the research then organizes everything in a pretty cool members area.

According to the Themes Town site:

(We) have taken the world of WordPress and condensed it down to an amazing member’s area that is chalked full of the latest and greatest themes and plugins. Each has been painstakingly reviewed by our team to be of the highest quality, free to download, and ready to use right away. It is our goal to make your job as easy as point, demo, download, and use.

Creative Site

Given that we are a web design site, we are always on the lookout for the latest trends in web development. In this instance, we were very impressed by the totally responsive layout that Themes Town created. Navigating the site was like reading a story (by clicking next at the bottom right of each page when you were ready to go to the next), and everything stayed above the fold. Note the black arrows on the left/right at the bottom – simply click there to navigate around.

justthink

Another cool feature was the cloud “drawer” at the top. At any point along the way, you could click the plus button in the upper right hand side to have the clouds expand to present some simple navigation and the Join Button.

drawer

The site also looks great on tablets and mobile phones with it being touch enabled (so you can swipe your way through the different pages when on a mobile/tablet device). All in all, this is a truly creative web design!

Members Area

Upon joining, you are instantly taken to this very cool looking members area where all of the Themes are listed in one central place. Notice the different categories on the left hand side. As you click them, the Themes automatically sort themselves based on the category you selected. You can pick as many categories as you’d like and have the Themes instantly sorted.

Themes Town - Member Area

And this is really what is wonderful about the Themes Town product. Every week their team analyzes free WordPress Themes to list here. If they meet their strict criteria for approval, they are listed for their member’s to demo and download. In addition (if that weren’t great enough already), they create at least one new premium theme each month and make it available on the “Premium” tab of the image you see above. They do all of this for just $39 with no recurring billing or future charges. This is an amazing deal, and something that everyone who does anything with WordPress should check out. For an extra $16 (one time) you can also have access to a pre-screened list of many of the top Plugins. Similar to the Themes, each Plugin has been reviewed by their team and ready for your instant download.

All in all, Themes Town has done a really nice job creating a product for those of us who love WordPress but don’t have the time or maybe even expertise to sort through the thousands and thousands of different Themes out there to find the best.

Head on over to their site and check it out for yourself. http:themestown.com


WordPress Themes Should Be More Expensive: HERE’S WHY

If this post has caught your eye, you are probably a current WordPress user, author, developer, designer, or if not, perhaps a potential one. The subject of pricing is a tricky topic that some prefer to ignore or avoid – the proverbial elephant in the room. Why, because this is a hot topic indeed.

How should WordPress Themes be priced anyway?

For the purpose of this article, let’s start off by saying that a WordPress theme is a downloadable digital product as compared to an actual physical product that can be shipped. When you purchase a WordPress theme you do not receive any physical items at all but instead, you are given permission or license to download an electronic/ digital product (the theme), via email or a provided link, and use it according to the author/developer’s specific TOU (Terms of Use).

Traditionally, the actual cost of producing/manufacturing tangible products can be arrived at by adding the cost of materials used and the labor paid to produce these products to arrive at the total cost of goods. Others may add on overhead costs but strictly speaking it’s simply materials +labor. For services rendered, actual cost can be arrived at based on a rate applied to the number of man hours spent (time) on a project or the professional fee charged by the person (expert) rendering the service.

However,

Digital products require an approach to pricing that differs from that used for physical products. Most digital products have common characteristics which includes:

  • high fixed cost to produce the first unit, but low marginal costs to produce subsequent units
  • quality is difficult to judge without actually experiencing the product

The most common pricing method that can be used for digital products is to use a licensing approach.
(source: Digital Economy: Impacts, Influences, and Challenges by Harbhajan S. Kehal, Varinder P. Singh)

The Digital Products Cost Equation

The cost structure of digital products = high fixed costs that are sunk, and tending towards zero marginal costs.

Fixed costs refer to the costs associated with a product, that are fixed over a number of units. Thus regardless of the number of units produced and sold, the fixed costs remain the same. With digital products, much of the fixed costs are actually sunk costs, and therefore non-recoverable costs. A large portion of the costs associated with digital products are fixed, and sunk, and not variable costs, which are more typical of traditional manufactured goods.

Sunk costs refer to costs that are non-recoverable fixed costs. Digital products usually have significant sunk costs (when compared to other fixed costs) in the form of research & development and intellectual property (copyright, patents etc.) for the product. If the product is not successful in the marketplace, the costs associated with the the product development (intellectual property, labor) cannot be recovered. Thus when making pricing decisions about the product in the future, one should not factor in the sunk costs. If a product’s cost structure is made up of sunk costs (no other fixed costs) and zero marginal costs then any price above zero will contribute to the company’s bottom line. Other fixed costs, that are not sunk (rent, depreciation on equipment etc.) should be factored in when making pricing decisions in the future, since these are ongoing costs to the company. The company will continue to have to pay these costs in the future, this is not the case for sunk costs.

Marginal costs are the costs associated with creating an additional unit of product. This is similar to variable costs, which are the costs that increase directly with the increase in production (unlike fixed costs). Digital products typically have very low marginal costs, when compared with traditional goods (materials, labor etc.) and if the product is distributed via a web site, then the marginal costs can be zero. The consumer is bearing the distribution costs, and there are no packaging costs. This is why companies are able to market their products for free on their web sites, in order to try to entice further purchases at a later time (in the hopes of creating lock-in perhaps).
(source: http://www.udel.edu/alex/dictionary.html#d)

What costs go into the creation of a WordPress theme anyway?

How many of you enjoy BTS (Behind the scenes) footages of upcoming movies? BTS clips give you a sneak peek of how these movies were filmed and the production process these films have gone through. Similarly, if we could do a BTS video of how a WordPress theme is created, can you imagine the amount of work that goes into creating a theme? Can you identify which activities fall under fixed costs, sunk costs, or marginal costs? Can you tell how many working hours have gone into its creation? Can you measure the education, experience, competence and expertise of the author/developer?

When you purchase a WordPress theme from a reputable WordPress author/developer you typically get a long list of features like the one below. But, have you ever associated any cost to these features?

1. Theme Features and Functionalities

  • Fancy Sliders
    • Simple jQuery Slider
    • Slider Pro ($25)
    • jQuery Carousel Evolution ($10)
    • TouchCarousel ($21)
    • LayerSlider (Parallax Slider) ($15)
    • Paradigm Slider ($15)
    • Slider Evolution ($18)
    • Nivo Slider WordPress Plugin ($19)
    • Pinwheel Slider ($9)
    • Responsive Ken Burns Slider WordPress Plugin ($18)
  • Plugins/plugin compatibility ($4-$50)
    • eCommerce/shopping cart plugins
    • Audio/Video/Images/Slideshows/Widgets/Portfolio
    • SEO, Social Media
  • Multiple page templates (more than basic Blog and Archives templates)
  • Graphic Design Elements
    • Icons
    • Fonts
    • Stock Photos
    • Multimedia
  • Mobile device compatibility and display features
  • Styling Short codes (buttons, columns, tables, boxes, dropdowns, drop caps, etc.)
  • Custom admin panel and customization features

2. Admin/Marketing/Support Costs

  • Business license/ applicable taxes (cost = based on your geo location)
  • Developer’s fees
  • Hosting costs
  • Theme preview designs
  • Copywriting
  • Analytics – Marketplace sharing
  • Support staff, Forum maintenance, Live chat support
  • Documentation, PSD/XML/Demo content files
  • Video tutorials, screencasts and video hosting costs
  • Setup, installation of WordPress, theme, plugins (time spent)

3. Labor: Professional fees and software (personal or outsourced)

  • Man hours to create and develop theme
    • (design and coding)
    • design concept | creative process (R&D, selection and decision making: colors, fonts, graphics, icons
    • testing, browser compatibility
  • Software: Photoshop, Dreamweaver, Illustrator, etc – ($1500 up)
  • Training, Seminars, Education

Did you know that creating custom themes for clients range from around $1500 up to $50000 depending on the project. Looking at the list above, and seeing everything that goes into creating a theme, would you say that WordPress themes are underpriced? overpriced? or fair enough?

Let’s ask the next question. What’s important to you? How much do you value your business? your brand? yourself?

The answers to these questions will more or less determine how much you are willing to pay anything actually – whether it’s paying for your website, for your family needs, or even for your own personal growth.

How important are these WordPress designer’s traits to you?

  • Competence – work portfolio
    Web development requires many skills: Proficiency in Photoshop and design skills, CSS and HTML skills, copywriting and SEO skills, programming skills, with subsets of skills across a vast array of programming languages.
    If you’re comparing costs between developers, make sure it’s apples to apples – you should know what you’re getting in terms of feature set and functionality. Then take into consideration the experience and portfolio of the individual or company you’re looking at hiring, the attention you can expect to receive and the general rapport between you and a potential developer. Even if the cost is perfect and everything else seems right on paper, you may want to think twice about hiring someone if you don’t feel that somewhat ethereal sense of connection and comfort.
  • Experience – good working knowledge, coding skills
    A less experienced person may charge less because he doesn’t have the full-blown skill of a seasoned professional. It’s always a risk when you’re working with freelancers who build websites “on the side”, self-taught “learn web design in 21 days” types and people who are just starting out in the industry.
  • Number of years in practice
    Experienced developers can charge you more because they bring the weight of their expertise to bear on your project. An experienced developer may be able to do your site in half the time and charge twice as much, but remember you’re dealing with value and not cost.

Sometimes you have to make your decision, not based on cost, but based on value – which company do you want to work with? Which one has the most experience, the best portfolio, the most responsive people? A higher cost should not disqualify a company if that’s the one you’re confident can get the job done.

Pricing is not a magic, secret recipe. It’s just the cost of doing business, plus the value of expertise, plus the time needed to complete a project in a particular set of circumstances with a particular set of requirements. (reference: Websearchsocial.com)

At $39 you can already get 80 premium WordPress themes, no sweat. It’s about the same price, more or less, of a plugin or a slider, isn’t it? Do you agree that these themes should be worth a whole lot more than that?

Tell us what you think. We’d love to hear your thoughts.


Secure Your Interwebs With Sucuri

Malware infestations, blacklistings, Google warnings, malicious software, infected domain, suspicious activity, phishing – not exactly the landing page you want to welcome your visitors with, right? But if you have experienced the dreaded Google warning splash page (just like the dreaded blue screen), it is a cause for concern.

Hackings and other website attacks are becoming more prevalent nowadays. Not that they weren’t before but these malicious activities never went away either. They’ve just become a little bit more sophisticated than before. Government websites, large hosting websites and the more popular and well-known websites seem to be a favorite target but the truth is – no website is immune from these attacks. It is projected that the total number of websites in 2013 will reach 1 Billion and 2 Billion in 2015. (source: toni.org) That’s a lot of www candidates right there. Of course, you can reason away that your website is totally insignificant compared to the 999 million other websites that can be targeted by a malicious attack. On the other hand, yours might just be THE one. Hopefully not.

The impact of a website attack can be devastating especially if it is an eCommerce or a highly monetized site. Not only do you lose a lot in terms of time, lost data, missed sales opportunities and potential business income due to messed up systems and lost traffic, these attacks also affect your site’s credibility and reliability which are the most important currencies any business can have online. Once the public becomes aware of the attack, caution sets in and transactions become paralyzed. The possibility of being blocked or blacklisted becomes a total nightmare. The website owner is now faced with an unnecessary battle of perceptions that could have been prevented in the first place. How can this battle be prevented and how can you, the website owner, protect your peace of mind from potential attacks?

Sucuri Security is a company that offers a security service that detects unauthorized changes to network (cloud) assets, including web sites, DNS, Whois records, SSL certificates and others. It is also heavily used as an early warning system to detect Malware, Spam and other security issues on web sites and DNS hijacking. Sucuri shot into the limelight when GoDaddy hosted sites were attacked and exploited. They were the company that conducted the cleanup operations for them. Sucuri is not a malware protection software to be installed on your site. The company provides a monitoring service to protect your website from any malware, threats of intrusion, infections, and the like. This extra layer of protection is an assurance for both you and your clients or customers that any information exchanged on your website will not be compromised.

You can get a free analysis for your website from Sucuri. Just visit their website and have your website checked anytime. They also have a free plugin that can be downloaded from the WordPress plugins page. This plugin is free but works best in tandem with their security service packages. To learn more about these service packages, check out their website to see which one matches your requirements. The investment you make today to secure your website can save you so much headache in the future.

Visit Sucuri.net to get your free analysis. Download the free plugin from WordPress.

Get Sucuri Now!

What’s on your WordPress Menu?

Last week we talked about the WordPress header and header.php. We continue this series and this week we’ll be touching on the WordPress menu. Visitors come to a website to find answers. How they arrive, whether via an organic search, a paid ad, or a sponsored link, matters little to these information seekers. These visitors come believing that they will quickly find the answers that they need. The operative word here being quickly. (The boon and bane of hi-speed internet is that it has turned a lot of us into impatient “speed demons”.) Once these visitors have what they want and they do linger on the site after, then that’s already a bonus.

Often, these new visitors aren’t really looking for a website with flashy, awesome text animation embedded in a huge full width slider-enabled $50 premium WordPress theme. Some might, but like we said, majority of them simply want to find a quick answer to whatever they are looking for. A lot of them will look for the link to the item that led them to the site in the first-place or go straight to the menu to find their way through the site. That’s why it’s important to create a website navigation menu that will make your visitor’s website experience fruitful and pleasant at the same time.

What is website navigation anyway? What is a menu?

Navigation Defined

Navigation Menu is a theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for introducing customised navigation menus into a theme. In order to incorporate menu support into your theme, you need to add a few code segments to your theme files.
Source: WordPress Codex

There are many navigation methods employed on websites. The simplest and easiest to follow, will allow your visitors to find your information pages and enjoy the visit! Simple HTML navigation menus also provide search engines with a clearly marked road map to follow, when they scan your website.
Source: Cal Poly

The process by which a user explores all the levels of interactivity, moving forward, backward, and through the content and interface screens. Users navigate through the project by clicking on interactive controls such as buttons, image maps, and hypertext, while clues such as special colors, backgrounds, or interface sounds help orient them to where they are at within the levels of interactivity. A good navigation scheme will leave the user with little question about where they are in the document and where they can go from there.
(from Lisa Graham, The Principles of Interactive Design, 1999)

Menu Defined

A list of options displayed to the user by a data processing system, from which the user can select an action to be initiated. In text processing, a list of choices displayed to the user by a text processor from which the user can select an action to be initiated. A list of choices that can be applied to an object. A menu can contain choices that are not available for selection in certain contexts. Those choices are indicated by reduced contrast.
Source: Glasgow Caledonian University

“Good Website navigation is very important to every business website. Good text links help. When a visitor can’t easily discover where they are, what valuable business information is on the page, where to go next and how to find your Home Page or a good sitemap… they leave your website! You would never tell a customer to stand outside your business, while they try to do business with you. Poor website navigation creates the same visitor experience. Good page titles tell visitors what each page is about.

A well designed menu will allow search engine spiders and human visitors to navigate around your website and never get lost. A menu is simply a group of links to more information. Helping your visitors find information quickly, will impress potential customers. Finding good information is the key to a successful business website.”
(Source: SEOWebsitesdesigners.com)

There are several ways to set up your navigation menu system on your website: vertical, horizontal, or a combination of both. Beginning WP version 3.0, WordPress introduced a new navigation menu system and since then after numerous updates and improvements, the WordPress menu management system has made setting up navigation menus in the backend admin panel section more user friendly with lesser and lesser coding or technical knowledge required. Check out these great resources: this article by Justin Tadlock, or these tutorials WordPress menu navigation tutorial and Setting up Menus in WordPress to learn how to set up your menus in no time.


WordPress 3.5 – New Features to be excited about in 2013

Drumroll please, Elvin Jones is in the house! WordPress house, that is. In keeping with WordPress code naming tradition, the latest WordPress update released – WordPress 3.5 has been named “Elvin” in honor of drummer Elvin Jones, and there is a lot to drum about.

Here are some of the new features that have been updated in WordPress 3.5:

New Media Manager

The Drag and Drop feature is streamlined, fast and easy to use. Creating galleries is faster with inline caption editing capabilities and simplified controls. Insert multiple images at once with Shift/Ctrl+click or insert multiple galleries per post and independently order images as you like.

New Default Theme

Twenty Twelve (2012) theme for WordPress is a simple, flexible and elegant theme with a gorgeous open sans typeface. It is currently the default theme for WordPress 3.5. It is mobile friendly, fully responsive and looks great on any device. This theme includes all the latest theme features including a front-page template with its own widgets which you can customize and also set up as a single page.

Favorite Plugin Support

Mark all your favorite or often used plugins in the WordPress Plugin Direcotry and access all of them directly in the Admin Panel>Plugins> Install Plugins page using your WordPress.org user name. This pulls out all your favorite go to plugins and saves a lot of time especially when you are setting up multiple sites.

Admin Enhancements

WordPress 3.5 sports a new Welcome Screen, simpler and easier to use even by WordPress beginners. All the basic tasks are accessible in this new interface – from Getting Started to Writing your First Blog Post to Managing Widgets – user-friendly indeed.

Retina display support

WordPress 3.5 is also Retina-Ready (HiDPI) where many visual elements have been updated and converted to CSS3 elements to support the new displays so that they look good on these higher resolution screens.

Support for Instagram, oEmbed support for SoundCloud and Slideshare

oEmbed is a format for allowing an embedded representation of a URL on third party sites. The simple API allows a website to display embedded content (such as photos or videos) when a user posts a link to that resource, without having to parse the resource directly. Great news for Instagram, Soundcloud and Slideshare users as WordPress 3.5 supports these services and it is now easier to integrate them to your site without touching any code.

Link Manager Gone

And its absence will hardly be felt probably. WordPress 3.5 hides the Link Manager by default for new installs but if you truly miss it, this feature can still be enabled via the Link Manager plugin. All sites with existing links are left as is.

XML-RPC is enabled by default

This means better accessibility for screen readers, touch devices, and keyboard users. This feature is also for remote publishing/mobile and easier connection with mobile apps like the Official WordPress iOS app. Those who are using Atom will need to use a 3rd party plugin.

New Tumblr importer

If you’ve been wanting to import your Tumblr content into WordPress for years now is the time to do so. WordPress 3.5 has now made this possible.

Multisites can now be installed and used in the subdirectory

Another improvement in WordPress 3.5 which multisite developers will appreciate is the ability to install WordPress Multisite in the subdirectory and not in the document root.

There’s more under the hood goodness that can be further explored if you want to. Some people wait a while before they install the latest WordPress update to give plugin developers time to update their own plugins. Make sure to backup your files before you do any updates.


17 Awesome Adobe air apps for designers

One fine day I was trying to fill in an important official form online on my Mozilla Firefox’s browser. After spending about half an hour I reached the last few questions of the form. One question there asked me to click a checkbox to answer but I could see no checkbox on the screen. After wasting a lot of time reading the instructions and every possible detail over and over again I asked for advice from my friends. One person told me that I should try to refill the form on Internet Explorer. I tried it and now the checkbox appeared and I successfully completed and submitted the form online.

The problem just described occurred because the form was designed to work especially for Internet Explorer. You see, designing an application for all systems is tedious as one has to tweak the runtime code again and again to make it compatible to work with different systems. Here is where Adobe AIR jumps in. If an internet application is designed using Adobe AIR then it will automatically work for all systems and browsers.

Technically speaking:

“Adobe AIR is a cross-operating system runtime that lets developers combine HTML, JavaScript, Adobe Flash and Flex technologies, and Action Script to deploy rich Internet applications (RIAs) on a broad range of devices including desktop computers, netbooks, tablets, smartphones, and TVs. AIR allows developers to use familiar tools such as Adobe Dreamweaver®, Flash Builder®, Flash Catalyst®, Flash Professional, or any text editor to build their applications and easily deliver a single application installer that works across operating systems.” – Adobe’s website.

Adobe AIR has a wide array of apps that can help designers design better applications. Below I have selected 17 of them.

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