Have to share this cool little browser button that identifies what fonts are being used on a web page. Not only does it show the name of the font but also the size and weight of the font.
Get it from the website fount.artequalswork
Just finished putting up a site for Quantum Wine Cellars who uses grapes from Napa California. I had the pleasure of attending their release reception this last weekend and to sample their wonderful wines. John Schall of John Schall Design designed the logo and the overall look of this website.
Please browse their site to learn more about Quantum’s wines and their process.
This isn’t really a tutorial of how to create an interactive map as this blog post would be way too long and too complex. It’s more about the process of taking various resources and putting them together to create something. As I write this post this map is a work in progress. View Demo
The first step was to create the map. This was mostly done taking a screen grab from a satellite view of our campus off of Google maps. Then the buildings were traced using the pen too for each panel and curve. Shading was applied to give the buildings a 3D look.
For masthead where the text looks like chalkboard type I used the rough texture of paper overlay into white type. I then outlined the type and the arrow that I drew with a rough brush.
The map below is using several different technologies.
- Image maps to make hot regions using Adobe Dreamweaver to define the coordinates on mouse hover.
I’ve posted before about Google docs (now called Google drive) but I had to post again because they sure have made my life so much easier!
Doing web forms from scratch can be a time consuming process to make and with Google’s easy form creation tool you can have a working feedback form that collects data in a spreadsheet in a matter of minutes for free!
The draw back is you don’t have a lot of control over the placement of some of the fields. For example if you want to make your form two column you have to get back into trying to do some code hacks so you might as well do another method than Google forms.
You can however control the width of the form that you can then embed in your web page. What I have done here is dress it up with one of my photos. This helps make the web page not so boring with a static form. Make a form and assign it the width of half the page and then drop an image behind either in a table background or as a background DIV tag and you’re done!
Here is a nifty web plugin I have to share. Ever want to see what Google would look like not being white?Read More
Just putting some finishing touches on a new website for a new company that makes natural hair and skincare products called Lakoet. One of the reasons I like doing work for a company such as this is I get to work with really elegant images and colors. Hope you like as well.