# 006 - Photoshopping Mobile, část 2 - Triky CSS

Anonim

Máme „záhlaví“ designu na místě, musíme jen přijít na zbytek stránky. Máme seznam nejdůležitějších cílů, kterých se snažíme dosáhnout, což nám pomůže vést nás. V zásadě nám dobře poslouží sada odkazů („hlavní navigace“).

Například musíme předvést Jeffovo psaní. Odkaz na blog má smysl. Nemá smysl dělat to maličkým. Pracujeme zde s malými obrazovkami, takže jsme vytvořili velký a zřejmý pruhový odkaz na celou šířku. Malý přechod mu dává určitou rozměrnost (lze jej tlačit) a odděluje jej od posuvníku výše. V případě pochybností ikona šipky prodává možnost kliknutí (nebo klepnutí).

Protože jsme pro odkaz použili přechod, další tlačítka pod ním jsou již oddělena od tlačítek nad ním. Můžeme pokračovat ve vytváření odkazů dolů po stránce, dokud nebudeme mít pokryté všechny hlavní oblasti. Nechci to přehánět, ale 4-5 by mělo být v pořádku. A skutečnost, že se „záhyb“ odehrává přímo uprostřed tyčového spoje, je skvělý. Stejně jako u snímků, které visí na okrajích obrazovky, je zřejmé, že i odkaz visící ze spodní strany můžete posunout dolů.

Zápatí bude asi tak jednoduché, jak jen může být. Pouze odkaz na autorská práva a některé věci ze sociálních médií. Každý ví, co znamená odkaz, který říká „Twitter“ nebo „Facebook“.