Web Development
Lennon and McCartney, Simon and Garfunkel, Noel and Liam. There have been many euphonic double acts down 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, which will be 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.
Designing a great looking website is one thing, making sure the programming it runs on works is a whole different kettle of fish. 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, knowledge we use to give our clients an edge over their competitors.
We plan our web development projects with meticulous attention to detail, ensuring industry 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 the 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;
}
