by Joel Limardo
Home | Twitter | LinkedIn | Consulting | About | RSS | Map
Areas:
Process
 
Technical
 
Projects:


Sat, 21 May 2016

HTML Style

  1. Basic Principles
  2. Sans Tables
  3. Floating Forms


posted at: 15:37 | path: /technical/markup/HTML/general/style | this entry | top

Floating Form

Sometimes you want to creating floating forms . This one sort of works in reverse -- the form floats over a div and makes it show/hide. In real situations it would be the other way around.

See example.



posted at: 15:34 | path: /technical/markup/HTML/general/style | this entry | top


Mon, 14 Mar 2016

Sans Tables

Tutorial on how to avoid using tables in HTML designs.



posted at: 14:50 | path: /technical/markup/HTML/general/style | this entry | top


Sun, 18 Oct 2015

Basic Principles

  1. Alignment - page items are lined up with one another. Normally this implies the use of some form of grid, but at an abstract level no overall grid is strictly necessary.
  2. Proximity - objects close to one another are considered related and the opposite is true for items where some separation exists.
  3. Repetition - Like things should look alike. That means you need to repeat the styles for like things.
  4. Contrast - Different page areas need sufficient contrast to clue the reader that a difference exists. When you speak you'll change your vocal tone; on a page you make the entire section 'look' different.


posted at: 14:37 | path: /technical/markup/HTML/general/style | this entry | top

© 2015-2017. All Rights Reserved. All original code appearing on this site is MIT Licensed unless otherwise noted.