Notki otagowane javascript

"Tools For jQuery Application Architecture" prezentacja Addy'ego Osmani z konferencji WebDirections w Londynie.

Jeszcze gorąca prezentacja o tym, jak zaplanować architekturę aplikacji frontendowych w JavaScripcie. Pokrywa temat od wzorców architektury i projektowych, zarządzania zależnościami, przez wykrywanie funkcji przeglądarek, po testowanie i proces budowania i minifikacji kodu.

Istne kompendium wiedzy o tym jak tworzyć aplikacje w JavaScripcie po stronie klientów.   Polecam!

8 months ago
Komentarze

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.

8 months ago
Komentarze

[szybki tip] Jak zablokować możliwość otwierania strony w iframe?

Kawałkiem kodu na dzisiaj będzie fragment JavaScriptu zabezpieczający strony www przed umieszczaniem w iframe’ach na stronach niepożądanych.

<script type="text/javascript">//<![CDATA[
if (top != self) {
  top.location = location;
}
//]]>
</script>

Kod ten działa w ten sposób, że sprawdza czy główne okno (top) faktycznie jest tym samym obiektem co obecne (self) i w przypadku niepowodzenia ustawia lokalizację głównego okna na bieżącą (z ramki).

Oczywiście w miarę potrzeb można wzbogacić warunek np. o wykrywanie domeny okna top i tylko w przypadku różnej od okienka z ramki wyrzucanie naszej strony z iframe’a na wierzch.

Mam nadzieję, że podoba się Wam taka konwencja krótkich postów o konkretnych kawałkach praktycznego kodu.

2 years ago
Komentarze

Google Closure ? I’m Not Impressed
We all know that Google is synonym of performances, simplicity, and again performances. A search engine that uses a truncated body for a not valid W3 markup should be the most bytes and performances maniac in the current web era, isn’t it?
Well, Google Closure Tools has been a negative surprise, at least this is what I can tell about it after a first quick review.

Cytat z Web Reflection: Google Closure ? I’m Not Impressed

A mnie w Google Closure podobają się dodatko w postaci kontrolek UI oraz wbudowane biblioteki funkcji (goog.crypt, goog.i18n, goog.spell, goog.testing) których normalnie oczekiwałoby się od server-side języka, takiego jak PHP, Ruby czy Java.

Dokumentacja do frameworka Closure Library: http://closure-library.googlecode.com/svn/trunk/closure/goog/docs/index.html

2 years ago
Komentarze