blog.sher.pl

Mozilla zawitała w Londynie, gdzie przedstawiła nowości jakie czekają nas w Firefox 4.0. Jest to między innymi element video z HTML5, manipulacje obrazkami (i video) przy pomocy Canvas, obsługa SVG i wszelkich efektów z nim związanych (można nawet osadzić HTML5), pełno nowych znaczników CSS3 oraz niemal wszystkie funkcje HTML5.

Pozwolę sobie wkleić także listę funkcji, które nie zostały jeszcze wprowadzone, ale będą dostępne w Firefox 4.0:

  • TraceMonkey (a new Javascript engine)
  • Lazy Frame Construction
  • Reducing I/O from the main thread
  • Startup Time
  • Hardware accelleration
  • GPU text/graphics/video rendering
  • Using GPU for text rendering
  • JavaScript JIT (JaegerMonkey)
  • HTML5 parser running own thread
  • slicker interface
  • no more modal dialogs
  • no startup interuptions
  • updates in the background

Pełną listę nowości oraz wideo z konferencji można znaleźć tutaj. 

Tagi: html5 firefox

Polecam przeczytać któtki, ale treściwy artykuł z CSS-tricks. Wyjaśnia on czym różni się użycie w funkcji zdarzenia (np. onClick) return false; oraz e.preventDefault(); W skrócie return false; sprawia, że zdarzenie dodatkowo nie propaguje się na wyższe elementy (tzw. event bubbling), ale przeczytajcie sami :-)

Polecam przeczytać któtki, ale treściwy artykuł z CSS-tricks. Wyjaśnia on czym różni się użycie w funkcji zdarzenia (np. onClick)

return false;

oraz

e.preventDefault();

W skrócie return false; sprawia, że zdarzenie dodatkowo nie propaguje się na wyższe elementy (tzw. event bubbling), ale przeczytajcie sami :-)

Polecam się zapoznać z techniką cachingu nazwaną diffable. Bazuje ona na fakcie, że aktualizowane pliki statyczne (CSS, HTML lub obrazki) zwykle nie różnią się między swoimi kolejnymi wersjami. Do przeglądarki wysyłana jest tylko zaktualizowana treść, która dopełniana jest wersją zapisaną w cache przeglądarki. Pozwala to na znaczne zredukiwanie wykorzystania łącza. Kto wie, być może niedługo stanie się standardem i zostanie wprowadzona zarówno do najnowszych przeglądarek jak i serwerów typu Apache.

Polecam się zapoznać z techniką cachingu nazwaną diffable. Bazuje ona na fakcie, że aktualizowane pliki statyczne (CSS, HTML lub obrazki) zwykle nie różnią się między swoimi kolejnymi wersjami. Do przeglądarki wysyłana jest tylko zaktualizowana treść, która dopełniana jest wersją zapisaną w cache przeglądarki. Pozwala to na znaczne zredukiwanie wykorzystania łącza.

Kto wie, być może niedługo stanie się standardem i zostanie wprowadzona zarówno do najnowszych przeglądarek jak i serwerów typu Apache.

Oto cheat sheet, czyli ściąga jak używać Canvas - nowość, którą teoretycznie przynosi nam HTML5, a praktycznie istnieje w przeglądarkach już od dawna. Dla niezorientowanych - canvas pozwala na dosłowne rysowanie po naszej stronie dowolnych kształtów, a nawet animacji.

Oto cheat sheet, czyli ściąga jak używać Canvas - nowość, którą teoretycznie przynosi nam HTML5, a praktycznie istnieje w przeglądarkach już od dawna.

Dla niezorientowanych - canvas pozwala na dosłowne rysowanie po naszej stronie dowolnych kształtów, a nawet animacji.

Jeśli interesuje Cię optymalizacja i kompresja kodu JavaScript, a narzędzia jak YUI i JSMin masz w małym palcu, być może zaciekawi Cię Google Closure Compiler Service. Zwykłe komprsory wycinają biale znaki i skracają nazwy zmiennych. Closure Compiler posuwa się tutaj dużo dalej, zmienia samą strukturę kodu, tak aby działała identycznie jak wyjściowa. Przykładowo poniższy kod: function hello(name) { alert('Hello, ' + name + '!'); } hello('Sher.pl'); Zostanie zastąpiony jedną linijką: alert("Hello, Sher.pl!"); Innym pomysłem na jego wykorzystanie jest poprawienie formatowania kodu (przy zaznaczeniu “Pretty print” tworzone są automatyczne wcięcia).

Jeśli interesuje Cię optymalizacja i kompresja kodu JavaScript, a narzędzia jak YUI i JSMin masz w małym palcu, być może zaciekawi Cię Google Closure Compiler Service.

Zwykłe komprsory wycinają biale znaki i skracają nazwy zmiennych. Closure Compiler posuwa się tutaj dużo dalej, zmienia samą strukturę kodu, tak aby działała identycznie jak wyjściowa.

Przykładowo poniższy kod:

function hello(name) {
alert('Hello, ' + name + '!');
}
hello('Sher.pl');

Zostanie zastąpiony jedną linijką:

alert("Hello, Sher.pl!");

Innym pomysłem na jego wykorzystanie jest poprawienie formatowania kodu (przy zaznaczeniu “Pretty print” tworzone są automatyczne wcięcia).

Bespin, internetowy edytor powstający pod nadzorem Mozilli, wydał bookmarklet (skryptozakładę), która umożliwia przemianę dowolnego pola tekstowego na stronie (textarea) w zaawansowany edytor HTML5, obsługujący kolorowanie składni. Koniec newsa :-)

Bespin, internetowy edytor powstający pod nadzorem Mozilli, wydał bookmarklet (skryptozakładę), która umożliwia przemianę dowolnego pola tekstowego na stronie (textarea) w zaawansowany edytor HTML5, obsługujący kolorowanie składni.

Koniec newsa :-)