Hopp til innhold
Hopp til lokal navigasjon
Hopp til global navigasjon
Hopp til kontakt info
NORGES TEKNISK-NATURVITENSKAPELIGE UNIVERSITET
Søk i NTNUs nettsider
Design

Normal article

– Type on the web, exerpts from various articles
Read what you are designing, and imagine reading it for the first time, like someone who just found it.

Introduction
In the long slow battle with browser support and platform inconsistencies, we've been able to bring more and more sophisticated print techniques onto the web— sometimes kicking and screaming.

Switch: Through a site-preferences page or a simple style sheet switcher , the user can switch the same information to a single-column view with big fonts. You can tweak which portions of your navigation scheme actually appear, and where, in each design; you generally want less navigation.

Sizing (test h2)

Ems work because the miniscule-text problem can be overcome easily by setting the initial font size to a percentage. There is no apparent reason for this to work, but it does. When this solution is implemented, the leaps between the IE text-size settings do not appear to be as drastic, and designers can set a sensible initial text size that will resize to a readable size at “smaller” and “smallest” settings.

Elastic layout (h3)

Perhaps more difficult than elastic type for people to their head around is the completely relative layout — but it is quite feasible to set the dimensions of a layout in ems.

Elasticising a layout so that its size will change when a user explicitly opts to change text size may seem unnecessary and even unwanted, but if you have text that can be expanded and contracted, it can make sense for the layout in which it is contained to expand and contract accordingly.

Ems work because the miniscule-text problem can be overcome easily by setting the initial font size to a percentage. There is no apparent reason for this to work, but it does. When this solution is implemented, the leaps between the IE text-size settings do not appear to be as drastic, and designers can set a sensible initial text size that will resize to a readable size at “smaller” and “smallest” settings. This puts ems back in the ring.

A list, from a random list apart article. (h3)

  • Text will inevitably be read before it is looked at
  • Words themselves make remarkably effective clip art
  • Self–conscious layering of messages usually subtracts more value than it adds
  • Practical value of white space towers over its value as a design element
  • The deep symbolism of a design decision, referring perhaps to a treasured memory of the designer, is irrelevant to the person attempting to glean something from the work
  • Print designers who gauge their work on the screen, and web designers who gauge their work exclusively on their own machines, are arrogant in their disregard
  • The physiobiology of reading is one that demands easy points of exit and entry
  • Zimply paying attention to the design of type, or distinguishing it as “fine” or “invisible” or “classical” is like making a big deal about putting salt on a boiled egg
  • Letters are not pictures of things, but things
  • Words are not things, but pictures of things
  • Arbitrarily altering (or allowing software to alter) the shapes of letters, and the spacing between letters and words, is done at one’s own risk
  • Emphasis comes at a cost
  • Overstating the obvious can be effective, but not all the time
  • The precise point at which a quantity of information no longer requires assistance to be differentiated from another.

Basics of online Typography:

  1. Legible fonts (See: http://typetester.maratz.com/ )
  2. CSS is essential
  3. Relative font sizing is tricky.

A general survey of the Web finds that a majority of sites use 12-point fonts. What follows is old (2001) research but it may still be valid. valid.

Laurum ipsum Press Release

Old communication methods, humor and sarcasm mixed with witt.
Kassel and Sagal
It takes more than a couple brain cells to make this show what it is... so let's give credit where credit's due. Carl Kasell is an all-around genius and great guy.
Les mer om  Laurum ipsum Press ...

internal links are slow

Workflow: Attachement > Find article > move inline

All articles links are extremely slow, and have been unacceptable for months. This necessitates creating new sections and mod-rewrite urls for every page, an uncessesary waste of time.
Les mer om  Workflow: Attachement > ...

Superscript / Subscript / Tables

And other wysiwyg elements. Ingress
  • Her er et eksempel med hevet skrift and a list
  • Her er et eksempel med senket skrift and it is still part of a list

is this working without a vpn tunnel. or not.

Wysiwyg table.

1

4

7

10

2

5

8

11

3

6

9

12

Table edited

a

b

c

d

e

f

g

h a bit of text

i some text

j

k more text

l

m

n some other

o

p

q

r

s

y

Infoboks

boat on the sea

Some text of a kind. It speaks to us institutions far exceeding in a consciousness of seeking old and infirm are cared for, the young and, yes, the unborn millions of families trying to do Your work, willing to give advice as to certain abuses and practices of so-called official patronage which have so often expressed on these subjects.

Infoboks 2

[... ] About web accessibility: images need alternative, or ALT, text assigned to them! This is because, among other reasons, screen readers can't understand images, but rather read aloud the alternative text assigned to them. In Internet Explorer we can see this ALT text, simply by mousing over the image and looking at the yellow tooltip that appears. Other browsers (correctly) don't do this. The HTML for inserting ALT text is:

«img alt="Alternative description goes here" src="filename.gif" /»

NTNU, 7491 Trondheim, tlf. 73 59 50 00. Kontakt oss
Ansvarlig redaktør: Informasjonssjef Christian Fossen