The story of ImAFish!
I have decided to let out my cool story for everyone else to read! Feel privilidged :D
It all started when i was born in shrewsbury hospital - little did i know that i had been born with a special power, that of being cool. However i did not learn this over night, it took years of dedicated chilling out to master my coolness. One of the first signs of my coolness was pointed out by a friend when i was telling him about not having a belly button. He suggested that it could be because of a special mystical power - in my case coolness.
My childhood was a reasonably quiet time in that of my skills of coolness, but they were essential to building up my cool techniques for later life. I was teased for not having a belly button and many people laughed when i told them i was stuck in a conicle flask before birth :(
Throughout secondary education my cool powers did not come to life, this is for many reasons but mainly as they were clouded by un-cool people who were scared of my mystical force. In my later years of secondary school my fasination with computers increased and i found an interesting technology -- the internet. Here you could find new friends who no nothing about you, and in most cases dont care but have 1 thing in common, have a passion for somthing computer related, whether it was webdeign, linux or just entertainment. This led to the start of experimentation with webdesign, a lot of the early sites were very bad i will admit, however by the time ImAFish 1 was started our skills had nicely developed and we were ready to produce a good chillout site.
Anyway here my coolness skills developed, this slowly led into college where my cool hay day began and also ImAFish started to become increasingly popular..
to be continued!!!
Responsive design is the idea that web site layouts should change based on the users choice of device. Depending on the users environment the design may adapt to the screen size, platform or orientation.
I've put together an example that you can use in your own web sites. Look what happens when you resize the page horozontally in your web browser or on your mobile.
View now - Responsive Design
Feel free to inspect with Firebug and copy into your own project where suitable.
It uses a condition to tell the web browser which stylesheet to include:
<link rel="stylesheet" type="text/css" media="screen and (max-width: 660px)" href="1col.css" />
In the above example we are saying to include 1col.css when the media is a screen and the maximum width is 660px.
<link rel="stylesheet" type="text/css" media="screen and (min-width: 1000px) and (max-width: 1200px)" href="2col.css" />
Here we are saying to display 2col.css when the media is a screen, the minimum width is 1000 pixels and the max-width is 1200 pixels.
Any questions I will try to answer in the comments.
Update: When setting the viewport you might want to detect the device with PHP first otherwise the viewport will be set too small on the iPad.
We've had a busy week at The Web Orchard with three of our projects going live:
Tuesday - Libya Business News
With the National Transitional Council putting together an interim goverment the oil rich country will soon be a hive of business activity. Based on the sucess of Iraq Business News, getting over 100,000 monthly visitors, we were asked to design and develop the platform for Libya:
Wednesday - Sports Booker
An exciting midlands based startup has developed online software allowing gyms, personal trainers and a range of other sports activities to take bookings and payments online. We were asked to develop a website to help demonstrate how easy to use and powerful their software is:
Friday - It's a Nomad Life
It’s A Nomad Life is an ecommerce website showcasing an eclectic collection of globally inspired goods from the ancient Neolithic period to the edgy 1980’s. Using Drupal and Ubercart we developed a sophisticated ecommerce website allowing easy viewing and purchasing of products as well as an easy to use administration system allowing for quick management of products.
To see what we can do for your website - visit us online or call 01743 367927!
Back in November 2010 a new iPhone app launched with a fair amount of publicity called Path, its aim I thought was to link together the various social networks making sharing easier; besides did we really need another social network platform? Path's ideas didn't feel complete and as a consequence apps such as Instagram filled the void for cross network sharing.
With Path 2.0 you can now share anything, from photos, messages, location, music or even when you're sleeping.
A really nice touch is when you scroll through you path, the way the clock spins as you go back and forward in time.
The new Facebook application has so many features, there are so many updates from people, companies, organisations, news sites that its easy to get overloaded, Path doesn't feel like it suffers from this clutter.
Path 2.0 feels a fresh start, its simple, well made and a pleasure to use - now I just need more than two friends using the service. Path is available for iPhone or Android.