Articles tagged as ‘Web Development’

Displaying JavaScript Modal Windows using Bootstrap

It is true that Bootstrap has grown to include supporters from all around the globe. As there are plans for a Bootstrap 3 release I want to go into detail for one topic in particular. The Bootstrap JavaScript effects are not always useful to developers, so JS files are not necessary for running the whole framework. But they do provide quicker features to define common UI elements without having to reinvent the wheel.

I want to focus this tutorial on using modal windows within a typical webpage. We just need to include two files out of the Bootstrap framework. And the JS codes are not overly complicated to understand. My example demo allows users to dynamically update the background color, so this does admittedly have some more sample JS then you will need. But it is an excellent introduction to adding these brief components into any ordinary website.

Displaying JavaScript Modal Windows using Bootstrap

Read More »

Build a Single-Page Sliding Navigation Bar with jQuery

Many web design studios and freelance portfolios will incorporate the popular single page navigation technique. The benefits of such a layout allows visitors to go through all your main content without needing to reload the website. Additionally this helps to keep the interface very simple and easy to maneuver.

In this tutorial I want to demonstrate how we can build a demo single-page layout with sliding navigation effects. I will be using the jQuery One Page Nav plugin which offers more control onto each of the page elements. Additionally the layout is standards compliant with HTML5 and CSS3 specs and the nav will still load properly in browsers where JavaScript is disabled. If you want to catch a glimpse of the final product we are building check out my demo page below.

Build a Single-Page Sliding Navigation Bar with jQuery

Read More »

Responsive Design vs. Mobile Sites vs. Native Mobile Apps: Which One’s the Best?

With constantly changing trends and a five fold increase in mobile Internet users, more and more companies are aiming to create sites which will make their services available to mobile users. It is a fact that what seems to be more important on a desktop might not be equally important or useful for a mobile user who is accessing the page on a much smaller screen and is on the go. This is why, thinking properly before you choose to build a site for smaller devices, for your company is important. Here you will also have a few different options. These three options are:

1. Responsive Web Design

A responsive website is basically a website which can adapt itself on different screens regardless of the device you are playing it on. You build one single responsive website and it resizes itself accordingly.

Boston Globe

Read More »

Which Magento Solution Suits You Best: Community, Go or Enterprise?

Having made an entry into the realm of eCommerce not so long ago (in 2008), in its brief stint of less than 5 years, Magento has already made a mark for itself and is now owned by eBay. With a proven track record and an impressive list of solutions, Magento can build small, big or gigantic web stores effortlessly. There are a number of e-stores of various magnitudes already functioning on it. Its flexibility as a CMS is wider that most eCommerce platforms.

While it goes without saying that it will do justice to your web retailing needs, the big questions is which plan offered by Magento would suit you the most?

Considering that its target group is a variety of business owners and enterprises, Magento has charted out three distinct plans. Let’s take a look at those three options.

Magento Go

It’s particularly designed for small business providers to create fully equipped online stores quite easily and fast. You don’t need to worry about installing any software or administering any servers. It’s armed with a set of powerful tools to take your business to the next level. Magento Go is for those who want an eStore, without knowing the technology.

Magento Go

Read More »

How To Build a Fullscreen Background Video Player

After looking over countless jQuery plugins I have seen a lot of new HTML5 video techniques. The audio and video elements have created a new method of publishing digital media, streaming off a web server. But developers have been hard at work customizing these features to be used within advanced layouts.

In this tutorial I want to look at using big video backgrounds within typical website layouts. I’ve chosen the jQuery plugin BigVideo.js which includes a list of resources in the documentation. We can setup genuine HTML5 videos streaming as backgrounds behind the main page content. It is not an easy setup, but I’ll provide a clear step-by-step process to follow along.

How To Build a Fullscreen Background Video Player

Read More »

Cross Platform Mobile Application Development Tools: Bridging The Platform Divide

What are your considerations while shopping for a smartphone? Entertainment, infotainment, communication, professional aids, or something else? On the prowl, you learn that your hunt for the best buy doesn’t seem to end anywhere soon. You find yourselves in an ocean of smartphones having features with very little noticeable differentiation. Nearly all smartphones offer you similar features that you’re craving. Even if you’re ready to settle down for one or two unique features, it’s not always easy to spot them. But a platform vendor or an app developer never misses them – nor can they afford to.

Read More »

20+ HTML5 Tutorials, Resources & Tips

HTML5 offers plenty of potential for web designers and developers, especially when combined with CSS3. The possibilities of HTML5 are exciting, and many designers/developers have been creating amazing things that weren’t possible with HTML and CSS in the past.

The life and career of a web designer/developer requires learning new techniques rather frequently due to changes in technology, and HTML5 is no exception. This post will serve as a guide to help you find tutorials and resources that will allow you to improve your own skills with HTML5.

Here’s a collection of HTML5 tutorials, resources & tips to help you understand HTML5.

HTML5 Tutorials:

Design & Code a Cool iPhone App Website in HTML5

Design & Code a Cool iPhone App Website in HTML5

Read More »

Details of 10 E-Commerce Platforms

When it comes to choosing a platform for an e-commerce website there are plenty of options. Having options can be a good thing, but in some cases having too many options can make it difficult to know which one to choose. In this post we’ll take a look at 10 leading options and we’ll provide some details about each. They are actually broken down into 3 categories: hosted, open source, and hosted shopping cart.

Hosted e-commerce platforms will charge a monthly or yearly fee, which will include web hosting, use of the e-commerce system, and support. You’ll have to host your site with them in order to use the system. The downside to this is that you won’t be able to choose your own host, but the upside is that you’ll get support for hosting and the e-commerce system from the same place, and they will know their own system very well. Also, since it is hosted they can take care of most security details.

Open source e-commerce platforms can be downloaded and hosted anywhere. You’re not committed to a particular host, which can be a good thing. The downside is that support is likely limited to a forum or wiki. For designers and developers open source solutions can be a good choice, but end users who are looking to set up their own site will likely face more obstacles with an open source, self-hosted system as compared to a hosted platform.

Hosted shopping carts will allow you to use the CMS and host of your choice, and they will just host the shopping cart and checkout process for you. So they’ll still handle the security details since the payment will be processed through their site, but you won’t host your entire site with them.

So now we’ll take a look at the specific platforms. Certainly there are plenty of other options that could be included, but we have tried to limit the number to a few in each category to avoid overload.

Hosted E-Commerce Platforms:

Shopify 

Shopify

Read More »

Recent and Useful Tools for Web Development

Looking for new ideas for your next project? you stepped into the right place. This post talks about brand new web tools that convert good ideas in excellent pieces of web development. Slowly but constantly, web tools are replacing desktop programs and It is very likely that in the future there will be no need of hard drives since everything will be in the cloud. The greatest developers for desktop applications will need to adapt to this or disappear. We bring you some tools that show the future now. So that you start adapting to it.

We Love Icon Fonts

We Love Icon Fonts

Read More »

How To Code a Vertical Accordion Nav Menu with jQuery

Website navigation is an important aspect to any functioning layout. Users will often be looking for methods to traverse over your pages, and sometimes this requires a bit of creativity. I love the idea of vertical navigations especially with sub-menu links.

In this tutorial I will demonstrate how we can build a simple vertical navigation accordion menu using CSS3 and jQuery techniques. We can build custom styles and format the links to slide down & up on each click. Using this method we can also build sub-menu links, splitting up headers by ID or class names. Follow along with the ideas below and feel free to download a copy of my source code.

How To Code a Vertical Accordion Nav Menu with jQuery

Read More »
Page 3 of 812345...Last »