CSS Zen Garden

Get Started. It's Free
or sign up with your email address
Rocket clouds
CSS Zen Garden by Mind Map: CSS Zen Garden

1. Limitations

1.1. Lots of text

1.2. Can't edit HTML

1.3. File size under 200kb

1.4. Beginner Photoshop skills

2. Elements

2.1. pageHeader

2.2. quickSummary

2.3. preamble

2.4. supportingText

2.5. footer

2.6. linkList

3. Solutions

3.1. Horizontal Navigation

3.1.1. Pros

3.1.1.1. Can fit large amount of text neatly

3.1.1.2. Different to the norm

3.1.2. Cons

3.1.2.1. Usability

3.1.2.2. Inability to edit HTML to optimise horizontal navigation

3.1.2.3. Compatibility across browsers and devices

3.1.2.4. Own confidence as beginner in web design

3.1.2.5. Some cultures may not read left-to-right

3.2. Minimal Design

3.2.1. Strong emphasis on design structure

3.2.2. Ability to focus on typography and colour

3.3. Vertical Navigation

3.3.1. Pros

3.3.1.1. Simpler CSS = cross browser and device compatibility

3.3.2. Cons

3.3.2.1. Harder for design to "stand out from the crowd"

3.4. Image replacing text

3.4.1. Pros

3.4.1.1. Flexibility to design without editing HTML

3.4.1.2. Ability to use interesting fonts

3.4.2. Cons

3.4.2.1. SEO

3.4.2.2. Larger file size