RWD - dokładnie wymiary

Question

Cześć,

chcę zakodować psd do html'a i css'a no i chciałbym by projekt był pixel perfect.

Stąd moje pytania: jak sprawić by marginy i paddingi np. nagłówków zgadzały się z projektem?

Używać tagów <h1>, <p> itd. czy może wsadzać wszystkie teksty tylko w divy i stylować je w CSS'ie wg odległości na projekcie?

każdy tag ma jakieś marginy i paddingi, więc jak najlepiej sobie poradzić z odmierzaniem odległości?

z góry dzięki! :)

Answer 1

Normalnie użyj odpowiednich znaczników i zmieniaj marginesy i dopełnienia. Wyobrażasz sobie takiego potworka, który składa się tylko z znacznika div? :)

Stosuję taką technikę, że dla znaczników ustawiam margines górny na 0, a dolny w zależności od potrzeb. Gdy chcę, aby element był np. dobrze wyśrodkowany w pionie wtedy również zeruję margines dolny.

Comments

dzięki za odpowiedź, same divy mało semantyczne rozwiązanie :P

dzięki, będę się bawił jakoś, coś się wymyśli :)

Answer 2

Jest oprogramowanie od adobe, które nazywa się Extract. Umożliwia w prosty sposób wprowadzanie danych z plików psd do css. Ta funkcja była kiedyś w Brackets-ie, niestety została wycofana i aktualnie znajduje się tylko w Adobe Dreamweaver. Możesz jeszcze się pobawić Extractem w Adobe Cloud. Jest za darmo i działa bardzo dobrze. Sam, automatycznie generuje potrzebny kod css.

Comments

Dzięki! to będzie przydatne narzędzie! :) spróbuję podziałałać z jego pomocą :)