programisty tips'n'tricks
Czemu frontend deweloperzy powinni wybierać Google Chrome a nie inne przeglądarki
Od dłuższego już czasu do codziennej deweloperki używam Google Chrome (w wersji devel). Paul Irish na swoim blogu podzielił się kilkoma niezwykle przydatnymi sztuczkami których można użyć programując strony internetowe.
Oto kilka z najciekawszych z nich:
- można edytować html w locie - dosłownie!
- można w konsoli JS odwołać się do zaznaczonego elementu w inspektorze - przez $0.
- można edytować pliki CSS i JS na żywo (zakladka resources/zasoby), a potem tylko przycisnąć “zapisz” i mieć poprawiony plik. Ponadto podczas edycji Chrome zapisuje zmiany w poszczególnych plikach z wersjonowaniem. Co pozwala nam dowolnie się bawić kodem a potem tylko zapisać najlepszy z efektów pracy. Co jest najciekawsze, to to że kod CSS i JS można edytować w prawdziwych plikach a nie tylko w konsoli i inspektorze styli (dostępne, jak wspominałem, w zakładce Resources).
- używając breakpointów i automatycznego stopowania kodu w przypadku wyjątku można debugować skrypty bez zbędnego wstawiania console.log().
- a ponadto Chrome potrafi w przejrzysty sposob pokazywam zminify’owane JSy…
Do pełnej listy przydatnych funkcji odsyłam do bloga Paula Irisha i opublikowanej tam infografiki oraz video.
Optymalizacja kodu HTML!
Optymalizowanie kodu HTML? Brzmi śmiesznie? Ale tak, da się! Można zmniejszyć ilość kodu w plikach HTML, pisząc kod bardziej zgodnie ze standardami a dzięki mniejszej objętości przyspieszyć jego parsowanie przez przeglądarke. Zainteresowanych odsyłam tu: Perfection kills » Optimizing HTML
Czyżby najszybszy sposób na pisanie HTML/CSS?
Smashing Magazine właśnie opublikowało wpis o Zen Coding: A Speedy Way To Write HTML/CSS Code.
Możecie wypróbować i zobaczyć, czy faktycznie przyspieszy to waszą pracę. Mnie i tak póki co wystarcza domyślne uzupełnianie składni w TextMate’cie.
O semantycznym kodowaniu HTML i CSS
http://www.webdesignerwall.com/tutorials/coding-clean-and-semantic-templates/
Szczególnie spodobał mi się przykład kodowania z punktu nr 3 oraz 5, mówiący o komentowaniu końcowych tagów przy divach. :-)
