Co może przyspieszyć rozwój oprogramowania?

Question

Thing którego używam

* stylesheets 
     o project.css 
     o ie.css 
     o print.css 
     o reset.css 

• CSS Frame generator
• Gotowe zbiór przydatnych klas css
• Edit CSS option of Web developer toolbar ponieważ pokazuje podgląd na żywo
• Firebug
• Css type set
• CSS Sprite Generator
• Troubleshooting with <base>
• Online CSS Editor przetestować style
• HTML Table Code Generator
• Dynamic Dummy Image Generator
• PxtoEm converter
• MRI
• CSS Redundancy Checker
• CSS Readibility
• CSS-Tricks.com's snippet collection
• http://html-ipsum.com/
• CSS Color Converter
• Debug CSS
• CSS Tidy online
• Form Style Generator

Wszelkie inne wskazówki?

Answer 1

Doświadczenie, doświadczenie i jeszcze raz - doświadczenie.

Możesz znaleźć pomocne IDE, generatory itp., Ale na koniec dnia, jeśli jesteś programistą, najważniejsza jest Twoja wrażliwość.

Answer 2

Jeśli musisz zadać to pytanie, z pewnością nie powinieneś pracować nad kodowaniem CSS, aby pasował do makiet projektowych przed tobą. To moja skromna opinia.

BTW: Było to w odpowiedzi na oryginalne sformułowanie pytania: "Jak powinienem rozpocząć kodowanie CSS dla makiet projektowych przede mną."

Answer 3

EDIT:

W odpowiedzi na aktualizację - ja osobiście faworyzują Firebugs CSS edycji/podglądu/edycji przez WDT jest. Jest to dużo bardziej bezpośrednie IMO.

IMO jest to ogólnie zła praktyka. Chociaż celem jest oddzielenie struktury (xhtml) od prezentacji (CSS), czasami nie jest to całkowicie możliwe, na przykład konieczność owinięcia elementu kilkoma innymi elementami, aby zespół projektowy mógł mieć cienie i zaokrąglone rogi, a zespół programistów może mieć podatną wysokość i szerokość ...

W każdym razie najłatwiej jest po prostu zacząć stosować style do elementów ... nie rozumiem, jakiego rodzaju wskaźników szukasz - może to pomóc, jeśli dasz szybki przegląd Twojego obecnego procesu.

Answer 4

Użyj odpowiedniego IDE, które zapewni Ci jak najwięcej pomocy.

IntelliJ IDEA jest nie tylko wielkim Java IDE, jest także dobre dla edycji HTML/CSS:

• edytor CSS
• CSS uzupełniania kodu
• składni CSS & błąd podkreślając
• CSS sprawdzanie w locie zamiar działania
• Znajdź/zaznacz zastosowanie
• Krótki doc
• Kod CSS Folding
• CSS Kod formatowania
• CSS widok Struktura
• Refaktoryzacja
• Auto-komentarz deklaracja
• Goto
• Pokaż treść

Zobacz więcej tutaj : http://www.jetbrains.com/idea/features/html_css_editor.html

Answer 5

Polecam ramy, takie jak 960 Grid System. Tworzenie ładnych układów i funkcjonalnych prototypów odbywa się bardzo szybko, gdy masz 960 w zasięgu.

Answer 6

Można spróbować użyć coś jak Sass

Answer 7

użyciu tabel dla układu

Answer 8

Istnieją pewne systemy szablonów, takie jak sass, które mogą dobrze działać w przypadku niektórych projektów lub dużych arkuszy stylów.

Jeśli twoje projekty są powtarzalne, ponieważ zawsze zawierają pewne konwertyty, możesz wypróbować strukturę css.

Jednak pomimo ograniczonej obsługi crossbrowser, CSS jest trywialny (w tym IE6 po pewnym doświadczeniu). Możesz próbować łączyć systemy szablonów lub tak zwane frameworki css, ale pamiętaj, że czasami mniej znaczy więcej.

Answer 9

scaffold pozwoli Ci zbudować swój CSS w sposób koncepcyjne ...

Answer 10

Jak Hartikainen zasugerował Zdecydowanie rozważyć użycie CSS Extension. Naprawdę upraszczają programowanie, sprawiają, że kod jest bardziej zorganizowany i wspiera spójność. W związku z tym wspierają one lepszą jakość usług i szybszy rozwój.

Najbardziej widoczne są

• Sass,
• Less i
• Compass