Free icons set – Finance

Posted by Joseph on July 5th, 2011

free finance icons set

It’s freebies time again! This time we have a set of 128 x 128 icons created specifically to use for the finance or corporate projects. These icons are made to be downloaded for FREE! You can use this set for all your projects, except the commercial ones. And the set may not be resold, sub-licensed or rented. All we are asking you in return is to show some link love. :-) Check it out and do write in your thoughts in the comments section.

Download free Finance icons set for designers here (98.6 KB)

Details:

  • All files are in PNG format
  • Icon set comes in the following size – 128×128
Read More »

How to close a jQuery pop-up window within itself?

Posted by Joseph on January 11th, 2011

Imagine that you have a beautiful jQuery pop-up window (or commonly called Lightbox) created for image slide shows or to display plain text. You have a “close” image icon on the pop-up window which would allow the website visitors to click and close the window (or you can just simply click elsewhere on the web page to close the Lightbox pop-up). But suppose you have a form, a contact form for example, that needs to be submitted from this jQuery pop-up and you need to close the window and return to the parent page by clicking on a button in the popup page. How would you do that? Here is a simple and easy fix.

In most cases, the popup window would be a DIV which would hide and show on an onClick event. So first you have to assign an ID to the DIV. Or you could use the one you have already used.

  1.         <div id="name_of_the_div_ID"></div>

Now within this DIV comes your form. Here is an example:

  1.         <div id="name_of_the_div_ID">
  2.               <label>Name:</label> <input type="text" name="textfield2" /><br />
  3.               <label>Email:</label> <input type="text" name="textfield2" /><br />
  4.               <label>Name:</label> <input type="text" name="textfield2" /><br />
  5.               <input name="Submit" type="submit" class="button" value="Save"  />
  6.         </div>

Now we need to add a Javascript function to the Save button to do the action. So I edited the 5th line to add an onClick event:

  1.         <input name="Submit" type="submit" class="button" value="Save" onClick="closePop()" />

Now the javascript function closePop to add in the head with hacks for different browsers:

  1.  <script>
  2.  function closePop() {
  3.   if (document.getElementById) { // DOM3 = IE5, NS6
  4.    document.getElementById('name_of_the_div_ID').style.display = 'none';
  5.   }
  6.   else {
  7.    if (document.layers) { // Netscape 4
  8.    document.name_of_the_div_ID.display = 'none';
  9.   }
  10.   else { // IE 4
  11.    document.all.name_of_the_div_ID.style.display = 'none';
  12.   }
  13.   }
  14.  }
  15.  </script>

That’s it! Now you can just show case your HTML mockups with some spice. :-) Leave us a comment if you like it.

Read More »

Hot Coded! Free icons set for developers

Posted by Joseph on December 29th, 2010

Free icons set for developers

Coffee is an essential part of many of the coders’ lives and coding itself is addictive to many of us, right? You love your code and your coffee. How about combining both and to share the love as an icon? You would also want to tell your website visitors that what they get from you is not some run-off-the-mill “hard-code” but some real “hot-code“, specially prepared for them (because they are special) and served hot/fresh? So here we have come up with some nice icons for you to use. And it comes inspired by your favorite coffee at Starbucks.

These icons are made to be downloaded for FREE! You can use this set for all your projects, except the commercial ones. And the set may not be resold, sub-licensed or rented. All we are asking you in return is to show some link love. :-) Check it out and do write in your thoughts in the comments section.

Download “Hot Coded” free icons set for developers here (2.03 mb)

Details:

  • All files are in PNG format
  • Icons included for the following – HTML, HTML 5, XHTML, CSS, CSS 3, PHP, Java, JS, JSP, Ajax, jQuery, SQL, XML, ASP, .NET
  • Al icon sets come in the following sizes – 128×128, 256×256 and 512×512

(Coffee cup icon courtesy: PSDgraphics.com)

Read More »

Website Redesigning – 2

Posted by Joseph on May 15th, 2010

So here is another one we have been working on. This website redesign was for a medical transcription client. Their old website was old-fashioned, developed many years back. So we gave them a fresh out look, with please colors to make people stay and go through the website. The website is coded in XHTML/CSS 2.

Home page:

glc1

Inner page:

glc2

Read More »

Website redesigning – 1

Posted by Joseph on April 29th, 2010

Podiatric Success is one of the website redesigns we handled recently. We had submitted two design drafts – one with a dark theme and the other with a bright theme – and the client liked the latter. Both the designs are coded using XHTML/CSS 2. Check out the designs below. :-)

Design 1:

Website redesigning project

Design 2 (selected):

podiatric1

Read More »

Live Fight – Web Design

Posted by Joseph on March 23rd, 2010

Live Fight - Web design and development

Live Fight is one of the web design projects which we had recently undertaken. What you see above is the final draft of the design which our client has approved after multiple rounds of discussion.

Live Fight is a website being built for people who bet on fighting fish. Our aim was to keep the site minimalistic in content and layout while maintaining a dark color scheme. Also the website provides enough information about what the site is all about, in the home page itself and visitors can explore further through the navigational links if they want to know more. The home page has an About Us section, an Events section, a video portion to showcase the latest fights and a news letter subscription option other than the navigational links at the top and bottom.

The website is in the development face now and will be up soon. Keep checking this space or if you need a FREE quote for your web design and development projects, contact us right away!

Read More »

Mylapore.US – Website design and development

Posted by Joseph on November 27th, 2009

mylapore2

Website: www.mylapore.us

Client: Mylapore South Indian Restaurant, Folsom, CA

Mylapore is a South Indian Vegetarian Restaurant based at Folsom, CA. They wanted us to re-design their existing website which had a basic design and colors. The challenge that we had on this project was to add a nice and elegant south Indian flavor to the website without making it too flashy. We have received some vey nice photos of some yummy South Indian dishes from the restaurant owners. We used it on a big plantain leaf image, which is a usual way of serving food in most of the south Indian restaurants. We also had transparent layers of Kolam graphic to add a touch to the header banner which also adds to the South Indian flavor.

The content was laid out to take very little space and the map, social media icons, the signature music of Mylapore etc were all put in place. The pages were mostly xHTML/CSS based, with one PHP page for the Contact Us form. We also came up with a logo for the website. The logo had to strike anyone at the first sight that they are looking at a diner, so we put the coffee cup (also remember that filter coffee is a south Indian favorite) and with two Bindhis decorating the M in Mylapore.

Our client was so supportive and has been communicating the ideas he had for the website with us. We exchanged emails over and made several changes to the website, discussing on the design/feasibility part. At the end, we had a nice time developing the identity for Mylapore and our client was pleased with our work.

So, if you are in need of an online identity, not just a mere website, you know whom to contact now! :-)

Read More »
Twitter Delicious Facebook Digg Stumbleupon Favorites More
2009 movies