Nowa wersja jQuery – 1.8.0

jQuery v1.8.0

Chyba nikomu nie muszę przedstawiać, czym jest biblioteka jQuery. Pomyślcie sobie jednak, że miałoby jej nagle zabraknąć. Na szczęście tak się nie stanie, a na dodatek biblioteka ta jest ciągle mocno rozwijana. 9 sierpnia pojawiła się jej nowa wersja, oznaczona numerkiem 1.8.0.

Wraz z kolejną wersją zapowiadano znaczne zmniejszenie rozmiaru całości, a to za sprawą usunięcia zbędnego kodu, który nagromadził się w toku ewolucji. Wynik udało się jednak poprawić tylko nieznacznie. jQuery jest teraz mniejsze o 2,3KB.

Poza tym – jak przystało na nową wersję – poprawiono także szybkość i stabilność działania. Jeżeli dokłada się ciągle to nowe funkcjonalności, to nie dziwi fakt, że za każdym razem jest co optymalizować i poprawiać.

Usunięto także 160 błędów wykrytych w poprzedniej wersji.

Dużo ciekawiej przedstawiają się za to wprowadzone nowości.

Poprawa działania silnika selektorów

Ulepszony silnik jest w stanie wędrować po drzewie DOM nieco szybciej i nieco szybciej też odnajdywać dla nas selektory. Ma to z pewnością niebagatelny wpływ na szybkość działania całej strony. Co ciekawe – silnik dalej posiada wsparcie dla IE6 / IE7.

Przebudowane animacje

Całość została uproszczona po stronie użycia dostępnych metod. Większość zmian dotyczy części kodu odpowiedzialnego bezpośrednio za animacje. W nowej wersji dano nam także możliwość użycia callback (funkcja zwrotna), które informować nas będą o postępie animacji. Dokumentacja całości ma dopiero powstać, ale już teraz mamy do dyspozycji jej szkic, gdzie przedstawione są wszystkie nowinki i nowe możliwości.

Automatyczne prefiksy CSS

Obecnie każdy z silników przeglądarek ma własne prefiksy poprzedzające funkcjonalności CSS3 (Firefox -moz-, WebKit -webkit-, Internet Explorer -ms-, Opera -o-). Dla wszystkich tych, którzy używają selektorów bezpośrednio w kodzie jQuery, a które muszą być poprzedzone takimi prefiksami, przygotowano ich automatyczną obsługę. Wystarczy teraz napisać coś takiego:

.css("user-select", "none");

by dla Chrome / Safari dodało nam to -webkit-user-select, czy dla Firefox -moz-user-select.

Wszystkie informacje na temat nowo wydanej wersji możecie przeczytać na oficjalnym blogu jQuery.

Roundup #3 – WP-Flex, BrandColors, Derby MVC, trunk8, DbNinja

Roundup #3 - WP-Flex, BrandColors, Derby MVC, trunk8, DbNinja

WP-Flex

W ostatnim czasie pojawia się sporo tego typu szablonów do WordPressa. Mam tutaj na myśli możliwość dopasowywania się do aktualnego rozmiaru okna przeglądarki, poprzez wykorzystanie techniki “responsive design”. Jest to naprawdę bardzo przyjemna droga do prezentacji treści we właściwy sposób na urządzeniach mobilnych oraz desktopach.

WP-Flex – A blank and responsive boilerplate for WordPress


BrandColors

Jest to tak naprawdę katalog, który w swojej pracy docenią szczególnie osoby, które projektują grafikę. Kolekcja zawiera bowiem dokładne dane odnośnie kolorystyki używanej przez wiodące marki i serwisy na rynku.

BrandColors – A Gallery Of Major Brand Color Codes To Get Inspired


Derby MVC

Nie mylić z bazą danych o takiej samej nazwie! Derby MVC to lekki framework oparty o wzorzec MVC i Node.js, który pozwala na budowanie aplikacji działających w czasie rzeczywistym. Interakcja pomiędzy użytkownikami przebiega natychmiastowo, więc możliwe jest tworzenie na przykład narzędzi do pracy nad projektami bezpośrednio w przeglądarce. Myślę też, że tego typu frameworki to przyszłość jeśli chodzi o aplikacje w przeglądarce. Wszystko za sprawą mechanizmów push, które są w stanie wysyłać informacje od serwera do klienta i dynamiczne odświeżanie widoku.

Build Realtime & Collaborative Apps with Derby MVC


trunk8

Jest to rozszerzenie do biblioteki jQuery, a które pozwala – jak sama nazwa wskazuje – na manipulację długością wyświetlanego tekstu. Proste i wygodne w obsłudze narzędzie, które pozwoli zaoszczędzić nieco czasu podczas tworzenia podobnej funkcjonalności na naszej stronie.

trunk8 – A text truncation extension to jQuery


DbNinja

Jest to odpowiednik znanego pewnie wszystkim phpMyAdmin. DbNinja napisane zostało przy użyciu PHP i służy do administracji bazą danych MySQL bezpośrednio z okna przeglądarki. Całość prezentuje się bardzo dobrze i wygląda nieco na odświeżoną wersję wspomnianego phpMyAdmin. Przypomina trochę aplikację na PC, niżeli klienta webowego. Sam używam desktopowego narzędzia jakim jest HeidiSQL – polecam! Naprawdę bardzo ułatwia i przyspiesza pracę.

DbNinja – Web-Based MySQL Manager App With A Desktop-Like Interface


[1], [2], [3], [4], [5]

Roundup #2 – Circle Hover, AuthManager, HTML5 File Upload, CSSComb, HubSearch, canvas-charts, Motown

Roundup #2Circle Hover

Serwis Codrops jak zawsze dostarcza nam ciekawych artykułów. Tym razem jest to tutorial o tym, jak stworzyć ciekawe efekty :hover w formie kółek z wykorzystaniem animacji CSS oraz przejść 3D w CSS3.


AuthManager - Open Source User Authentication & Management

AuthManager

Jest to bilbioteka Open Source dla PHP. W oparciu o bazę MySQL pozwala ona na autentykację oraz zarządzanie użytkownikami, wykorzystując przy tym możliwości jakie daje nam integracja z serwisami społecznościowymi, takimi jak Facebook. Jest to narzędzie bardzo podobne do innej biblioteki dla PHP, jaką jest HybridAuth.

  • Protect your content with just few lines of code.
  • Login via Facebook Connect.
  • Spam protection using reCAPTCHA.
  • Google Analytics integration.
  • User access logs.
  • Email Templates.
  • Translation ready. Can be translated in any language.

Create a HTML5 Drag & Drop File Uploader with jQuery

HTML5 File Upload

Kolejny tutorial. Serwis InsertHTML opublikował poradnik, który pokazuje nam jak za pomocą HTML5, jQuery i kilku linijek w PHP możemy zbudować upload plików wykorzystujący technikę Drag & Drop oraz Local Storage z HTML5.


Greatest tool for sorting CSS properties in specific order

CSSComb

Jestem pewien, że każda osoba, która związana jest z pisaniem styli w CSS doceni to narzędzie. W Internecie jest wiele podobnych, darmowych serwisów, które są w stanie uporządkować nieco nasz arkusz styli. Żaden jednak nie potrafi zrobić tego w określonym porządku i wedle określonych zasad, które sami jesteśmy stanie stworzyć. To podejście stara się zmienić serwis CSSComb, który pozwala na sortowanie i robienie porządku w naszym ‘styles.css’ wedle określonej kolejności, którą definiujemy w prosty sposób przed samym użyciem narzędzia.


HubSearch is a GitHub search interface built with Bootstrap, Underscore, jQuery

HubSearch

Jest to niezależny interfejs dla GitHuba zbudowany przy użyciu między innymi Backbone, Underscore i jQuery. Pozwala na przeszukiwanie repozytoriów pod kątem konkretnego języka i słów kluczowych.


canvas-charts

Biblioteka JavaScript, która – wykorzystując HTML5 Canvas API – pozwala na budowanie wykresów. Typy tworzonych grafów to nic innego jak dodatkowe pluginy, które możemy dołączyć do interfejsu renderowania w naszym kodzie.


Motown

Kolejna biblioteka, dająca tym razem możliwość tworzenia interfejsów opartych o Metro, które pojawi się nam jesienią razem z najnowszym Windows 8. Całość zbudowana została przy użyciu  HTML, CSS i JavaScript.


[1], [2], [3], [4], [5]