Web Design by Chameleon

Race Co Cycles Website Nominated for CSS Award

We are proud to see one of the latest websites we have built has been nominated for a CSS Design Award.

The Race Co Cycles website looks clean, crisp and is functional with a huge amount of success already over the previous website.

web design award nominee

race co website

CSS Design Award Nominated

We have been nominated for another Award at the CSS Design Awards for the latest site we have delivered.

Alpha Drive Supercar Hire needed a website that delivered an impact.

http://www.cssdesignawards.com/sites/alphadrive-super-car-hire/30335/

web design award

alphadrive supercar website

CSS Design Awards March 2016

Chameleon is proud to have been nominated for a CSS Design Award for March 2016. The website that has been put forward for the award is a site we built for a Gluten Free shop.

CSS Design Award

CSS Design Award Gluten Free Goodies

To read more visit:-

http://www.cssdesignawards.com/sites/gluten-free-goodies/28119/

Yamaha Dealer in Tamworth

The premier Yamaha dealership in Tamworth has not only got one of the best showrooms around which can be seen via Google Business View but also has a new website to make them standout from the crowd.

Tamworth Yamaha Dealer 360 Virtual Tour

Tamworth Yamaha Dealership Website

Tamworth Yamaha

The website visual was something that the guys at Tamworth Yamaha really took very serious. Fine attention to detail has meant that this website is visually stunning and also easy to navigate around.

Note: We do not host this website for this client.

iPad & Iphone CSS Media Queries

Developing websites today means much more thought is required than it used to before the iPad and tablets came about.

A web developer today has to build a website for much larger desktop screen and at the same time make the website work on iPads and tablets.

To help hobby web developers here is some Chameleon help:-

iPad & Iphone CSS Media Queries Landscape and Portrait


/* iPad in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Add style here */
}

/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Add style here */
}

/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Add style here */
}

/* iPad mini in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
/* Add style here */
}

/* iPhone 6 in landscape */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
/* Add style here */
}

/* iPhone 6 in portrait */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : portrait) {
/* Add style here */
}

/* iPhone 5 & 5S in landscape */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
/* Add style here */
}

*/ iPhone 5 & 5S in portrait */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
/* Add style here */
}