Przede wszystkim jeśli widzisz fajny efekt, np. ładne obramowanie jakiegoś diva czy obrazka - możesz podejrzeć jak zostało ostalywane za pomocą narzędzi dev ppm -> "zbadaj element" -> i przeglądasz style.
Co do narzędzi mogę ci powiedzieć tylko tyle, że jest ich cała masa, zaczynając od Kulera (chyba najpopularniejszy do doboru kolorów, różnych palet etc) a kończąc na przeróżnych podobnych stronach, kiedyś znalazłem stronę, która umożliwia sprawdzenie w jakim stopniu pasują do siebie kolory niestety nie pamiętam już jak to nazywało tak więc ci nie podam, chyba że ktoś inny.
Co do fontów znowu dużo opowiadać, cała typografia, sposoby to wszystko jest całkiem złożone...
Co do IDE zależy jakiego używasz, jest wiele różnych edytorów i każdy oferuje pewne funkcjonalności jak i dodatki. Najpopularniejszym (i liderem) zdecydowanie jest Sublime Text, jednak oprócz niego są edytory, które na nim się wzorują i mają identyczne możliwości jak np. Brackets, Atom czy nawet Notepad++. Oczywiście do każdego z nich można doinstalować dodatki, pluginy, które jeszcze bardziej polepszają pracę.
Swoją drogą bardzo fajny temat, również chciałbym się dowiedzieć w ogóle w jaki sposób osiągnąć pewne efekty i bardziej doszkolić się z CSS, niestety nie wiem jak i fajnie gdyby ktoś bardziej doświadczony (powiedzmy na poziomie ninja :D) powiedział coś na ten temat. Strzelam, że do ciekawych efektów jeszcze potrzebny będzie JS, ale to głównie do interakcji i nadaniu życiu naszej pracy. :P