HTML5 Video Tutorial
This HTML5 Video Tutorial will cover the html5 video element, it’s use and practical applications. HTML5 not only makes it much easier for you to embed your self-hosted videos, but also processes and displays them in a much smoother, faster-loading manner. Before HTML5 Video, to include a video your options were pretty much limited to embedding from youtube or embedding a flash element. Now you have the ability to simply use the “<video>” tag.
To give you an idea of the what the code looks like, here is an example of how you would include a video using html5:
<video width=”320″ height=”240″ controls>
<source src=”YourMovie.mp4″ type=”video/mp4″>
<source src=”YourMovie.ogg” type=”video/ogg”>
Your browser does not support the video tag.
</video>
This would include a video in both the mp4 and ogg format at 320px by 240px and will include video controls like play, pause, and volume controls. You can also control the volume of your video using jQuery if needed. In this case we only used mp4 and OGG file types, but the video element can also use the webM video format.
Each browser type has a different number of video types that they work best with, and unfortunately no one file type is accepted universally by all major browsers. If you’re able to include an MP4 and OGG video file though, your video should be viewable by just about any potential user. To give you a better idea on what video types work where, you can consult the table below.
| Browser | MP4 | WebM | Ogg |
|---|---|---|---|
| Internet Explorer | YES | NO | NO |
| Chrome | YES | YES | YES |
| Firefox | NO | YES | YES |
| Safari | YES | NO | NO |
| Opera | NO | YES | YES |
For a real world example on how we used this HTML5 video tutorial, you can view our work on the Haber website. We created a responsive layout that features a full page video upon landing, featuring their latest brand video. By self-hosting the video, Haber did not have to host their content on Youtube and they were able to serve their content quickly and with almost no loss of quality.
Using HTML5 to include video on your website is a great way to give your users and clients a much deeper and informative view into what it is you’re presenting.
How to Buy Magento Extensions
Savvy research for optimizing your Magento extension purchase
You find yourself in need of either picking up a fresh Magento extension package, or perhaps are looking at updating your current application. Either way, searching for a product to fill your needs can be a hassle. But, it doesn’t have to be. Simply knowing what to look for and what things you’ll want to know about before beginning your search is a great first step. Follow these tips for stress free shopping process and come away with the right Magento extension for your specific needs.
Look for Reliability
You want ensure the product you’re looking for is ready to run out of the package, so look for suppliers offering tested products, rather than those who simply pass on pre-bundled deals. The company should be able to give firsthand knowledge of your extension’s installation ease and requirements, as well as configuration access for fine tuning once it is in place.
Customer Service
This one is always big no matter what you are buying, so make sure your Magento extension supplier is available for any questions or installations issues that might arise. Look for a provider who has a money back guarantee where if you’re not satisfied with your choice, they will be there to make things right.
Application Licensing of your Magento Extension
Look for a provider that will license to your flexible needs. Some companies prefer to apply licensing to individuals, no matter what the situation. Your provider should be able to work with you, offering to license to either your store, by edition, or even by installation. There’s no need to complicate matters.
Compatibility of Magento Extensions
It may be that your first purchase and installation was through a separate developer, and you will want to assured the compatibility of the new product you are putting into use will work seamlessly with your existing platform. Before purchasing, speak with the representative about what versions are supported, so you won’t be loading in a Magento extension that can’t communicate.
Seek Flexibility
Magneto extensions come in a variety of forms with specific applications in mind. Instead of saving what seems a few dollars in buying a bulk package filled with multiple extensions you won’t use, look for a provider who will let you pick and choose your own bundle and base price off of that.
Finding Reliable Miami Web Design Professionals
Shaping up an online presence in South Florida
Your South Florida business could use a boost, and the most painless way to attach your marketing funds is to increase you presence on the web. But simply buying a bargain basement do it yourself manual and software package from the store isn’t going to cut it. Your competitors have invested wisely in graphic design support, targeted advertising, and reliable research into SEO and PPC. Miami web design contractors can help you get your foot in the game and stay in the race.
Miami Web Design
Miami web design firms and contractors are there with the specialized knowledge that only comes from working in operating in South Florida. Your customers need to be able to not only find you and navigate your website, but also have a feeling of understanding from you that you have a unique feel for what their needs might be. Your neighbors live next door and send their children to the same school as yours. They shop at the same grocery food stores, and buy their clothes from the same malls your kids keep dragging you to each weekend. This personalized and intimate knowledge of what makes Miami unique allows your chosen web design firm or contractor the insight to your customers and to your own specific needs.
Miami web design companies also have the skilled and professional staff ready to offer you the solution your company needs. A professional website designed for your needs isn’t going to come out of a box, but will have years of development, training, and experience behind each section. Not only that, but web search engine analytics are constantly changing, and you want someone who understands the roller coaster management of finding a successful foothold in the web and keeping it there.
Put Your Marketing Dollars to Work at Home
Once you start researching on where to use your marketing budget, you will be assailed by web design firms all across the world, telling you that they have a unique understanding of exactly what it is you need. They will throw fancy vocabulary your way in an attempt to cloud over their inexperience with your market, assuring you that they alone can help you reach the top of your niche market. Your best bet is not to listen, but focus on local companies and contractors who can provide honest and established Miami web design solutions for your company at competitive pricing.
About Magento Checkout Extensions
Simple Magento store solutions for closing the sale
A great website design that is tuned to customer needs and shopping instincts can suddenly be torpedoed by a complicated or lengthy check out process. Aggravation concerning navigation, shipping calculations, and billing information can cause large amounts of customer with loaded shopping carts to abandon the process and go shop somewhere else. You can head off this mass migration of revenue by applying the one step checkout Magento checkout extension, a simple one page application meant to work intuitively with your customer and completing more sales.
Make Your Storefront Checkout Simple
Rely on the Magento storefront checkout extension to provide a new level and ease of use to your customers. No matter the store application, whether standard, professional, or enterprise, your extension will place everything a customer needs in one place, and re-calculate amount owed in real time. No more going back and forth in choosing the best options of changing addresses – everything is right in front of the customer for their simplicity. No hassles and an ease of use means no more lost sales from frustrated customers.
Integration of Magento Checkout Extension
Users already basing their online presence and storefront on Magento will simply need to upload and click accept for the checkout integration. Other platforms users may require additional plug ins to balance the programming, but even then, a solid provider will have tech support to minimize down time. Customers will be able to shop seamlessly through your catalogue of displayed offerings, using the traditional online shopping basket app, and with one click navigation to the Magento checkout extension, provide all the information for the order to process.
Support of the Magento Checkout Extension
Currently, there are over 100 independent solutions around the world for technical support on Magento extension issues. This means you have the flexibility and collective knowledge at your fingertips to adjust, correct, and realign any conceivable Magento issues that may arise, either internally in the integration with other Magento extensions, or with compatibility concerns with other platform apps. 12,000 registered users through various providers utilize Magento checkout as their online store solution to capturing increased profits.
You can also browse our store of Magento Extensions for our extended Magento checkout extensions to help improve conversions, client retention and customer acquisition.
Take some time today and review your storefront checkout application to determine if an upgrade to a Magento store front extension is right for you. It could be the difference between sales as usual, or an supercharge of revenue.
Bricks & Mortar Pay It Forward Gifting Extension for Magento
Our Magento Gift Extension
While working on a very extensive project for a client we were faced with a problem, how can we allow the customer to send a coupon to a friend at the time of checkout submission? Further, each coupon would need to be automatically generated by Magento and then emailed to the email address given. We found the new module that was created so useful, we decided to make it available to everyone.
Bricks & Mortar Pay It Forward Magento Gift Extension allows customers to refer a friend to your website by sending them a coupon. When the customer goes through the checkout steps, they will be asked to “pay it forward” to a friend by entering their name and email right before submitting payment. The Magento gift extension uses the Magento cron job to generate a unique coupon, set up an email and then send it to the email address provided by the customer at checkout. All of the standard Magento coupon options are available to you while configuring the coupons that will be generated, so you can offer a number of different coupon types as an incentive.
This extension will not only help increase your conversions by offering a unique incentive to your customers, but will also increase the amount of new customers your site will receive through the customer referrals.
Installation and configuration of the extension only takes a few minutes and is compatible with Magento 1.8 and lower. Full support is provided on this extension for the first 14 days after purchase after which extended support packages are available. If you need help with installation or customization just let us know while you’re purchasing and we’ll take care of everything.
3 Great WordPress Theme Designs For Online & Real World Retail Businesses
Sometimes a business is looking to get online in a quick and inexpensive way without sacrificing quality and aesthetic appeal. In these situations we typically advise clients to explore the option of purchasing Pre-Developed WordPress Themes.
You can buy pre-built themes for a variety of industries and verticals, whether you’re a professional business, you’re doing blogging or news, you’re starting an e-commerce store, or even if you’re just trying to find a way to easily share your favorite recipes for strudel on your own website. No matter what the situation calls for, you can probably find a great WordPress theme to fit your needs.
Today, I’ll focus on 3 great WordPress themes for retail businesses:
1) KOYOREST
Koyorest is a beautiful, responsive theme with an appointment scheduling tool, a lot of great slider features, big featured images to showcase your products, and a easy to navigate and understand UI, making this an ideal theme for a number of different retail verticals. In this theme demo, it is used as a “Restaurant Theme”, but could easily be used by a boutique clothing store to feature high end products, a hair salon to show off it’s location, stylists and hair cuts as well as book appointments, and so many more opportunities. This theme is very multifaceted, great to look at and would be ideal as a starter website for a number of online retailers.
2) BLUME
Blume is a beautiful, high quality theme that will bring your brand to life. Make sure to have some high quality photos ready, as this theme will be dependent on them, and if worse comes to worst invest in some nice stock photos. This theme is responsive, it has beautiful parallax features, it has an amazing aesthetic especially with it’s use of spatial/square design, and is easy to use with plenty of shortcodes. Get your brand started on the right foot with this theme.
3) Nation Hotel & Resorts
This theme is geared towards Hotels and other service based businesses that will be renting rooms or spaces. Other potential website uses are for recording studios, restaurants, clubs, practice studios, storage spaces, and so much more. This theme will give you the ability to easily expand your business online, start interacting with more clients, and converting more leads into new customers.
You can find all of these great themes on Theme Forest.
One Step Checkout Custom Step Creator Magento Extension
We’ve created a new Magento Extension that allows any user to easily modify the one step checkout process by adding additional steps. You can add as many steps as you’d like, the steps can hold input fields of any type including text inputs, radio buttons, drop down menus, check boxes and everything else that Magento offers. You can also associate price values with the options, allowing you to place easy upsells and information captures throughout the process.
Easily Customize, Modify and Improve One Step Checkout
This Magento Extension will help you improve your sites average order values, client relationship management, conversion rates, costs per conversion, and overall user experience during the checkout process. Customize your Magento one step checkout by adding a new step very easily with this inexpensive module.
Fort Lauderdale Magento Website Development Company Now Offering Magento Extension Development
Bricks & Mortar Creative, an online web agency in Fort Lauderdale specializing in Magento websites, is now offering customized Magento Extension development as well a newly launched store offering numerous Magento extensions for sale.
If you’re looking for an agency experienced in Fort Lauderdale Magento Websites that will get your project done quickly and correctly the first time, then look no further than Bricks & Mortar Creative. We can create customized Magento Extensions to add whatever functionality you may need to your Magento store, modify extensions you are currently using, or help you plan out extensions that you know you need but can’t figure out how to implement.
Contact us today for a free consultation, a website audit of your current Magento website, or with any questions that you may have about our Magento Website development packages.
How To Center Elements with HTML and CSS
There are a number of ways you can center an element using CSS and HTML depending on the type of element and the requirements for that element. First, let’s assume we want to center a div inside of a wrapper div or in the middle of the document body.
Whether our div, with a class “center-div”, is directly inside the body tag or a wrapper div we’ll first need to assign a width. This width can be static, or a fixed pixel value, or it can be dynamic, or set with a percentage. As responsive design is very popular, let’s use the dynamic width of 80% and put it directly inside the body tag. So far our code looks like this.
<code>
<style>
.center-div {
width:80%;
}
</style>
<body>
<div>
Some Text
</div>
</body>
</code>
Now to center the div we have to apply a margin to every side of our center div. To the top and bottom it can be any value from 0 to infinity depending on your top margin needs, but both left and right margins must be set to ‘auto’. So now our code looks like this.
<style>
.center-div {
width:80%;
margin:0 auto;
}
</style>
<div>Some Text</div>
Now to ensure the centered div displays properly I usually add the following CSS properties: overflow:hidden;, display:block;, min-height:250px. You can use different settings for the display and min-height, or skip them all together, but overflow:hidden is a very useful property that often goes underused. Your final code should look like this:
<style>
.center-div { width:80%; margin:0 auto; overflow:hidden; display:block; min-height:250px; }
</style>
<div>Some Text</div>
Once done, the div you need centered should be directly in the middle of its container div horizontally. You can also center the text within that div by giving the text tag a text-align:center property.
Bricks & Mortar now offering all of its services via Thumbtack
Looking to get bids on your project? Check out our Thumbtack profile and learn about our web design services, web development services, seo services, internet marketing and more.