Falcon Ridge website launch
July 16th, 2010
We are pleased to announce the launch of the website for Falcon Ridge Holidays, a Cornwall campsite located in the heart of Cornwall.
Falcon Ridge is set in 8 acres of South East Cornwall’s spectacular peaceful countryside enjoying uninterrupted and expansive views of Bodmin Moor towards Dartmoor, with 3 acres of grounds designated for camping for families and camping couples only.
Because of our existing relationship with Falcon Ridge, they approached Zenduo to create a themed website to promote their camping facilities. They required a website which displayed information on the campsite, detailing its facilities, local surroundings and tariffs, as well as allowing users to make bookings online.
Take a look for yourself at the new Falcon Ridge Holidays website.
Posted in website design | No Comments »
Whybrow website Launch
June 1st, 2010
We’re are pleased to announce the launch of the newly updated Whybrow Signing Consultants website. Building upon Whybrows previous website, the redesign and relaunch brings much more content with simpler site navigation and a much more coherent incorporation of the company’s branding.
Take a look for your self over at: http://www.whybrow.co.uk
The website has been developed in CSS, XHTML, Flash, Java and PHP to provide all content across a variety of devices and systems.
Posted in website design | 1 Comment »
iPhone software update 3.1.3
February 23rd, 2010
Apple have released the latest 3.1.3 firmware update for the iPhone which is now available through the iTunes update service. Rumour has it that the firmware update fixes some of the minor issues shown below:
- Reports battery level on iPhone 3GS with an improved accuracy
- Fixes issues that caused third party iPhone apps to crash
- Resolves a bug that caused an iPhone app to crash when the Japanese Kana keyboard is being used using the Japanese Kana keyboard
Posted in iPhone | No Comments »
Actionscript 2 key listener
February 23rd, 2010
A simple and effective way of attaching a listener to a flash document. Great for using keyboard presses to perform actions on a website. The example below can be used to call a function when the user hits the enter key on their keyboard.
keyListener = new Object();
keyListener.onKeyDown = function() {
if (Key.getCode() == Key.ENTER){
trace('you just hit the enter button')
}
};
Key.addListener(keyListener);
Posted in ActionScript & Flash | 1 Comment »
Find and Replace AS2
February 19th, 2010
A nice simple function to find and replace characters in a string using actionscript 2. This is perfect if you want to replace words or even remove words/characters from a string.
function stringReplace(myString:String, findThis:String, replaceThis:String):String{
return myString.split(findThis).join(replaceThis);
}
myString = "example-of-some-words-with-dashes"
/////Strip out all of the dashes by replacing -'s with nothing
myString = stringReplace(linkname, "-", "");
trace(myString)
Posted in ActionScript & Flash | No Comments »
Spacer: Perfect layout spacing
February 12th, 2010
When creating any website design layout, its crucial to pay attention to detail. A common layout formation is the three column. This often requires you to calculate the width of each box taking into account any margins you wish to apply to these boxes. This handy little tool does all of the calculations for you. Simply enter all of the information in the boxes above to retrieve the exact width to set each box to.
Posted in ActionScript & Flash, Website Design Tools | No Comments »
How to Set an Apple Touch Icon
January 7th, 2010
As iPhones and other Apple decives are becoming increasingly popular, it’s time to start paying attention to detail when building a website and adding in those little extra touches makes all the difference.
For pc browsers, websites can have a favourite icon, which is used when users bookmark your website. For Apple devices you can create a similar icon called the “Apple Touch Icon”, which when users add your website to their home screen.
This is done when the user:
- visits your website
- taps the + icon
- selects “Add to Home Screen”
Hopefully if done correctly, your icon is displayed (see below we’ve added ours). The good news is that it’s simple to do and easy to add as a new feature to your website.
The Code
<link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
How to do it
- Simply create a 57 x 57 pixel icon in your favourite graphic editing software.
- Save your website iPhone icon as PNG and name it “apple-touch-icon.png”
- Upload to your websites root folder, e.g. where the index.html file is
- Then enter the code (shown above) into your websites head tag
- Job done!
Posted in Other, iPhone, website design | No Comments »
Individual Interior Solutions
December 8th, 2009
A sneak peak at a new website design for Zenduo:
Over the past few weeks Zenduo have been working closely with Devon Interior Designer and Owner of Individual Interior Solutions, Marie Hewitt to produce a bespoke website to help premote the business’s service and communicate Marie’s superb eye for design and attention to detail.
The company itself offers Corporate, Home and Marine Consultation, introducing style, colour and texture to your environment. From Heritage style properties to the ultimate contemporary apartments. The professional in-house team produce all types of bespoke hand made window dressings including curtains, roman blinds and pelmets. When it comes to furniture, Individual Interior Solutions upholstery and loose cover service is exceptional – from occasional chairs to 3 piece suites, they can transform your tired looking furniture to showroom conditions, whilst at the same time enhancing the interior of the room.
Launch Details
The website will soon to be launched at http://www.individualinteriorsolutions.co.uk in the new year so watch this space!
Posted in website design | No Comments »
Transparent background in CSS
October 26th, 2009
Transparent boxes are becoming a common element to many new designs, as you will see our latest design is build around the design of 2 transparent boxes however this was done using png’s.
There are a number of ways to achieve this effect but today i will show a simple example of how to achieve this using CSS. I am not certain to what extent this code will work on all browsers but any feedback that you might have please let me know as i will include it in this post.
The below example will show a box using the background colour of white and an alpha of 50%.
Transparent Box CSS
#mydiv {
width: 300px;
height: 50px;
margin: 20px 0;
background-color: #ffff00;
/* Internet Explorer */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
Here’s what it looks like
50%
30%
10%
Advantages
The only real advantage, but a good one, is that you no longer need to use images (e.g. pngs) for your backgrounds which could result in faster loading times for your web page.
Disadvantages
This may not work on all browsers, it certainly does for the most recent versions but how far back this technique goes back I’m not too sure. Using the code above you will also need to keep the width set, in IE it seems to break without it. But im sure there is a work around for this.
Posted in CSS Tips & Tricks, website design | No Comments »
Follow us on Twitter!
October 18th, 2009
So its official you can now follow us on twitter to see what we’re up to!
At the moment I cant see there being much tweeting going on due to the vast amount of website design work going on here, be stay tuned! We’ll be posting regular updates, such as:
- New website design ideas
- New website launches
- Sneak peaks
- Tips and Tricks
- Other random stuff we come across!
- And much much more.
Furthermore we’d love to hear your comments and feedback on our work!
You can follow us at: twitter.com/zenduo
Posted in Other | No Comments »