Website Development | Custom Web Applilcations | HarrisWeb Creative

HarrisWeb Creative offers Website Development & Custom Web Applications in Milton, Ontario.

Website Development is the process of writing code to make a website behave in a certain manner. Or creating a custom application the serves a function on the web.


Web Development

Web Development in general extends the website design beyond its basic attributes. You may require web development to make a website do something unique or a custom function triggered by a button push or just by simply entering the page.

The paragraph is a simple example - lazy-loading an asset. Rendering a video as a percentage of screen size could be another example. Other simple examples are: tracking user engagement, setting variables and passing them on to Google Analytics.

More complex examples would be: developing a complete pay-on-demand training course that secures the course material so it cannot be shared across the web or an Uber-like system that connects passengers to drivers and collects fees.

Regardless of your needs, we are capable of making it happen.

Web Applications that are Useful Increase Traffic

Applications that are useful to your customers can increase engagement with your website.

We have developed applications that would determine the cost savings of moving to a high-effciency furnace and based on furnace age and seer rating, what the pay-back time would be. This application became one of the mainstays of the client's website.

Another application we developed showed a tutorial video, then a quiz, and based on grade, allowed the participant to continue to the next video or go back and review the material.

These types of applications increase user engagement, keep users on the website longer and build brand trust.

There are 3 reactions to web development: yes, no and WOW...
We aspire to the WOW!


Behaviour Driven Development

One of keys to good web development is understanding your wants and needs. Users today expect web applications to behave in specific ways and do many things with a simple push of a button.

Users do not care, nor want to understand, the complexities of the code behind the buttons that create their web experience, they just want the experience to work as expected.

Behaviour Driven Development is the bridge that connects your desires to the code that executes the experience.

We spend time with you, up front, defining user behaviour so the code executes exactly as you wish. This minimizes code rewrites, saves time and money.


No Job Too Big or Too Small

If you require and complete application to serve a particular niche or just want a custom form to collect data, we can do both. Our code is mostly done in-house, and for those large enterprise web-applications, we belong to a group of fellow developers (code-monkeys) who support each other, which we can draw resources from.

Clean Code is Important

The importance of clean, well written and well documented code is imperative. Web developers move on, change careers, or simply disappear into the wilderness. It is important that your code can be easily deciphered by your next web developer. You may have grown to the point where you employ an in-house developer and he or she will need to work with code written before their tenure. We liberally comment and embed explanations within our code to make it easier for the next developer to understand how a function works, or even what it is doing. We have found this helpful for ourselves when coming back to a code that was developed years previously. Some developers even purposely write badly documented code to make it difficult for other programmers to do updates. We do not believe in this practice we view code you paid for as yours, with no strings attached. Your in-house team should find the code we wrote for you a pleasure to work with.

Content Management Systems (CMS)

Today about 25% of all websites run on WordPress, according to a Marketing Land Article, which goes on to quote statistics, showing that about 40% of all websites use some form of content management system. These systems make it easy to get a website up and running but necessarily are geared to "middle of the road" applications and behaviours. Website development often involves working within these CMS frameworks to develop a unique experience you want for your users. We are experienced in creating designs and code that extends into the unique, off the beaten path, while working inside a CMS framework.

Basic Skills

Markup Code

All developers require an understanding of some basic programming languages starting with HTML and CSS. These two markup languages bring text and images to web pages in a consistent style. The current standard is HTML5 and CSS3. We have been writing code in these languages since 1999.

Browser Manipulation

JavaScript is the language that most browsers work on today; it is important because it allows for creation of custom a user experience on your web pages. There are many libraries and derivatives of javaScript, like JQuery and Json, that focus on specialized javaScript functions to perform a unique set of tasks. We are experienced in writing javaScript code and making use of these libraries. These 3 forgoing languages comprise what search engines see when their robots traverse your website.

Server-side Preprocessing

PHP, a server-side language that resides on your web server and executes before your web pages are rendered in a browser; as such, is not "seen" by search engine robots, but the results of its execution are. PHP is also very good at communicating with databases where information is stored. PHP can allow for such functions as user logins, retrieving stored user data previously saved, requesting user input or gathering user information and rending different experiences to users based on that information, like geographic location. A simple example of this is:

  • Your current IP address is: 54.196.127.58
  • Which suggests you are in: Ashburn, Virginia, United States
  • Your browser language code is currently set to:

This location data is pulled from a free web service, and as such is somewhat accurate and operational most of the time. For marketing purposes paid services are better. That being said it can be seen how this data can help to offer tailored experiences to different visitors.

Web Application Example Portfolio

Example of simple javascript quiz

This simple quiz uses only javaScript. Tests to see if you answered all the question, tallies your score and displays the correct answers upon submit

  • img/image1.jpg
  • img/image2.jpg
  • img/image3.jpg
  • img/image4.jpg
  • img/image5.jpg
  • Woman With Horse
  • Fast Car
  • Lillies
  • Pretty Eyes
  • don Quixote
  • This is a dramatic shot of a young woman with a horse
  • Nice seaside shot of a red convertible Porsche
  • Top-lit calla-lillies on black, taken with Canon EOS Rebel T6i, 100mm lens, F4.2
  • Exceptionally Pretty Eyes - Model: Tara Ambrosie, Rome, Italy, 2005
  • Don Quixote is a 1955 sketch by Pablo Picasso of the Spanish literary hero and his sidekick, Sancho Panza. It was featured on the August 18–24 issue of the French weekly journal Les Lettres Françaises in celebration of the 350th anniversary of the first part of Cervantes’s Don Quixote.

Slider Title

prev

Slide Title

Lorem ipsum dolor sit amet, in suspendisse odio arcu morbi est ut, tellus velit risus cum viverra libero, tincidunt ultrices libero quasi est sem aliquam, a purus orci feugiat duis. Mauris imperdiet sed ac dui mi vitae. Ridiculus eu vehicula euismod ut, est non eget nisl

Slider Development by HarrisWeb
next
Full size slider example here

Free Responsive Slider Download

Download ZIP file here

The HarrisWeb Simple Responsive Slider is just as it states, a very light-weight, less than 250 lines including documentation, slider with many options. It is also responsive if you set the width using a percent.
OPTIONS INCLUDE:

  1. width in percent or pixels
  2. height in pixels
  3. show or hide the following:
    • prev/next arrows
    • border
    • title
    • slide title
    • slide description
  4. choose to cover slide with image or contain whole image within the slide body
  5. choose the position of the slide image within the slide body top, bottom, center, left, right, center
  6. choose to auto-start or not
  7. choose fade-in and fade-out speeds
  8. choose auto-start time between slides



More examples to come