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

The Basic Web Page Structure – HTML5 List of Tags


You can think of an HTML page as a series of containers. After an opening statement that defines the type of page to follow, there is one large element, the <html> tag, that contains the two primary structural elements, and <body>.

HTML documents consist of a tree of elements and text. Each element is denoted in the source by a start tag, such as “<body>“, and an end tag, such as “</body>“. (Certain start tags and end tags can in certain cases be omitted and are implied by other tags.)

Here’s how the basic essential code for an HTML5 web page looks:

<!DOCTYPE html>
<html>
<head>
<title> Title of document goes here </title>
</head>
<body>
Visible text goes here…
</body>
</html>

Before we can fully appreciate what these containers or placeholders do to our webpage we need to know how they function. Below is a list of HTML5 compliant tags we can use to study and familiarize ourselves with as to the description and function of each tag. Let’s do a little exercise. As you go through the list, pick a web page (any, even this one) and right click on it. Select “view page source” and try to find the tags listed here and look for them in the page source. Try to classify which ones are basic tags, formatting tags, image tags, and so on. While you are at it, challenge yourself to decode the code. Have fun!

<bdi> Isolates a part of text that might be formatted in a different direction from other text outside it
<mark> Defines marked/highlighted text
<meter> Defines a scalar measurement within a known range (a gauge)
<progress> Represents the progress of a task
<rp> Defines what to show in browsers that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby> Defines a ruby annotation (for East Asian typography)
<time> Defines a date/time
<wbr> Defines a possible line-break
<datalist> Specifies a list of pre-defined options for input controls
<keygen> Defines a key-pair generator field (for forms)
<output> Defines the result of a calculation
<figure> Specifies self-contained content
<audio> Defines sound content
<source> Defines multiple media resources for media elements ( and )
<track> Defines text tracks for media elements ( and )
<video> Defines a video or movie
<nav> Defines navigation links
<command> Defines a command button that a user can invoke
<header> Defines a header for a document or section
<footer> Defines a footer for a document or section
<hgroup> Groups heading elements
<section> Defines a section in a document
<article> Defines an article
<aside> Defines content aside from the page content
<details> Defines additional details that the user can view or hide
<summary> Defines a visible heading for a details element
<embed> Defines a container for an external (non-HTML) application

Don’t forget that WordPress uses PHP but PHP is a server-side technology (runs on a server) that dynamically generates the HTML that will be sent to the browser (IE, Safari, Firefox, Chrome). HTML is whatever you view on a website.

20 Useful Admin Plug-ins for WordPress

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

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

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

(more…)

BuddyPress WordPress Themes 2013: Trends

BuddyPress has come a long way since its conceptualization in 2008. What is BuddyPress anyway?

According to WPMU.org:

“BuddyPress is a suite of plugins for WordPress that transforms into a fully functional social network platform.
When installed on WordPress Multisite it provides features that lets your members socially interact with each other within a multi-blogging platform environment. It provides all the features that allow you to build a community on your network. BuddyPress enables you to build passionate users around a specific niche.”

Buddypress.org puts it quite succinctly:

“BuddyPress is Social Networking, the WordPress way.”

The concept of turning a WordPress site into a social network is indeed radical and has not been lacking in challenges. What is amazing is that BuddyPress users of today find a plugin that fully integrates into ordinary WordPress as opposed to the few who were tinkering with WPMU a couple of years back. With its latest version, 1.6, BuddyPress is an easy to use plugin with good content management capability. You can enjoy the benefit of user generated content with the ability to moderate and control spam posts using existing infrastructure on WordPress. BuddyPress also gives you the functionality you expect from any social networking site. You can add and remove friends, create groups and much more.

With all that BuddyPress is offering now what more is store for this great plugin? The battle cry of the developers is theme integration. More and more people would like to turn their existing sites into social networking sites without discarding their existing theme capabilities. Come to think of it, if you have a great ecommerce theme, why would you want discard your eCommerce capabilities for social networking. The challenge for theme developers is to create or redesign themes that integrate the capabilities of buddypress. Social networking, in tandem with mobile devices, has made our world smaller, closer, and within reach. It is undeniable.On the other hand, BuddyPress developers also have to do their share to make the plugin more seamless. While the task doesn’t seem easy there is indeed a host of talented, highly motivated people working to reach the summit from both sides. We are looking forward with much eagerness to their success!

Portfolio WordPress Themes 2013: Trends

Portfolio themes have always been highly influenced by the technical platforms the content is viewed on. Among the different theme categories, portfolios are probably the quickest to reflect new technological capabilities available. It is just fitting to consider what’s up around the corner at the end of 2012 as far as the Internet is concerned and how this will affect portfolio themes.

The main internet trend for 2013 and 2014 is the main streaming of mobile as an internet access device. It is strongly believed that smartphones and tablets will overtake desktops as the access device of choice. A lot of the conversions are expected to happen in developing countries where 3g is still the norm. A simple observation is to check what devices internet users use to upload content. More often than not it is through a handheld device, an iPhone, Android, or smartphone. To the user, it is all about convenience and accessibility. Designers and developers need to take note of this and need to consider creating themes that can handle images and multimedia content under these constraints.

The mobile effort should be done without sacrificing an emerging and equally important 4g LTE market. Designers should be cognizant of a significant growth of mobile and desktop users subscribing to internet connections much faster than a couple of years ago. Thus the access of devices to websites must be smart enough to be able to meet the seemingly opposite needs of these market segments. In a way, it is an expansion of responsive design into the backend of the website.

The emergence of new display technology such as Retina would be something to consider. Designers must be able to take multimedia content generated from any device and exploit the full capabilities of these next generation displays. Again, this should also be done in tandem with expected rapid growth in low capability areas.

Social media integration can not take a back burner as people are finding more and more ways to use this technology. Developers should take notice of the capabilities of Instagram or Pinterest and figure out how to incorporate such features into their themes. Their popularity is an indicator of sorts as to what people are viewing and how they are viewing it. It would be a pity to have a very beautiful portfolio website with very little traffic and only a handful of people enjoying it. Lastly, there is still much room to develop seamless integration with different resources available on the cloud – more exploration on how this can be utilized, maximized, and integrated into the ultimate WordPress portfolio theme.

We can’t wait to see what will emerge in 2013. Exciting times up ahead!

On Becoming a WordPress Professional

How does one become a certified WordPress professional indeed? Earning your stripes as a WordPress professional does not come from a course you enroll in and study for X number of years in your regular university. Neither do you get a degree or a diploma for the numerous WordPress conferences, seminars or webinars you attend. In truth, becoming a WordPress professional is not age bound, race bound, location bound, language bound or educational background bound. One key ingredient is the willingness to learn, make mistakes, and learn all over again.

Many current WordPress professionals and practitioners did not start out as such. Perhaps some have come out from the corporate world and taken a radical sabbatical from their daily grind while others probably started out in their dorm room or garage. Maybe others began tinkering with WordPress while they were in their teens while some are going through a second wind in their careers. The Internet has this built-in democratic leveling quality where anyone can make it regardless. Since the year is about to end, maybe some of you are considering a quiet change or transition into something else – a new career path of sorts. You don’t necessarily have to be a developer or a designer to be a WordPress professional. Here are a few options for you to think of if you are considering a shift into the exciting world of WordPress:

Developer

Web development is the back-end of the website, the programming and interactions on the pages. A web developer focuses on how a site works and how the customers get things done on it. Good web developers know how to program CGI and scripts like PHP. They understand about how web forms work and can keep a site running effectively.A good web developer will have excellent programming skills and be able to use a range of programming tools. He or she will be able to provide solutions to give a website the functions required. Web developers will use a range of programming tools such as ASP, Javascript, XML and SQL. The focus is more on the backend and the functionality of the site.

Designer (Themes)

Web design determines the look and feel of a website. It covers the layout, navigation and colors of a website. Web design is more concerned with aesthetics and user experience than functions. A web designer will make a website easy to use and fit for purpose. A good web designer will have graphic design skills and a good understanding of marketing. He or she will know how to grab the attention of visitors and encourage them to explore a website. A web designer is concerned with how a site looks and how the customers interact with it. Good web designers know how to put together the principles of design to create a site that looks great. They also understand about usability and how to create a site that customers want to navigate around in.

Developer (Plugins and Widgets)

Plug-ins and widgets are a great way to enhance the functionality of your site by adding in extra features. These can be placed anywhere inside your template by function hooks. You can start creating and eventually selling stand-alone plugins that add value to existing or new themes.

Support Professional

One of the most common deficiencies in the WordPress themes marketplace is the lack of or absence of theme support. You can start a career by being part of a support team that is responsible for providing after-sales support to customers who have purchased specific themes.

Consultant/Marketing

Providing consultancy services, networking, and hooking up clients with designers and developers is another option to becoming a WordPress Professional. Many times, a lot of great designers do poorly sales-wise because of a lack of marketing skills. You can offer your services to acts as a marketing consultant to WordPress designers and developers who have little or no time to do the marketing themselves.

Blogger/ Theme Description Writer

With the explosion of WordPress themes in the marketplace, there is very little difference between one theme to the next and a lot of them look like clones. You can offer your services as a writer to create a marketing hook for designers and developers who would rather write code than a marketing spiel.

Documentation Writer

Providing appropriate and useful detailed documentation that is easy to understand even by WordPress beginners is another option. Transcribing the installation and setting up process in easy to follow steps adds value to the theme and a well written piece will mean less resources spent on support.

WordPress Trainor

If you have acquired a certain level of proficiency in WordPress and you are confident enough about what you know, you can also try going into teaching and training.

These are just a few ideas to think of as you consider starting or shifting to a career as a WordPress professional.

Harmony Theme: Coming Soon from Elegant Themes

It’s the age of the boy band, the rocker chicks, and the indie alternative rock group and fans have been stalking their favorite bands social network sites. But what if these bands had their very own websites to give them and their fans an online address where they can all converge and have fun?

Elegant Themes is coming up with its version of the music/band/artist WordPress theme and it looks quite exciting. We wonder how Nick Roach is going to combine elegance and swag all at the same time. No doubt, it will be something good.

Sneak peeks can be seen on the Elegant Theme’s blog page. A few features that’s been talked about are:

    The theme is compatible with the standard soundcloud plugin, and that you can add your soundcloud social media Icon in the header
  • Highly visual, clean and responsive experience
  • Includes an eStore / eCommerce compatible
  • Alternate color schemes
  • Major features: showcase songs, sell swag, cultivate fants, notify them of upcoming shows
  • Define your own background image for each location

Check out the Elegant Themes blog or even our blog regularly for the latest updates on the release of this new theme from Elegant Themes, Harmony theme.

Get 77 Premium Themes for $39

Popular WordPress Plugins from CodeCanyon

Plugins are becoming more and more a necessity in putting up a website. These little programs significantly augment the capabilities of themes to produce more robust and highly functional awesome websites. Here are some plugins you may find very useful for your site:

UberMenu WordPress Mega Menu Plugin

Are you tired of ordinary menus that come with your purchased themes? No worries. Ubermenu is a plugin designed to enhance existing plugin capabilities of any theme. This plugin turns your theme’s menu into flyouts or mega menus. Defining the hierarchy of menu items is as easy as dragging and dropping your options. Flyouts are easily created by ordering and indenting menu options. Mega menus can be created easily starting with a tick in the mega menu options. The rest of the steps are relatively simple. This powerful plugin is fully responsive, ensuring your menus are optimized and will look great on mobile devices.

LayerSlider WP – The WordPress Parallax Slider

If you want to do away with flat boring slideshows, Layerslider is a must-have plugin for you. With Layerslider, you can display slides made up of your images layered together for a more stunning 3d look. It’s not surprising that your slides will look like an elegant pop-up book page. Animation of each slide component may be configured and controlled to create dramatic transitions. This plugin is also responsive and SEO friendly.

Slider PRO – WordPress Premium Slider Plugin

Creative professionals constantly seek unique and interesting ways to display their creative works before an audience. These professional artists tend to be more meticulous and demanding of portfolio themes that will be used to display their portfolio on their websites. Slider PRO is an amazing plugin that gives web designers a myriad of slider options like transitions, effects, skins and so much more. This plugin can really turn ordinary sites into powerful portfolio websites for creative professionals.

JackBox – Responsive Lightbox – WordPress Plugin

Here’s another plugin for creative professionals. JackBox – Responsive Lightbox – WordPress Plugin is a neat plugin that allows you to create that lightbox effect even on mobile devices and smartphones. Portfolio or image and video rich sites can take advantage of this plugin to keep their desktop presentations consistent even in mobile format.

Foobar WordPress Notification Bars

This special plugin allows you to create notification bars on your site. You can flash reminders to visitors with a notification bar at the top of the web page to highlight important announcements or information. This can also be used as a source for additional monetization opportunities particularly for websites with themes that don’t have any space for ad widgets. FooBars also allows you to display your social media buttons so visitors can contact you in the social web.

Check out these plugins and give your website that extra edge from the rest. Visit Codecanyon for more WordPress plugins.

40 Future City Art Illustrations for Inspiration

My physics teacher used to say – “Change is constant in nature. If change is not taking place then something is wrong.” We started from a Big Bang, life somehow evolved on earth, we learnt how to burn fire, we learnt the power of a wheel, we learned how to make machines, Franklin discovered electricity, Faraday discovered how to produce it in power houses, Bill Gates developed Windows and here we are in the twenty first century. But what if we try to go a little further? What if we try to envision the future? This is an interesting topic and the numerous popular science fiction movies and novels bear witness to this fact.

Stephen Hawking said on a Discovery Channel program that it may be possible to build a time machine with which we can go into the future but not back in history. Such a time machine has not yet been made and is only a subject of fiction. Science is too strict and limited by the laws of nature while art, in this respect, is limitless as it is free to imagine and inculcate anything and everything in its domain. Below I present you with 40 art illustrations which our artists have carefully crafted by imagining what the future of our world might look.

(more…)