Web Design by Chameleon

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 */
}

Birmingham Ice Skating and Big Wheel

Chameleon is proud to be the company chosen to build and promote the new website and APP for the Birmingham Ice Skating and Big Wheel.

This is one of the most impressive yearly events that takes place over the Christmas period at the same time as Birmingham’s Frankfurt Christmas Market and Craft Market which attracts million’s of people to Birmingham.

ice skate and big wheel birmingham

The new website is eye catching and really shows how much effort the client goes to, in order to achieve a status making this one of the best mobile ice skating rinks in Europe.

To make this project even more exciting we are the company behind the search engine optimisation or SEO, marketing and advertising for the event. This will also be using our payment system and mobile beacon technology.

advertise in birmingham

Microsoft Corporation, Google & Firefox WebAssembly

Things are changing in the web world with Microsoft Corporation, Google and Firefox teaming up together to help build a faster web.

Microsoft, Google and Mozilla are working together looking at website applications and website pages to help speed them up by creating new standards.

This venture could help shape the way the Internet functions and improvements from this will result in users experiences being better all round.

This move could also be a step forward in creating better online games and applications being able to function like a local desktop in a browser.

The big difference is going to be using what is called WebAssembly. This is used to compile source code of Web applications and the new standards will help process this data within the browser more quickly.

How Does WebAssembly Work?

The concept of WebAssembly is actually relatively simple with developers writing the program logic for the Website components using coding language like C or C++ which is no different to what we do already. Then the code is compiled it into a binary object that can be executed by the JavaScript engine within the browser.

The reason for this is that WebAssembly objects are small which will help with the delivery of data to a browser. To put his in perspective a current web game could be as large as 25MB in plain JavaScript code which means the user has to download this data and this creates the bottle neck. The new binary form could be a little as 6MB to 8MB for same web game.

Not only is the game data now delivered quicker the other advantage is the rendering time. The browsers JavaScript engine can execute the new binary form much quicker than plain JavaScript code.

Why Microsoft Corporation, Google and Firefox are looking at this!

Web applications are growing more sophisticated with companies like Google and Microsoft being at the forefront of the technical advances. Both Google and Microsoft use JavaScript heavily and as new developments are released they are becoming more complex increasing the workload of a browser.

The WebAssembly development project is being worked on as group with the World Wide Web Consortium (W3C) who dictate the current standards for the Web.

This project is being worked on by Google, Microsoft and Mozilla behind the scenes of public view with the goal to reach a consensus which will outline future of browser coding technology.

Google Mobile-friendly search results

Google have announced today that they are changing their algorithm to detect browsers and devices to display search results relevant to the browser the user is operating.

What does this Google Mobile-friendly Change mean to non-technical people?

It means if you have a website that is not optimised for mobile devices then you will not achieve high rankings in Google search results.

When will Google Roll Out This Change

Google have said that this change will be taking place on the of 21st April 2015. This means it is now time to contact a web design company to learn what is required.

Testing to see if  your website is ready

You can test your website now using the Mobile-Friendly Test.

Finding more mobile-friendly search results

Web Design Company To Convert Your Website To Be Mobile Friendly

If you need help, please get in touch with Chameleon on 0121 663 0456 or email us to let us know your domain name. We’ll provide a quick check to see what is required, it might be a simple process to make your website mobile friendly.

Google’s Getting Started Useful Links

SituationGuidance
Find out if your website is mobile-friendlyTake Google’s Mobile-Friendly Test
3rd party software to make a website mobile-friendlyIf you have a website that uses third-party software (or if you want to create a new site), see Customize your website software for mobile users
Make a site mobile-friendly and dive into the technical detailsReview the Getting Started section on Web Fundamentals, our resource for web developersRead our Mobile SEO guide for an overview of the implementation process
Work with someone to make my site mobile-friendlyReview Google’s advice for working with a developer

2006 Nurburgring Virtual Tour Guide (Pre Street View)

Nurburgring Guide

2015

Tomorrow I am flying to Zurich with my good friend Ian to receive the 2014 global award for most creative use of Google Maps API. It’s a great feeling to be recognised by a highly respected company.

The project which won was a huge tour around a football stadium. New ideas and approaches were integrated into a bespoke Tourdash interface. The end result was a unique step forward for Business View and its affiliate software.

It’s pleasing to win an award in virtual technologies because this project kind of connects back to a cool idea I had which was slightly ahead of its time.

 

2006

In the spring I began documenting the famous Nurburgring Nordschleife with photos and video. Clocking in at 12.9 miles, the track drops and climbs 1000ft through the German Eifel Mountains, it was quite a challenge.

As a fan of all types of media work, I believed my skills could create a fantastic tourist website biased towards multimedia.

Whilst filming video I noticed workers clearing foliage alongside the race track. They explained the circuit was going to be enclosed with 12ft high catch fencing.

This was quite saddening; the Nurburgring was going to lose its unique look and feel. An idea to document the entire circuit with photography and video became a race against time.

A punishing schedule of working for BMW (37hrs Fri, Sat, and Sun) then a 1000 mile round trip to Germany became my life.

To photograph the panoramas I had to be on the track at 5.30am, before the marshals later appeared at 7am. The evening photo sessions were at 8pm after the circuit closed.

During the day the Nurburgring is used as a test track for manufactures then in the evenings it’s open to the public who drive as fast as possible. Standing on the track taking photos wasn’t allowed.

To stay busy during the daylight hours I filmed behind the crash barriers obtaining a huge library of video. Wednesday night was for wearily driving back to England. Soon it was winter so I stopped travelling and began to work on the imagery and videos.

A visual user interface was developed around a large map broken up into accessible sections. Each section was a detailed map with dots would activate movable panoramas. Different icons activated the video footage.

 

 

2007

By January the hand stitched panoramas were looking good and the huge video archive was in a usable order.

I had to make more trips in the spring of 2007 for extra footage to fill noticeable gaps, but by late spring the panoramas, the interface and videos were ready to take the next step forward.

Ian Bevis worked on the next stage by coding part of the project together. It was wise to begin with a single section to see how it performed.

Although the technology was at an early stage – we could see the potential for this type of media. In essence, we’d kind of created a basic an alpha version of Street View.

We calculated the cost of hosting the project online. Unfortunately the world was different in 2007, hosting large amounts of media online was expensive and difficult. This meant it was simply not economical to do this type of project at a large scale.
To make matters worse my day job was back to 5 days a week and required a lot more focus. Unfortunately the Nurburgring idea sat idle for few years while life got in the way.

 

2010

By winter 2010, interest in my day job had dropped to a point where I began tinkering with the Nurburgring idea again. Google Street View and hosting videos on YouTube were part of everyday life.

I developed a simple interface to make use of embedded content then animated the panoramas into video.  The whole project up was split up to suit my new plan then everything was then uploaded to YouTube.

2011

So the project was back to its original multimedia website plan. I had created a basic but functional Nurburgring site for fans to browse the track in it’s full historic glory. It made me feel quite proud; it was the most detailed Nurburgring guide on the internet and a piece of memorabilia before the catch fences appeared.

 

I was new to web design so the nurburgringexplorer website was not quite the masterpiece but it did reignite desires to work on more creative projects. My day job as a process development engineer at BMW paid well – but didn’t give me any creative satisfaction.

 

 

2013

In 2013 I made the decision to leave full time work and enter the world of self-employment, using my media skills to earn a living.

Many warned about the risk – but it’s led to a better work/life balance, allowing time to develop new ideas into finished products.

Ian’s S.E.O Company was doing well and he wanted to increase its profile within Google’s services. I was already producing real estate 360 virtual tours so becoming a Google Trusted Photographer seemed a logical step.

After being interviewed by the Business Photos team I passed my tests and began selling tours to local companies.

2014

I was enjoying working on the Business View project and had received a couple of sales plaudits but I was looking for a bigger challenge. My marketing coordinator Asya Dimitrova was very impressed with a tour I produced for Teamworks Karting and put it forward for an award.

The tour of the karting venue was quite complex, I had covered all the facilities and the entire kart track. It was pleasing to be nominated but I knew it possible to achieve more.

Working in an S.E.O office has its advantages because of all Ian’s business contacts. He really is a networking guru. It wasn’t long before Ian and I were at the Wolves Football club explaining how Business View could be of benefit.

To be honest, I’d never set foot in a football stadium so initially the size and complexity of the stadium was a little daunting. Back at the office I thought very hard about how to get started.

It was a logistical nightmare at first but was quite good fun. The people at the stadium were interesting characters who were bemused by this strange man spinning around a tripod all day.

After lots of development and hard work, the end result was an easy to use interface which accessed over 730 different locations around the stadium.

The tour is extremely detailed because I wanted this project to be a showcase for winning new business. It was the first full football stadium on Google Maps.

The fundamental ideas behind the project seem simple to me now, but at the time nobody had thought of them.

Ian added the final touches to the project by coding the final interface into a mirror image of the Wolves website. Throughout the process, his great negotiating skills helped immensely.

 

2015

Things are looking good for the future; I’ve just completed a full campus tour of Aston University which is much larger than the Wolves tour. This newly developed service offers great marketing opportunities for large venues.

The tour has also attracted clients in a variety of new areas with propositions which are extremely interesting to say the least.

We are not known to stand still and are currently looking at exciting ways to enhance our services even further, when the weather improves testing new ideas will begin.

Looking back at 2006, it was probably the hardest and craziest part of my life but the memories I have are superb. Admittedly, the Nurburgring project didn’t exactly achieve its full potential but it definitely steered my life in a better direction.

I think this awards ceremony in Zurich is going to be a lot of fun…

Written by Adam Langeveld – Chameleon Web Services – Media Production.

In 2006 Nurburgring Virtual Tour (Pre Street View)

Nurburgring Guide