There are two things which look and act similar but are different, gadgets and widgets. Widgets can be referred to any icons or graphical interface element that is operated by a computer or internet use to execute a preferred function online or on the computer. You can add a widget in all kind of web pages. A gadget acts just like a widget, often fulfilling the same purpose, but it is proprietary or called to be self-contained. It only works on a certain website or a specific set of websites. For example, OpenSocial...
Since the late 90s, when embedding media elements like audio and video clips into web pages, developers have had to rely on third party plug-ins. Flash has become the go-to method for nearly all video sites, and has been widely used for audio embedding as well. Because of the nature of the Flash plugin, this has limited the accessibility of embedded media. With the introduction of the HTML5 media elements API, this has all begun to change. Now, many libraries and video players are being introduced that...
OpenSocial is useful for websites to start hosting social applications. Apache Shindig is an OpenSocial container and helps you to start hosting these apps on your website. OpenSocial is not just about gadgets and widgets for your Website. With it, your website can be a container or can store persistent data and publish notices/alerts called activities. OpenSocial has vast verity of uses including social mashups, social websites and applications, gadgets/application creation, CMS and social...
jQuery is great for adding enhancing effects that would otherwise be impossible with just HTML and CSS. In this tutorial we're going to use jQuery and two plugins to gradually change a website's background as the user scrolls the page. We'll be using the Color Animation and Waypoints plugins. The Color Animation plugin adds animations to the color properties of elements. jQuery already includes an animate function, this plugin simply extends it. The Waypoints plugin allows us to execute a function...
Despite the high expectations placed on them at times, developers are human. They were the last time we checked anyways. As humans, we are bound to make mistakes from time to time. And simple, common mistakes often slip past our filters the more comfortable we become with something. Think about it, when you first started writing code you most likely checked every line to make sure things were perfect. As you grow more comfortable with the process, little things often get overlooked and mistakes are made....
Image slideshows are a dime a dozen on the web. You see them used for advertisements, featured articles, product showcases, and plain old photo reels. Today, we're going to quickly implement a slideshow using the jQuery plugin Cycle by Mike Alsup. Cycle is a great plugin with years of development behind it. We're going to use the Lite version. It lacks some of the features of the full version (like different transitions), but it is super lightweight. While the full version is 49kb, the lite version weighs...
With an emerging market of innovative mobile devices it has become more important to create responsive designs. In my last article (Part 1) we started with the setup of our HTML and our media queries. The pad.css was the easiest to format due to the change in the screen resolution. I saved the formatting of the handset for the last part of this series because it's the device that will start to see changes to our fluid layout. Every site developed without flash content is mobile compatible but is the content...
So you have WordPress installed and now you are ready to install a theme to give your blog/site the look you want. For most people, this involves using a theme that was purchased or using a free theme that they found on the Internet. But these don’t have to be the only two options you have to choose from. A developer with some skill in CSS and HTML can easily create their own WordPress themes to give their site the ability to provide a unique experience for their visitors. This tutorial will walk you through...