[D.....k]

#webdev #frontend #frontendwebdevelopment #frontenddevelopment

http://pesticide.io/ - mały plik CSS, który każdy element otacza ramką. Przydatne przy debugowaniu CSS....

[slave89]

@Dreszczyk: Ja tam zawsze robie jak mam jQuery:

$('*').css('outline', '1px solid red')

[m.....s]

@Dreszczyk: Meyer też coś takiego poleca:

http://meyerweb.com/eric/tools/css/diagnostics/

[D.....k]

@slave89: tutaj masz różne kolory :3

[slave89]

@Dreszczyk: A u mnie masz one-line ;) i nie musisz dołączać pliku

[normanos]

@Dreszczyk: to wy nie uzywacie webdevelopera w przeglądarce?!? :O ;)

[JackBauer]

@Dreszczyk: Protip: odpalasz webconsole w przeglądarce i najeżdżasz na element, który cię interesuje...

[slave89]

@normanos: Używamy używamy, ouline dawno nie używałem, ale @Dreszczyk mi przypomniał. Sam mam awersje do frontu, wolę jednak grzebać tam gdzie nikt nie widzi ;)

[D.....k]

@normanos: @JackBauer: wg mnie tak jest wygodniej, piszesz - odświeżasz i widzisz, a tak to dochodzi jeszcze szukanie w okienku elementu...

[JackBauer]

@Dreszczyk: Jakie szukanie? Klikasz prawym przyciskiem na stronie i dajesz "Inspect". Od razu przechodzi do konkretnego elementu i masz podane wszystkie zaaplikowane reguły CSS i narysowane marginesy...

[D.....k]

@JackBauer: nie zawsze to działa idealnie, mi czasami zaznacza body ._. z resztą - po co mieć odpaloną konsole i klikać, jak można to widzieć na stałe?

[D.....k]

@JackBauer: poza tym - to się nie wyklucza, różne elementy mają różne marginesy, jak masz wokół nich ramke to przynajmniej wiesz, gdzie masz odpalać inspect :D

[JackBauer]

@Dreszczyk: To ci nic nie daje poza tą śmieszną ramką, która przysłania całą stronę i nawet nie widzisz, czy dobrze wygląda bez tego. Jak dekorujesz elementy to chyba wiesz jak wyglądają i jakie mają rozmiary, więc co za problem kliknąć w odpowiednim miejscu? Jak ci nie działa standardowa konsola to ściągnij sobie firebuga, czy coś.

po co mieć odpaloną konsole i klikać, jak można to widzieć na stałe?

@Dreszczyk

[D.....k]

@JackBauer: no dobrze, skoro Ty nie potrzebujesz, to się nie wtrącam

[normanos]

http://chrispederick.com/work/web-developer/

[mrwrotek]

@Dreszczyk: IMO zbędne. Firebug i ctrl shift c, tworzy ładną ramkę wokół elementu który pokazuje.

[D.....k]

@mrwrotek: jakby było w 100% zbędne, to by nie powstało ;)