Blog

Archive for the ‘Web Development’ Category

Web Browser Elements and Wireframe Stencil Graphics Freebies

Wednesday, December 3rd, 2008
Web Browser Elements

Web Browser Elements, image courtesy of Designer Toolbox.com

I found some freebies on the web- browser graphics or elements for wire frames or web design comps.

Form elements for all browsers and operating systems: http://www.designerstoolbox.com/designresources/elements/

Vectortuts Freebie Vector Chrome for firefox on mac: http://vectortuts.com/articles/news/vectortuts-freebie-vector-pack-browser-screens-and-website-elements/

OmniGraffle Stencils: http://www.graffletopia.com/

Yahoo Developer Stencil Kit: http://developer.yahoo.com/ypatterns/wireframes/

Related articles [Updated 12-23-08]:

http://piksels.com/photoshop-browser-templates/

http://patterntap.com/

How to Export or Save Sites in Coda

Thursday, October 23rd, 2008

Coda currently does not have a way to export or save sites like you can using Transmit. But there is a way to save your coda site settings if you need to migrate your site data from one computer to another. You  will need to save a file from your preferences folder.

Save the file:

~/Library/Preferences/com.panic.Coda.plist
~/ is your user name root

This info was originally found at: Google Groups | Coda User

The Future of CSS Browser Support

Thursday, October 23rd, 2008

In my last article I wrote about how to control IE and really take advantage of css.

The web is looking brighter ahead.  With the departure of ie6 (eventually), the introduction of advanced css techniques with css3, and full support for transparent pngs, web design will be even more exciting than it has ever been. With a lot of limitations gone, perhaps it will become a ever-more-popular field of study for the next generation of designers.

Welcoming IE8

Enough headaches. IE6 will thankfully be something we will no long have to worry about. With IE6 finally gone we can finally do some cool things with png’s, not to mention make development time for css much more smoother.


(more…)

Forcing Internet Explorer to obey css using Javascript, CSS hacks and specific style sheets

Saturday, September 27th, 2008

I know all of this has been written before, but this post has the best of the best in combating the ie6 and ie7 css issues.

Hate IE6?

I found an article that explains that this line of code can crash ie6:


< style >*{position:relative}< /style >< table >< input >< /table >

I have not tried this out. But I have one question: What in the hell was this guy doing to discover this? Either some really bad code or his page was fragmented some how.

How can I make IE6 behave like a normal Browser?

Enter Dean Edward’s IE7.js

This lightweight javascript library forces internet explorer 6 to accept a number of css selectors that standards-compliant browser allow.

(more…)

jQuery Plugin and Tutorials List for Web Designers

Thursday, June 12th, 2008

So I have been building this large list of jQuery links for sometime now and it will continue to be updated on my urls section. But here it is:

JQuery Plugins and Tutorials:

How to generate a favicon icon for IE7 and gecko browsers

Saturday, May 31st, 2008

Recently I had an issue trying to get a certain favicon to show up in IE7. It turns out the favicon.ico file I was using was not valid! Now I can’t remember where I generated it from, there are a number of sites out there. So here’s the steps you need to take to create a working favicon in ie7 and other modern browsers.

To set up a favicon on your site:

  1. Create a 32pxX32px or 16pxX16px gif of the image you want (I usually go with 16). Favicons usually work best if they are squared-out.
  2. Next go to http://www.chami.com/html-kit/services/favicon/ ( or any other site, but I find this one created the valid one I needed to get it working in ie7)
  3. Next add this line of code inside the <head> tag of your site:
    <link href=”http://your-website/images/favicon.ico” rel=”icon” type=”image/x-icon” />
    <link href=”http://your-website.com/images/favicon.ico” rel=”shortcut icon” type=”image/x-icon” />
  4. Next you will want to validate your icon here: http://www.html-kit.com/favicon/validator/
  5. Be sure that if your updating an icon or replacing one that you clear your cache: Clearing ie7 cache instructions found here: http://help.isu.edu/index.php?action=knowledgebase&catid=38&subcatid=64&docid=1015

10 Books for the Web Professional

Monday, April 7th, 2008

I created a list of the best web design, development, and management books out there. No particular order of importance was assigned to these. I own all of these except Jason Beard’s Principles of Beautiful Web Design. His book is more for developer’s looking for help on aesthetics of websites. Anyone working freelance, I highly recommend Freelance Switch’s How to be a Rockstar Freelancer. As for CSS, nothing compares to CSS Mastery. Site Point’s Ultimate CSS Reference is a handy book to have for any web development team.

  1. CSS Mastery (February 2006)
  2. The Principles Of Project Management (March 2008)
  3. Communicating Design: Developing Web Site Documentation for Design and Planning (September 2006)
  4. The Principles of Beautiful Web Design (March 2007)
  5. The Ultimate CSS Reference (February 2008)
  6. How to be a Rockstar Freelancer (February 2008)
  7. DOM Scripting (September 2005)
  8. Web Design and Marketing Solutions for Business Websites (August 2007)
  9. Web Standards Creativity (March 2007)
  10. Transcending CSS: The Fine Art of Web Design (November 2006)

Internet Explorer 8 Beta

Sunday, March 16th, 2008

As many of you may have heard, Microsoft has been hard at work trying to give what the web designers and developers have been asking for; a standards compliant browser. It looks like IE8 is going to be released sooner than anyone has expected. A lot of us are excited about this. I found out recently that Microsoft has released a beta version for web designers and developers to test out. Visit the Internet explorer 8 beta download page.