Griffith Designs

I recently posted an article on long meta titles and how the length of them effects tabbed viewing in major browsers. I felt it was necessary to go a little further into meta tags. Meta descriptions and meta titles are just as important to your site for different reasons than tabbed browsing. Your keywords and description won’t show to the user at all, but a lot of times the only way they will get to your site to see your meta title is if your keywords and description are good enough.

Continue reading “More on Meta Tags” »

I had the opportunity to develop a new feature for a content search for a website I am working on today, and when it was finished a few people didn’t see the reasoning behind it. I can’t give too much away because the site isn’t live yet, but it made me pose the question of are we designing and coding websites based on other people’s ideas or our own?

Who or what defines what is a useful tool? In short, we do. The designers and developers of the Internet. We decided what a user would use and understand. We define what is on the Internet and if I can develop a unique, functional and practical way of displaying it, the question is no longer the stagnant why – it is the productive how.

if (you.think > theBox) { $.().expand(‘boundaries’); }

OK, all of us in the field of web design are familiar with jQuery and it’s use in developing a website. However, I still find it amazing how much it can simplify the development of a website. With that being said, it is important to remember how much it can impact the experience of a website. A good example of this is how Facebook used to look without JavaScript.

Continue reading “Javascript, jQuery, Web Design & More” »

Well, recently I had to vertically center an image in a square DIV. This had to be done with the image being scaled to a specific width, 90px. I know there are probably hundreds of ways to do this, but this is the one that I used to determine how much top margin to set on the image in order to center it vertically.

<cfobject type="JAVA" action="Create" name="tk" class="java.awt.Toolkit"></cfobject>
<cfobject type="JAVA" action="Create" name="img" class="java.awt.Image"></cfobject>
<!--- requires knowing the desired width of the image/div --->
<cfset imgDims = 90 />
<cfscript>
 imagePath = ExpandPath ("/uploads/Image/sponsors/#sm_image#");
 img = tk.getDefaultToolkit().getImage("#imagePath#");
 imgWidth = img.getWidth();
 imgHeight = img.getHeight();
 percentage = (imgDims / imgWidth) * 100;
 newHeight = round((imgHeight * percentage) / 100);
 margin = (imgDims - newHeight) / 2;
</cfscript>

Continue reading “Determine IMG Scale Ratio” »