Web Development

World class web development solutions

Our web development specialists are as clued up and switched on as any developers on the planet when it comes to new web technology. What really sets us apart is our unique ability to take that knowledge and combine it with a deep psychological understanding of your target audience to produce websites that people find irresistibly attractive.

Web Development
Technology that works in harmony with your business

Lennon and McCartney, Simon and Garfunkel, Noel and Liam. There have been many euphonic double acts through the years, none more so than our own particular combination of efficiency and simplicity. Together these twin attributes form the basis of a web development and system design ethos that continues to save our clients both time and money. Music to the ears of every lean management team across the globe. We have developed a number of lean management systems and count West Yorkshire Police amongst our clients. You can find out more by visiting our portfolio.

Online Marketing
 
Bespoke Programming
Cutting Edge Solutions

Designing a great looking website is one thing. Making sure that the programming it runs on works like a dram is something totally different. At Why Digital Media our web development Leeds team are experts in web programming, so you can be confident that all of the solutions we provide are programmed to deliver optimal results. All of our Leeds web development staff are regularly kept up to date with new and existing web development technologies and applications. This knowledge we impart onto our clients to give them an edge over their competitors.

We plan our web development projects with meticulous attention to detail, ensuring standards are not just met, but in many cases exceeded. We use industry best practices to design the architecture, implement the code and rigorously test our web development to ensure your web site does not encounter bugs that may result in customer dissatisfaction and loss of sales. Not only do our web development services provide our clients with maximum up time, the use of our streamlined and advanced programming frameworks means our code executes at lightning speed. All of which helps to keep your customers satisfied and your retention to a maximum.

Listed below are some of the web development technologies we use:

  • HTML
  • CSS
  • Microsoft .NET Framework (1.0, 1.1, 2.0, 3.5)
  • ASP.NET
  • VB.NET
  • C#
  • PHP
  • Microsoft SQL Server (2000, 2005, 2008)
  • MySQL
  • AJAX
  • Flash
  • Javascript
     

 

						$(function(){
	var shadowOffset	=	1.08;
	var lightswitch		=	$("#switch");
	var lightbulb		=	$("#light-bulb");
	var lightbulb2		=	$("#light-bulb2");
	var lightCenterX	=	parseInt(lightbulb.width()/2);
	var lightCenterY	=	parseInt(lightbulb.height()/2);
	var logo			=	$("#logo");
	var lightAlogo		=	$("#light-bulb, #logo");
	var logoCenterX		=	parseInt(logo.width()/2);
	var logoCenterY		=	parseInt(logo.height()/2);
	var logoshadow		=	$("#logosh");
	var logoShdwCenterX	=	parseInt(logoshadow.width()/2);
	var logoShdwCenterY	=	parseInt(logoshadow.height()/2);
	var statustext		=	$("#statustext");
	var defaulttxt		=	"Drag the light-bulb or the logo!";
	var ontxt			=	"Let there be light!";
	var offtxt			=	"Switch off the light!";
	
	statustext.text(defaulttxt);
	logoshadow.fadeTo(0,0);
	lightbulb2.fadeTo(0,0);
	moveShadow();
	
	lightAlogo.draggable({
		drag: function(event, ui){
			statustext.text("dragging " + $(this).attr("id"));
			moveShadow();
		},
		stop: function(event, ui){
			statustext.text(defaulttxt);
		}
	});
	$(window).resize(function(){
		moveShadow();
	});

	lightswitch.click(function(){
		if(lightbulb.hasClass("off")){
			lightbulb.removeClass("off");
			lightswitch.css("backgroundPosition","0 0");
			logoshadow.stop().fadeTo(750,setOpacity(shadowDistance));
			lightbulb2.stop().fadeTo(750,1);
			statustext.text(offtxt);
		}else{
			lightbulb.addClass("off");
			lightswitch.css("backgroundPosition","-80px 0");
			logoshadow.stop().fadeTo(750,0);
			lightbulb2.stop().fadeTo(750,0);
			statustext.text(ontxt);
		}
	});
	
	lightswitch.hover(function(){
		if(lightbulb.hasClass("off")){
			statustext.text(ontxt);
		}else{
			statustext.text(offtxt);
		}
	},function(){
		statustext.text(defaulttxt);
	});

	function setOpacity(getDistance){
		if(lightbulb.hasClass("off")){
			return 0;
		}else{
			return (1.2 - getDistance /1000);
		}
	}
	
	function moveShadow(){
		lightX			=	parseInt(lightbulb.offset().left) + lightCenterX;
		lightY			=	parseInt(lightbulb.offset().top) + lightCenterY;
		logoX			=	parseInt(logo.offset().left) + logoCenterX;
		logoY			=	parseInt(logo.offset().top) + logoCenterY;
		distanceX		=	logoX - lightX;
		distanceY		=	logoY - lightY;
		distance		=	Math.sqrt(Math.pow(distanceX, 2) + Math.pow(distanceY, 2));
		shadowDistance	=	distance * shadowOffset;
		shadowPosLeft	=	(distanceX / distance * shadowDistance + lightX - logoShdwCenterX) + "px";
		shadowPosTop	=	(distanceY / distance * shadowDistance + lightY - logoShdwCenterY) + "px";
		logoshadow.css({ "left": shadowPosLeft, "top": shadowPosTop, "opacity": setOpacity(shadowDistance) });
	}
	
	
	


	/* nothing important below this line! */ 
    $("#tabs").tabs({
		fx:{
			opacity: 'toggle',
			duration: 200
		},select:function(e,i){
			if(i.index != 0){
				$("#ga5").show();
			}else{
                $("#ga5").hide();
			}
		},cookie:{expires:1}
	});

    $("pre.sh").hoverIntent(function(){
		$(this).stop();
	},function(){
        $(this).stop();
	});
    
	
	
	$("#bananas").fadeTo(0,0.2);
	$("#bananas").hover(function();
    $("#followme").hover(function();
	
	
	// digg code
	var s;
	s.type = 'text/javascript';
	s.async = true;
	s.src = 'http://widgets.digg.com/buttons.js';
	s1.parentNode.insertBefore(s, s1);
    
						body {
	width: 100%;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #808080;
	background: #1E1E1E;
}

p {
	line-height: 170%;
	color: #d4d4d4;
}

h3 {
	color: #D4D4D4;
}

strong {
	color: #D4D4D4;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.clear_both {
	clear: both;
}

ul.list {
	margin-left:-10px;
	margin-right:0px;
	list-style-type: none;
}

#follow_us ul {
	margin: 0px;
	padding: 0px;
}

#follow_us li {
	margin: 0 !important;
}

li {
	padding-bottom: 2px;
	margin-left: 10px;
	color: #D4D4D4;
}

.header {
	font-family: 'Ubuntu', sans-serif;
	font-size: 21px;
	color: #FFF;
}

.header h1 {
	font-size:21px;
	margin:0px;
	padding:0px;
	font-weight:normal;	
}

.header_blue {
	font-family: 'Ubuntu', sans-serif;
	font-size: 24px;
	color: #3FCFD5;
}

.sub_header_blue {
	font-family: 'Ubuntu', sans-serif;
	font-size: 21px;
	color: #3FCFD5;
}

.header_grey {
	font-family: 'Ubuntu', sans-serif;
	font-size: 24px;
	color: #FFF;
}

.header_white {
	font-family: 'Ubuntu', sans-serif;
	font-size: 24px;
	color: #FFF;
}

.underline {
	height: 1px;
	width: 100%;
	background: #000;
	border-bottom: 1px solid #333;
	position: relative;
	top: 10px;
}

.underline_full_width {
	height: 1px;
	width: 100%;
	background: #000;
	border-bottom: 1px solid #333;
}

.center {
	margin: 0 auto;
	width: 960px;
}

.pad_top {
	padding-top: 20px;
}

.pad_bot {
	padding-bottom: 20px;
}

.pad_left {
	padding-left: 20px;
}

.pad_right {
	padding-right: 20px;
}

.margin_top {
	margin-top: 20px;
}

.margin_left {
	margin-left: 20px;
}

.margin_right {
	margin-right: 20px;
}

.margin_bot {
	margin-bottom: 20px;
}

.bottom_border {
	border-bottom: 1px solid #333;
}

.bottom_border_blue {
	border-bottom: 1px solid #333;
}

#main_content_title {
	margin: 0 auto;
	padding-top: 20px;
	height: 40px;
	margin-bottom: 20px;
}

#main_content_title_portfolio {
	margin: 0 auto;
	padding-top: 20px;
	height: 40px;
	margin-bottom: 20px;
}

#main_content_title h1 {
	font-size:28px;
	margin:0px;
	font-weight:normal;	
	float: left;
}

#main_content_title {
	color: #808080;
	font-size: 12px;
}

#main_content_title {
	position: relative;
	top: -10px;
}

#main_content_title {
	color: #3FCFD5;
	text-decoration: none;
}

.main_content_title {
	margin: 0 auto;
	margin-top: 20px;
	height: 40px;
	margin-bottom: 20px;
}

#nav_bar {
	width: 100%;
	height: 30px;
	color: #B3B3B3;
	background-color: #000;
}

#nav_bar_container {
	position: relative;
	top: 8px;
}

#menu a {
	text-decoration: none;
	color: #B3B3B3;
	margin-right: 10px;
}

#menu a:hover {
	color: #3FCFD5;
}

#menu a.active_a {
	color: #3FCFD5;
}

#header {
	height: 100px;
	background-color: #000;
	background: url(../img/grad-header.jpg);
	background-position: 50%;
	border-bottom: 1px solid #000;
}

#header_container {
	position: relative;
	top: 20px;
}

#header_caption {
	position: relative;
	top: 15px;
}
		
collaborate with us
collaborate with us
ENQUIRE NOW
Not attracting the right business? Then it's time you discovered Why.
Glowing arrow