web-design

negative margins in css: good tutorial and tricks site?

One of the css aspects which confuses me sometimes when I look at a site is negative margins used for layout. It takes me a while to understand what the designer is trying to do with negative margins across the page. I mean a page which has several div's, several using negative margins and I am trying to get my head trying to figure them...

css background image positioning (negative position?)

I'm trying to add an icon which sits on top of the border, splitting it in half. Here is what I want the final result to be: The full source is hosted here: On to what I have so far: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css"> bo...

Placing the right content into the right place

Hello, I'm in the proccess of creating my own web profilo and personal website. I have a layout and a design already done. Now I have no idea where to place my content and how. I have a layout like this: Menu Header Box 1 | Box 2 | Submenu In the header I currently have "about me" information but I'm not sure it's the right p...

How to specify language of website? (HTML?)

How do I specify that a page is in a certain language so search engines can understand? Is it a meta tag I put at the top? If it is, do you know if most of the search engines use this to determine language? I have converted 1 page of content in english to several different languages, and would like to include that information in the ht...

Why are Grid Layouts still seeing such poor adoption?

Having recently become a convert to Grid Layouts, I find myself looking at more and more sites' code and seeing that grids are still grossly under-represented. While I accept that grids might not always be the only right solution for every web design situation, I think that they are a tool that should be seeing higher rates of adoption ...

web design PSD to html -> more direct ways?

At work I see one colleague designing a site in Photoshop/Fireworks, I see another taking this data, slicing it up and using Dreamweaver to rebuild the same from scratch. It seems like too much mucking around! I know that Photoshop can output a tables based HTML, and Fireworks will create divs with absolute positioning; neither appear...

Good diagramming software for UML and Webdesign?

I'm looking for a simple, easy to use and possibly free diagramming tool for both basic UML diagrams (mainly use case and activity diagrams) and webdesign wireframes. I don't need any complex UML <-> coding functionality (as provided in StarUML or Enterprise Architect and the likes). I have been using Visio for this and have also tried S...

Popular web design discussion forums on the web?

Any recommendations for popular web sites where people discuss web design issues? Ones which are geared towards beginners more than towards professionals. ...

Stretch image as background

I need image to stretch as background of page. It doesn't matter if page will not scale well, what ever screen resolution may be, whole image has to be visible on screen. I found some solutions on Google, but it either didn't work in Firefox2 or IE6 or both, and I need those two too. I hate when people don't upgrade their software, but I...

Getting Started With Web Development and Design

I am a Java/C# developer and have written enterprise applications in J2EE. But, i have never written a web application. Out of interest, i learnt Ruby on Rails and i like it. Now, i want to create a personal website and am wondering how to go about it. I could use Ruby on Rails, but i found the hosting costs higher for Rails apps than t...

What is necessary to become a professional web designer?

As a professional web designer, what are the essential techniques? In my opinion, these are the must-learns. XHTML CSS JavaScript Script language like PHP, Perl, and Python But however, learning these and skills using these languages may only produce well-written codes, as a skilled C/C++ programmer does. The layout of a page, colou...

Page designs to prevent redundant+identical e-commerce orders

Hi, noob question: I'm building a checkout system for an online commerce site. I'm getting the bug where clicking on the "place order" button multiple times will place the order multiple times. I have an idea to load between the button-click page and place-order page with a page that waits several seconds before launching using javascrip...

Reasons to discourage "here" links in web pages

I know that using "here" for a link's text is considered bad, but if I want to persuade business- or architect-type people, what are the best arguments to use? I know it can have some effect on Search Engine Optimization (SEO), but can anyone explain this and any other reasons in more detail? An example: The StackOverflow site can b...

CSS/JavaScript Technique to dynamically force 2 divs to be the size of the larger div

I have 2 divs, a main content section and a sidebar. What I want to happen is force each div to be the same height as the tallest div If the Sidebar Content is taller then the Main Content I want to push the Main Content down to match the Sidebar Content's height +--------------------+----------+ | Main Content | Sidebar | | ...

HTML page embedded in Flash Movie

Normally in an HTML page we embed a flash movie now that's a know concept, is it possible to embed an external HTML file into a flash movie? For eg: If i build a website completely in flash, can i load an external HTML file inside the swf ...

Is CSS layout really as delicate as it seems to be?

I have been experimenting with the Majestic template at freecsstemplates.org. So far so good; I really like the look (or to be more specific, my boss really likes the look). However, I am noticing that the CSS that drives this template seems very brittle; small changes can cause really radical breakage. In particular, if I reduce the...

Learning Design for UI and Website Design

I'm current a computer science student with a minor in psychology. I have the programming down when it comes to software design, but not so much the design of UI. What are some good books/websites/blogs for learning design principles for user interfaces and/or websites? ...

Should I let visitors to my site change the width of pages from fixed to a fluid?

I'm considering implementing a feature that would let visitors to my forum change the width of the pages from 800px (for example) to 100%, and vice versa... Is this a good practice? ...

How to make an iframe fill an area defined by distance from edges?

I have an iframe which I want to fill all of an area on the page specified by the bottom, right, left, and top css styles. However, when I do the method I would expect to work, it does not: HTML: <iframe id="example_frame" src="http://example.com"&gt;&lt;/iframe&gt; CSS: #example_frame { position: absolute; top: 1em; left: 1em;...

Improvements or Variations of DiggSpy

In Chapter 14 of Designing Web Interfaces, authors Scott and Neil define the 'Periodic Refresh' pattern and cite Digg's DiggSpy as a canonical example. I agree that the pattern and its manifestation are excellent ways of serving real-time information to the user. I'm facing a similar challenge. I'd like javascript (and jQuery) to conti...