Browsing all articles tagged with Website Development
Aug
25
Comments Off on Top 10 resources for jQuery plugins

Top 10 resources for jQuery plugins

3.5

jQuery JavaScript library is very popular among website developers. According to W3Techs, jQuery adoption is about 55%. It is normal for such a popular library to have many plugins available. Google is always an option when someone tries to find a plugin. Moreover, many plugin repositories or collections are available. Let’s see the most important of them.

jQuery-Plugin-Registry

read more

Jul
17
Comments Off on The MVC Pattern and PHP

The MVC Pattern and PHP

4.3

The Model-View-Control (MVC) pattern, originally formulated in the late 1970s, is a software architecture pattern built on the basis of keeping the presentation of data separate from the methods that interact with the data. In theory, a well-developed MVC system should allow a front-end developer and a back-end developer to work on the same system without interfering, sharing, or editing files either party is working on.

Even though MVC was originally designed for personal computing, it has been adapted and is widely used by web developers due to its emphasis on separation of concerns, and reusable code. The pattern encourages the development of modular systems, allowing developers to quickly update, add, or even remove functionality.

Understanding MVC

The pattern’s title is a collation of its three core parts: Model, View, and Controller. A visual representation of a complete and correct MVC pattern looks like the following diagram:

 

MVC-Process

The image shows the single flow layout of data, how it’s passed between each component, and finally how the relationship between each component works.

read more

Dec
5

Why Coding Style Matters

4.5

What’s A Style Anyway?

Coding style is how your code looks, plain and simple. And by “your,” I actually mean you, the person who is reading this article. Coding style is extremely personal and everyone has their own preferred style. You can discover your own personal style by looking back over code that you’ve written when you didn’t have a style guide to adhere to. Everyone has their own style because of the way they learned to code. If you used an integrated development environment (IDE) like Visual Studio to learn coding, your style probably matches the one enforced by the editor. If you learned using a plain text editor, your style likely evolved from what you thought was more readable.


Not only publishing houses need a style guide. If you want to keep your code readable and easy to maintain even years after you’ve released a website, a coding style guide is helpful and necessary. (Image credit: Wikidave)

read more

Dec
3

Web Development key Skills

4

API Knowledge

A key tool for any budding web developer is API knowledge. It’s good to familiarise yourself with a variety of application interfaces. I started out using the Twitter REST API with PHP and CURL when twitter first launched the API to basically get a users tweets, pretty simple now I look back, but at the time it was the first time i’d done such a thing. As the development of social media continues this will increasingly open up opportunities to develop more and more applications that interact with one another and and make our daily chores more eventful.

read more

Aug
21

HTML5 Videos: 10 Things Designers Need to Know

3

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

Aug
7

10 Famous Magento Based Website


We strongly believe in Magento and this belief is supported by the some 100,000 merchants worldwide currently using Magento to power their eCommerce front.

Breville (www.brevilleusa.com) who use Magento to power a site that profiles their products, compares their products, allows for purchase of both products and parts, enables retailers to be found and support to be at a customers finger tips. The site also allows for video demonstrations of tips and tricks to using and maintaining the products.

read more

Jan
28

Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?


The problem has boggled the minds of Web designers for years: fixed, fluid, elastic or a hybrid layout design? Each option has its benefits and disadvantages. But the final decision depends so much on usability that it is not one to be made lightly. So, with all the confusion, is there a right decision? By considering a few factors and properly setting up the final design, you can end up with a successful layout design that reaps all the benefits.

This article discusses the pros and cons of each type of layout. Either one can be used to make a successful website layout, as long as you keep usability in mind.

Also consider our previous articles:

Why all the debate? Web page design comes down to usability, and this can be difficult to balance because website users can account for many different variables among them.

When designing a website layout for a large audience, the designer must consider the following potential differences among visitors:

  • Screen resolution,
  • Browser choice,
  • Whether or not the browser is maximized,
  • Extra toolbars open in the browser (History, Bookmarks, etc.),
  • Even the operating system and hardware.

Without the benefit of a standardized website size to work with, Web designers encounter numerous problems when it’s time to get to work.

read more