Return Styles: Pseud0ch, Terminal, Valhalla, NES, Geocities, Blue Moon.

Pages: 1-

guidelines for making a good website layout

Name: Anonymous 2011-11-22 14:19

need to make a good layout for a project and have no idea where to start... apparently tables are considered harmful, so will this just involve a lot  positioning forms and shit? because that seems annoying as fuck

Name: Anonymous 2011-11-22 14:20

car cudder eval apply

Name: Anonymous 2011-11-22 14:25

also what's better asp or php?

Name: Anonymous 2011-11-22 14:27

>>3
Perl.

Name: Anonymous 2011-11-22 14:29

Learn CSS.

Name: Anonymous 2011-11-22 14:33

>>5
oh I know it but finding all the fucking labels for what i can use on each element is a bitch, why isn't there just like an online dictionary of html elements and allowed modifiers for that tag in css

Name: Anonymous 2011-11-22 15:08

>>6
http://www.w3.org/TR/html401/index/elements.html
http://www.w3.org/TR/html401/index/attributes.html
http://www.w3.org/TR/CSS21/propidx.html

And don't listen to the "tables considered harmful" fools, they're like the "state considered harmful" Haskell/Lisp guys. Use what works.

I find a mix of tables and divs to be the most practical. Tables are good for relative positioning, divs and spans for changing styles on "individual bits and pieces" that don't fit into table cells. Look at the source code of this page for an example. (postform = table, thread enclosures = divs, poster name/email/date = spans)

Name: Anonymous 2011-11-22 15:28

>>7
state considered harmful haskell/lisp guys
You've never programmed anything but sepples, have you faggot?

Name: Anonymous 2011-11-22 15:30

>>8
fuck off and die, lithpfag

Name: Anonymous 2011-11-22 16:24

>>8
He obviously hasn't programmed CL at least, because it's full of mutable state.

Name: Anonymous 2011-11-22 17:56

Design is overrated, just structure content in divs, try to get a pleasant spacing and typeface in your style sheet, div a big picture near the top but also keep an h1, and just make it clean. As a bonus, when you have time you can craft special style sheets for particular devices / layout modes (like printer mode).

If you must have horizontal division have a parent div, and float 1 div inside, and set a margin in another div for elastic width and height, or alternatively float both divs for static width and height. With CSS its just better to work with whats offered than to fight it. You could go full on making an intricate design with tables or all the CSS hacks, but remember search bots and the blind don't want your design, old people can't read well with your design and will zoom text 20x if they know how, cell phone users will just rage at your design as they fingerzoom, and 99/100 of the rest of the humans with a desktop and non-failing eyes won't notice your design.

Name: Anonymous 2011-11-23 4:40

Name: Anonymous 2011-11-23 14:31

>>3
php more versatile

Name: Anonymous 2011-11-23 14:42

>>13
def versatility():
    ''''''considered harmful''''''

Name: Anonymous 2011-11-23 15:46


<!doctype html>
<meta charset=utf-8>
<title>Edgy valid HTML5 document</title>
<p>The parsing algorithm has been standardized. This is a valid document! Isn't that cool?!

Name: Anonymous 2011-11-23 15:51

>>15
They should have stopped with SGML. All its subsequent ``improvements'' have proven shitty.

Name: Anonymous 2011-11-23 15:56

>>15
Jesus Christ, that is HTML5 valid. When did this happen?

Name: Anonymous 2011-11-23 16:00

>>17
The WHATWG members wanted to reuse their old HTML4 codebases so they decided to improve HTML5.

Name: Anonymous 2011-11-23 16:25

I still use the html tag because I need to put <html lang="en"> otherwise the page sometimes turns to shit if you use Chinese characters.

Name: Anonymous 2011-11-23 16:31

>>19
turns to shit if you use Chinese characters
That's called mojibakehttp://en.wikipedia.org/wiki/Mojibake.

Name: Anonymous 2011-11-23 16:44

>>20
I guess I exaggerated. It doesn't look like that, it's still the correct encoding. But the font looks different.

See this picture: http://i.imgur.com/tnMcj.jpg

On the left side is the web page without lang="en" and on the right side, it does have it.

This behavior only occurs on Opera, that I know about, so it's not really a big issue and probably not mojibake.

Name: Anonymous 2011-11-23 17:05

>>15
This... looks just Wrong.
We should stick with XHTML. Even if XML is shit, it's at least possible to parse.

Name: Anonymous 2011-11-23 23:34

>>22
http://www.w3.org/TR/html5/parsing.html

The algorithm has been standardised.

Name: Anonymous 2011-11-24 7:13

not anime

Name: Anonymous 2011-11-24 8:44

>>23
Yes, but you can parse XML with a few simple regexes. This has no real structure.

Name: Anonymous 2011-11-24 8:44

not anime

Name: Anonymous 2011-11-24 9:14

>>22
XHTML has failed because all the real-world developers are too FUCKING retarded to send their FUCKING documents as FUCKING application/xhtml+xml. Now their FUCKING documents do not reap the FUCKING benefits of XHTML, because it's parsed with the FUCKING HTML parser.

Name: Anonymous 2011-11-24 9:17

>>15
No, it isn't. It's valid via parsing, but not a spec-valid document. This is the minimum spec-valid document:

<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>cocks and dicks</title>
    </head>
    <body></body>
</html>


The minimum spec-valid XHTML5 document is: (SEND IT AS application/xhtml+xml YOU FUCK)

<?xml version="1.0" encoding="utf-8"?>
<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta charset="utf-8">
        <title>cocks and dicks</title>
    </head>
    <body/>
</html>

Name: Anonymous 2011-11-24 9:27

CSS.

Name: Anonymous 2011-11-24 9:29

>>27
All good parsers will parse it as XML if it has the correct doctype at the top.

Name: Anonymous 2011-11-24 9:30

>>28
<meta charset="utf-8">
How is that supposed to be valid XML?

Name: Anonymous 2011-11-24 9:31

>>30
No deployed parser does this. It is also not the sign of a 'good' parser either, because that behaviour is against spec. The parser used is dependent on the MIME type, you FUCKING luddite.

Name: Anonymous 2011-11-24 9:32

>>30
The DTD describes the available tags and attributes, in an SGML, HTML or XML document. It does not determine the syntax chosen though.

Name: Anonymous 2011-11-24 10:05

>>33
nice dubs /b/ro xD

Don't change these.
Name: Email:
Entire Thread Thread List