HTML5 Videos: 10 Things Designers Need to Know


The HTML5 revolution is exciting web designers from all areas of the globe. The new specifications support dozens of elements and attributes for building semantic websites. These new features include multimedia tags for audio and video formats.

HTML5 Videos for the web - featured image VideoJS

In past years a Flash-based media player in more than sufficient for streaming on the Web and this technology is still necessary to support legacy browsers. But thankfully modern standards have advanced and the inclusion of HTML5 video opens doors for dozens of new opportunities.

In this guide I’d like to offer an introduction to HTML5 video for the Web. It will take some practice to understand the native in-browser player and all its functionality. And the best way to get familiar is diving in head first!


1. Types of Media

When you’re working with a flash video player it’s all too common to associate all video formats in .flv. While this does work, most flv files cannot retain quality anywhere near the more advanced file formats/codecs. There are 3 important video types which are supported by HTML5: MP4, WebM, and Ogg/Ogv. The MPEG-4 file type is generally encoded in H.264 which allows for playback in third party Flash players. This means you don’t need to keep a .flv video copy to support a fallback method! WebM and Ogg are two much newer file types related to HTML5 video. Ogg uses Theora encoding which is based on the open-source standard audio file format. These can be saved with a .ogg or .ogv extension.

WebM Open Project video source

WebM is a project put out by Google which you can read more about on the WebM Project website. The format is already supported by Opera, Google Chrome, Firefox 4+, and most recently Internet Explorer 9. It’s still unknown by most web professionals but WebM is the leading video media format in the future of web video.
read more


How Optimizing My Ugly Google+ Pic Increased Free Traffic 35%

Over the years, SEOs have employed many techniques to control how their site appears in search results. These included:

  • Writing compelling Title Tags 65-75 characters long
  • Descriptive Meta Descriptions
  • Use of NOODP and NOYDIR meta tags
  • Keyword rich URLs

By controlling how our snippets appear in search results, we could greatly improve our click-through rates and the amount of free traffic we saw.

But times are changing. For better or worse, Google has now stepped up its title tag rewriting algorithm so that webmasters can no longer predict how their title tags will display. This major bummer that is only compensated by the fact that Google has given us something much better in the form of rich snippets.

In particular, Google+ gave us author profile photos.

This was a huge win. Or so we thought.

read more


8 Link Building Tips – Whiteboard Friday


These techniques can help you build those relationships with the right people in your niche and get the links you deserve. Not only now, but in the future. Let’s get to it and I’d love to hear your feedback in the comments.

NumberOne, this is a little technique you can use to mine through your competitors backlinks and pull out the links which are good for you. So the process, you go to Open Site Explorer, put in your competitor’s URL, you can download an Excel file, put that Excel file into a Google custom search engine, then you can search for whatever you want. So you can search for guest posts, you can search for competition, you can search for sponsored links, you can find all of these really cool places your competitors have got links and average those guys as well and just piggyback off the back of their link building.

read more


Elite e-Commerce Magento Templates


Attract & Retain More Customers

Personalize shoppers’ experiences to keep them engaged from first glance to checkout.

  • Search Engine Optimization
  • Customer Segmentation
  • Targeted Promotions & Merchandising
  • Custom Coupons
  • Product Suggestions Tools
  • Ratings & Reviews


Make Buying Easy

Provide a seamless online retail experience, complete with unparalleled customer service. The results: higher conversions and happier customers.

  • Powerful Search Capabilities
  • Layered Navigation
  • Persistent Shopping
  • Customer-Assisted Shopping
  • Multiple Payment & Shipping Options
  • Return Management Authorization


Foster Brand Affinity

Loyal customers are the key to a successful business. We provide the tools to keep them coming back to your store again and again.

  • Customer Rewards Points
  • Private Sales
  • Automated Email Reminders
  • Wish Lists
  • Gift Registry
  • Gift Cards
  • Store Credit


Customize & Refine Your Site

Enterprise Edition lets you customize the look, feel and functionality of your store to meet your unique specifications. Extend and refine your site as you grow and your needs evolve.

  • One License. Multiple Stores
  • Flexible Product Catalog
  • Custom Landing Pages
  • Mobile Commerce
  • Third-Party Applications and Extensions
  • Custom Development
  • Global Commerce


Grow & Scale with Confidence

Whether you’re expanding into new markets, new countries, or even just expanding to new volume levels, Enterprise Edition will help you scale while keeping your site secure.

  • Scalability
  • Optimized Speed & Performance
  • Security & Compliance
  • Testing & Updating Environment
  • Backup & Rollback


The bottom line is that Magento is for serious entrepreneurs and business owners that want to establish their eCommerce brand online. Don’t get me wrong, WordPress also offer a great variety of options, but many plugins/add-ons do not live up to the full power of Magento. Magento was founded in 2001 and has made a recent partnership with eBay that has enhanced its growing community of developers who are constantly improving and creating new features, extensions, and modules. We hope that the following Magento themes will see life in your future online store. Enjoy!


Acumen – $90

Acumen is a powerfully flexible, grid-based Magento theme. It was designed specifically for easy customization and to fit a wide range of stores. Its minimal layout puts maximum attention on products, while keeping a clean and modern aesthetic throughout. You’ll love it!

Demo | Download

read more


What The Color Says About You


Color can influence our emotions, our actions and how we respond to various people, things and ideas. Did you know, that every time you wear some clothing, you are signaling to the world a symbolistic meaning? Many people believe that colors are powers, and that colored clothes are especially powerful. Here are some of the meanings of colors and what they correspond. Enjoy!

read more


14 Ways To Prevent Your WordPress Blog From Being Hacked

prevent wordpress hack

There are over 5 million results in google for the keyword “prevent wordpress hack“. Everyone has their own opinion and I dont think all of these posts are updated frequently. It’s been a while I have posted here. First, here are few things you should know- I have made several changes to this blog.

Recently, some of my blogs were hacked. It was funny how the index file had an image of a smurf showing the middle finger with a text saying “where’s your security?” I was glad the hacker left his email address so I could thank him for mocking the security of my blogs and so, I did. The amazing part- This guy didn’t even touch the database; he didn’t even inject any shit virus. I felt it was weird but after checking out each files, I found they were all clean.

I was so involved in other projects that I didn’t pay much attention to security which is actually the most important thing here. If this dude didn’t breach my security, I wouldn’t have known it was vulnerable and hence wouldn’t have bothered to take action. Whatever it is, I have sent him a “Thank You” Note ;)

I have removed some shitty plugins, transferred to HostGator, tweaked codes and more…Today, I have decided to write a post on how I did what I did- that is, strengthen the security of my blog to keep off hackers and all creepy people. I will have a video tutorial created for this later this month but for now, check this out. Some basic tweaks can help protect all your hard earned content. Check out the following tips to prevent wordpress hack.

read more


Best Joomla Templates


Game Crusade

Looking for the ultimate gaming site? Look no further, Game Crusade’s 100% transparent core is just what your site is needing!

game crusade

read more


Bundle Your Social Efforts With Sprout Social

Over the past few weeks, I’ve had the privilege of taking Sprout Social’s all-inclusive social media management tool for a test drive. With all the different social media venues available today, performance tracking can be a difficult task. Sprout Social takes care of this by compiling all your social platforms into one convenient interface. The purpose of this post is to reveal my findings to give you a better idea of what to expect from this awesome software as a service (SaaS).

General Overview

At the corporate level, companies often struggle with rationalizing the value of allocating time and energy towards social media, Twitter in particular. This is primarily a result of the lack of understanding in regards to social metrics and insufficient tracking. However, Sprout Social puts an end to all this by tracking useful metrics, such as engagement and influence, over your social networks. As the alter ego for the @PPCHero and @SEOBoy Twitter handles, I can tell you that this program was helpful in a variety of ways. Here are some pros and cons that I came across:

read more


Outstanding Admin Panels for Your Web Applications


An admin panel is a must have for web applications like e-commerce projects or content management systems,known as CMS,and these beautiful panels are full of features created to make your life easier.All are perfectly coded and using the power of jQuery to animate the panels.

Simpla Admin

Simpla Admin is a professional template with a beautiful and user friendly interface. With various smart and intuitive jQuery functions, navigating the interface is a breeze.

simpla admin control panel 34 Outstanding Admin Panels for Your Web Applications

read more


40+ Beautiful Themes For Adobe Flex Apps

Aeon by Xu Jiajun

Lime green, grey and white skins with smooth curves and glassy surfaces.


Demo | Download Source Code

read more