web-design

How to compare 2 Websites after changes in Backend / Framework

Following "problem": Website build with PHP/HTML working We want to change this site to PHP + Zend Framework + HTML The Goal: After implementing the Framework the site should look like without the Framework. Is there any way to test this automaticly? If we just save the page before and compare it with the new version i will not work ...

How to force certain elements to only show when fully loaded on a webpage?

Lets take a static html page as a scenario, lets say you have a DIV element that you wish to only render fully within a users browser AFTER all its content has already been fully loaded instead of having bits and pieces of it appear. Any ideas appreciated! thanks ...

how to show code snippet in blogs

I have a little blog on blogger.com and I use a simple free template that I found out there. Occasionally I post code snippets about my findings. The code gets formatted in a pretty ugly way. I see out there that some bloggers they have fancy template for showing the code. Where do I find such template for blogger? Or what can I do to a...

Is there any tool or technique to convert from phtoshop to HTML?

I would design the whole mock up page for by website using photoshop including sample data ... When i finished and i'm satisfied with my whole page layout, i would split images and write styles to generate plain html page with images and markup tags... I wonder is there any simple tool or technique to convert photoshop image into HTML ...

The principles of beautiful web design vs Desktop software design

I'm about to embark on my first attempt at Desktop Software Design and I wanted to know any similarities behind the core principles of Web design that i can take with me or differences or books or articles etc? Any help greatly appreciated. ...

Giving web designers autonomy to publish

I would like to give web designers autonomy to publish web pages but letting them to edit aspx files is a serious security risk as they don't have the required programming skills. I was thinking about two approaches: They are only able to edit html files and call services with ajax; Let them to edit xslt files associated to services t...

Which clearfix method?

/* Clear Fix */ .clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;} * html .clearfix {height:1%;} or .clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;} * html .clearfix, *:first-child+html .clearfix {zoom:1;} Which would work the best? I used first one by now and neve...

What to do with customer's request to do a website for IE 6?

Possible Duplicate: How To Distract Clients From Using IE6 Hi all, As webdevelopers and probably most of the user of SO will know, Internet Explorer 6 is one of the most nasty browsers to work with if you're developing a website. We developed a webshop for a client which works fine in every major browser, including IE 7 and 8...

What would be a good icon for voiding and unvoiding a worksheet?

In our application we have an option to void and unvoid a worksheet(make it so it doesn't matter for reporting, etc). What would be a good icon to represent this action? ...

Does Dreamweaver add enctype="text/plain" to forms automatically?

I have some forms that post to a CGI script. I set them up and they work perfectly on all browsers. Then I leave them alone. A few days later, after designers have updated the page, the forms no longer work and a mysterious enctype="text/plain" has been added to the form tag. I didn't put it there, and the designers didn't put it t...

How to control links and navigation in a website using arrow keys (without using flash)?

In this website, an anchor link (right blue arrow) is activated with the right arrow key. I'm not sure if a new page is loaded when that anchor link is activated. How can I accomplish that effect? The page also goes to the top when the up (upper?) arrow key is pressed. How can I accomplish that too? ...

Designing a complex workflow diagram

We've got a surprisingly complex workflow that needs to be monitored by a quasi-technical employees with an in-house webapp. There's about 30 steps, some of which are manual (editing), some are semi-automated stop points (like "the files have been received" or customer approval of certain templates), and some are completely automated (f...

What to charge this customer?

What i decided: I decided to reject the project for the main reason of the fact the ground me and my girlfriend were on was getting extremely uneasy and i didnt want to loose a cheerleader GF. How often does a programming geek (and proud) get a cheerleader girlfriend haha. Heres the situation: Its my first actual freelance project I...

contact/feedback tab customization.

I am looking for somewhere that i can design and add a feedback/contact tab to my site. And if possible add a slide out where users can submit a form. I have no coding experience. I tried to use the j querys plugin, but cant figure it out. here is an example; http://cdn1.thewebsqueeze.com/wp-content/uploads/feedback/ Regards ...

Reduce active area of a div/image to allow for shadow

Some 'buttons' (divs with background images) on my webpage have shadow effects in the image. I don't want the shadow area to cause a click event. Is there any relatively simple way to reduce the active area of a div using css? Or are there any standard techniques for doing this? I have a click effect when the button is pressed (using :a...

CSS Rollover :hover image not rolling over in IE8

I have quite a lot of problems with IE7, but this time IE8 is doing something strange. The next piece of code does not work: <style> .inschrijven{ display: block; width: 460px; height: 150px; background: url("image.png") no-repeat 0 0;} .inschrijven:hover{background-position: bottom;} .inschrijven span{display: none;} </style> <div ...

Looking for fine-grained background grid (or alternative method) for exact positioning of form controls

I have to use MSIE - I have no choice, so let's now discuss that, thanks. I am having problems positioning form controls within fieldsets (within fieldsets (within fieldsets)). I have seen some solutions requiring me to add JS to my page and would rather not. At the moment I am using http://www.smileycat.com/miaow/archives/images/m...

Pattern for website content that updates periodically?

I often find myself designing simple little web projects that are serving up aggregate content or doing a 'mashup'. Typically this involves running a script to scrape/parse/manipulate some data periodically, then serving that as 'static' content. I run the 'refresh' script as a cron job that generates HTML that is served up to the end-...

Align DIV tag without float:left

Hi all, I have a problem with alignment of image and content in a list. Here is what my code is: <li> <div class="small-view-image"> <img src="../images/xyz.png" height="41" width="34" alt="Test" title="Test"/> </div> <div class="small-view-content"> <a href='../xyz.html'>XYZ</a> </div> ...

What code to place in a post to have exactly these three social media buttons looking like this?

Look below the title http://news.cnet.com/8301-30684_3-20010696-265.html retweet, fbshare count and digg. What code (html, css, js) is needed to place in a html to have them looking exactly like that? :) ...