For the forth year running my little Indigo Image holiday mascot is back to present good cheer and seasonal wishes. He debuted in 2009 and went on deliver our 2010 and 2011 ecards. It is hard to retire him as he is so sweet, so click away and enjoy this year’s bit of holiday fun
What is Responsive Web design
So yesterday I talked about the launch of a new website mrbison.com and how we had taken the opportunity to recode it as a responsive web site.
But what does that mean…what is a responsive web site?
Simply put, it is a site that will give the visitor an optimal viewing experience regardless of what device they are using to access it- desktop, laptop, tablet or phone. And as I am all about graphics let me show you in pictures exactly what I mean.
Here is the site on a 24″ desk top monitor
Here it is on an iPad – both portrait and landscape orientation
and here it is on an i Phone
The way the site is coded means it automatically “responds” to what ever device it it viewed from. Here are some of the things that happen
- Automatic adjustment the overall width of the site
- Re sizes all the images – see how the entire width of the header graphic and call to action banner are visible whatever the device
- Adjusts the placements of page elements – on the phone the elements that were displayed horizontally ( the block of text and video) are now displayed vertically
- Optimization of the navigational tool. If viewed on a phone a clunky navigational bar would detract from the site content. Instead the user is presented with a menu button, which, if selected, will display a drop down menu.
You don’t have to view the site on all of these different devices to see this responsive nature in action, simply visit the site and re-size your browser window…getting smaller and smaller as you do.. see how the site changes?
Screenr.com: A video tutorial tool.
Tested a useful application from screenr.com today which allows you to capture your screen and make screen casts. It is easy to use, requires no download and is FREE.
Here is a very quick video tutorial I made on how to subscribe to our blog “The Chicago web designer”
© 2012 Chicago web designer
Happy Holidays from Indigo Image
Eye of the Chicago web designer: Nature as inspiration for design
I often turn to nature when looking for inspiration for design elements, everything from color, texture, contrast, focus and shape.
Here are a few examples I have shared over the years.
- Call to action
- Using nature to create a color palette for your brand
- Color Sampling
- Color Palette
- Shapes in nature
As a designer I am am not alone in using nature as inspiration and yesterday, via another designer, I came across this wonderful video, nature by numbers. It is definitely worth a watch.
Selecting a Great Domain Name
Looking for a few simple tips for selecting a great domain name? Here are the Chicago Web Designers tips of the day
2010 © Chicago Web Designer
Video Internet Marketing: a New Service from Chicago web designer
Since moving to Chicago I have been busy networking and last week met with a very interesting local business that offers video production for the web. Adding a video element to an online marketing strategy can reap huge returns. While many samll business owners are eager to jump on the video bandwagon, once they have their video what do they do with it?
We now offer video internet marketing services and what better way to present them than a video!
2010 © Chicago Web Designer
St Louis web designers video of the day
Here is a fantastic video from American Museum of Natural History, “The known Universe”, a humbling experience to watch, that will make this Monday morning quite insignificant. The video pans out from planet Earth to our cosmic horizon in time and space.
It is a fabulous example of art and science.
2009 © St Louis Web Designer
Holiday Greetings from the St Louis Web Designer.
I like to produce a digital holiday card for my customers each year and this year have spiced it up with a custom video produced using xtranormal. “If you can type you can make movies”. Its a great application and easy use. You can select from a whole bundle of characters, give them different accents set the background, camera angles, make them move and apply ambient sounds… and all for FREE. What’s not to love about that.
So sit back and enjoy my little message from this fabulous green robot ( he has an English accent of course). I think I may have to make him my mascot!