Best of 2008 - JavaScript
W ostatniej części naszej serii podsumowującej nadszedł czas, aby zobaczyć niektóre z dodatków JavaScript z 2008 roku. Niektóre z nich to zasoby, niektóre są przydatnymi samouczkami, niektóre opinie, a inne po prostu zabawne ciekawe rzeczy.
Zawsze można wyciągnąć z nich lekcję lub dwie, a może pomóc ci wejść w Nowy Rok z szeregiem nowych umiejętności w swoim portfolio.
sIFR Lite
„ Pewnego razu niektórzy naprawdę dobrzy programiści stworzyli sIFR. Ich celem była płynna konwersja nagłówków HTML na ładne czcionki. Cóż, ci programiści wykonali świetną robotę, ładnie. Patrząc na ich kod, zdecydowałem, że stworzę wersję „lite” sIFR, stosując podejście bardziej obiektowe. sIFR Lite jest nieco łatwiejszy do odczytania i bardziej intuicyjny w użyciu. ”
Odwiedź stronę
DD_belatedPNG
Obsługa 24-bitowego przezroczystego obrazu tła PNG + pozycja tła + powtórzenie tła dla IE 6 w końcu!
Odwiedź stronę
Wtyczka jQuery EqualHeights
„Tworzenie kolumn o jednakowej wysokości za pomocą CSS to czasem niedźwiedź. Ale kto potrzebuje kłopotów ze sztucznymi kolumnami, „czystymi” divami i resztą? Dzięki tej części jQuery możesz łatwo wyrównać wysokości dowolnej grupy elementów. ”
Odwiedź stronę
jQuery.popeye - wbudowana alternatywa dla lightbox
„Wtyczka przekształca nieprzetworzoną listę obrazów w pudełko wyświetlające tylko jeden obraz podglądu na raz. Pole zawiera elementy sterujące umożliwiające przeglądanie obrazów podglądu i powiększanie danego obrazu. Pole rozszerza się, aby pomieścić powiększoną wersję, a elementy sterujące są ukryte w trybie pełnego rozmiaru obrazu. Proste kliknięcie obrazu powoduje przywrócenie kompaktowego kształtu pudełka. ”
Odwiedź stronę
DD_roundies
Łatwy sposób zaimplementować zaokrąglone rogi w IE.
„Brak stołów 9-komorowych dla jednego okrągłego pudełka. Brak zdjęć Nie dodaje pół tuzina lub więcej węzłów HTML do elementu kontenera (więcej jak jeden, maksymalnie dwa i tylko w IE). ”
Odwiedź stronę
Niceforms
„ Niceforms to skrypt, który zastąpi najczęściej używane elementy formularza niestandardowymi elementami. Możesz albo użyć domyślnego motywu, który jest dostępny, albo nawet opracować własny wygląd przy minimalnym wysiłku. ”
Odwiedź stronę
jQuery Corners 0.3
„Ta wtyczka jQuery z łatwością stworzy pięknie zaokrąglone rogi. Nie są potrzebne żadne obrazy ani nachalne oznaczenia. ”
Kolejny skrypt za rogiem dla twojej korzyści!
Odwiedź stronę
Wtyczka menu Superfish jQuery
„Superfish to ulepszona wtyczka jQuery w stylu Suckerfish, która pobiera istniejące menu rozwijane w czystym CSS (dzięki czemu bezproblemowo ulega degradacji bez JavaScript) i dodaje następujące bardzo poszukiwane ulepszenia.”
Odwiedź stronę
JavaScript uratuje nas wszystkich
Opinia Erica Meyera o tym, dlaczego powinniśmy korzystać z JavaScript, aby rozszerzyć standardowe wsparcie, którego brakuje w wielu przeglądarkach, zamiast czekać na ich wdrożenie przez dostawców przeglądarki.
Odwiedź stronę
CSS Sprites2 - Czas na JavaScript
„Poczucie ruchu często odróżnia strony internetowe z dużą ilością Flasha i witryny oparte na standardach. Interfejsy Flash zawsze wydawały się bardziej żywe - reagowały na interakcje użytkownika w sposób dynamiczny, którego witryny internetowe nie były w stanie powielić. Ostatnio to się zmieniło, oczywiście wraz z odrodzeniem się dynamicznych efektów interfejsu, wspieranych przez biblioteki JavaScript, które ułatwiają - biblioteki takie jak Prototype, Scriptaculous, Moo, YUI, MochiKit (i ja mogłem kontynuować). Najwyższy czas, aby ponownie zapoznać się z techniką CSS Sprites sprzed czterech lat i sprawdzić, czy nie możemy wtrącić trochę własnego ruchu. ”
Odwiedź stronę
jParallax
„JParallax zamienia wybrany element w„ okno ”lub rzutnię, a wszystkie jej elementy potomne w absolutnie pozycjonowane warstwy, które można zobaczyć przez rzutnię. Warstwy te poruszają się w odpowiedzi na mysz i, w zależności od ich wymiarów (i opcji inicjalizacji warstw), poruszają się w różnych ilościach, w sposób paralaksyjny. ”
Czysta przyjemność!
Odwiedź stronę
Naprawiono stopki bez JavaScript
Czysta technika CSS do pozycjonowania stałych stopek, przetestowana do IE 5.5.
Odwiedź stronę
Układ dynamiczny
„Układ dynamiczny to prosta biblioteka JavaScript, która pozwala łatwo dostosować układ strony w oparciu o bieżącą szerokość przeglądarki”.
Odwiedź stronę
Przestań używać Ajax!
„Ajax to solidny i użyteczny pomysł. Ale każdy pomysł sprowadza się do praktycznego wdrożenia - technologii, która go realizuje - iw tym przypadku technologia jest niedojrzała, ponieważ pozostawia grupy użytkowników w tyle. Najbardziej znaczące i najbardziej dotknięte są te, które używają technologii wspomagających, ale także te używające mniej wydajnych przeglądarek, które nie obsługują niezbędnych obiektów skryptowych lub w ogóle nie obsługują skryptów. ”
Odwiedź stronę
W ten sposób sIFR działa
„Celem tego samouczka jest rozpowszechnienie informacji z oficjalnej strony dotyczącej sIFR w prostym, krok po kroku, w jaki sposób wdrożyć sIFR na twojej stronie.
Po wykonaniu tego samouczka poznasz podstawowe zasady działania sIFR i będziesz mógł rozszerzyć działalność na bardziej zaawansowane obszary. ”
Odwiedź stronę
FancyZoom
Płynne powiększanie obrazu JavaScript dla stron internetowych.
Odwiedź stronę
Obracanie sześcianu 3D w JavaScript
Nic dodać nic ująć! Sprawdź to.
Odwiedź stronę
Super Mario w JavaScript 14kB
„ Oto eksperyment polegający na utrzymywaniu małych elementów w jednym pliku Javascript. Nie ma żadnych zewnętrznych plików graficznych ani nic, wszystko jest renderowane za pomocą Javascript przy użyciu elementów canvas lub starej taktyki tworzenia div (dla IE). Duszki są przechowywane w niestandardowo zakodowanych ciągach w formacie, który pozwala tylko na 4 kolory dla każdego duszka, ale z kolei zajmuje tylko około 40-60 bajtów na duszek. ”
Odwiedź stronę
10 inteligentnych technik Javascript do ulepszenia interfejsu użytkownika
„JavaScript jest zwykle używany jako język estetyczny w tworzeniu stron internetowych. Oznacza to, że programiści stron internetowych powinni prawie zawsze korzystać ze Javascript tylko w jednym celu: poprawa komfortu użytkowania. Istnieje wiele sprytnych i przydatnych sposobów ulepszenia witryny z perspektywy interfejsu użytkownika. Deweloper może znaleźć prawie dowolny fragment kodu JavaScript, aby osiągnąć to, co chce osiągnąć. ”
Odwiedź stronę
25 niesamowitych gier JavaScript (trochę zabawy i inspiracji)
„JavaScript wraz z pojawieniem się Ajaxa jest zdecydowanie obowiązkowy dla każdego projektanta / programisty.
Poza kontrolą formularzy, alertami i podobnym prostym użyciem JavaScript, możesz prawie wszystko zrobić za pomocą JavaScript (i Canvas). ”
Odwiedź stronę
Top 5 ulubionych zakładek
„Bookmarklety to linki obsługujące JavaScript, które można przeciągać do zakładek, które działają na dowolnej stronie, na której się znajdziesz. Najlepsze bookmarklety działają tak, jak zwykle można oczekiwać od paska narzędzi, zwiększając komfort przeglądania. Ponieważ jednak są napisane w JavaScript, wszystkie pracują w przeglądarce i nie wymagają instalacji. Oto 5 wysoce zalecanych zakładek, które możesz przeciągnąć na pasek narzędzi przeglądarki lub do zakładek, aby zwiększyć wygodę przeglądania. ”
Odwiedź stronę
10 obiecujących frameworków JavaScript
„Popularne frameworki / biblioteki JavaScript, takie jak jQuery, MooTools, Prototype i YUI (by wymienić kilka najpopularniejszych frameworków JavaScript), zdecydowanie mają solidną pozycję na arenie frameworków JavaScript. Ale dla bardziej ryzykownych programistów poszukujących nowych lub alternatywnych frameworków / bibliotek - istnieje kilka świetnych frameworków poza popularnymi, które warto sprawdzić. ”
Odwiedź stronę
5 Przydatnych rozwiązań kodowania dla projektantów i programistów
„Często kreatywne i naprawdę niezwykłe rozwiązania projektowe pozostają nieznane, ponieważ my, projektanci, po prostu je przeoczamy. Zajmując się własnymi projektami, czasami staramy się zrozumieć intuicję stojącą za (prawdopodobnie) złożonym i zaśmieconym kodem innych projektantów, aby zrozumieć, jak udaje im się wdrożyć określone pomysły projektowe. W rzeczywistości, po prostu obserwując kod innych programistów, możemy się od nich wiele nauczyć; możemy znaleźć ciekawe pomysły i poprawić jakość naszej pracy. ”
Odwiedź stronę
Wywoływanie WebServices za pośrednictwem AJAX
W tym samouczku dowiesz się, jak używać JavaScript do interakcji z WebServices.
Odwiedź stronę
JavaScript Pretty Date
„… Prosty sposób formatowania starych dat JavaScript w„ ładny ”sposób. ”
Odwiedź stronę
JavaScript iPhone Apps
„Z zainteresowaniem obserwuję, jak programiści tworzą nowe aplikacje dla iPhone'a. Posiadając jedną z nich - i znając JavaScript - zastanawiałem się, jakie są opcje tworzenia aplikacji JavaScript do pobrania lub iPhone'a. Podczas niektórych badań znalazłem szereg rozwiązań, niektóre prostsze od innych, niektóre wymagające większej wiedzy na temat Celu C niż inne. ”
Odwiedź stronę
Najpopularniejsze techniki Ajax: ponad 50 przykładów i samouczków
„Aplikacje internetowe poczyniły ogromne postępy w poprawianiu komfortu użytkowania dzięki wielu ostatnio opracowanym technologiom Ajax. Łącząc pewną funkcjonalność dzięki uprzejmości PHP ze sprytnością javascript, można uzyskać całkiem fajne wyniki. Aby pomóc Ci podnieść poprzeczkę, chcielibyśmy podzielić się z Tobą kilkoma metodami, które pomogą Twojej witrynie przewidzieć następny ruch użytkownika ”.
Odwiedź stronę
50 doskonałych samouczków AJAX
„AJAX zapewnia programistom internetowym wiele możliwości zwiększenia komfortu użytkowania i wydajności ich witryn internetowych. Istnieje wiele sposobów korzystania z AJAX i na szczęście istnieje wiele dobrych i przydatnych samouczków AJAX, które pomogą Ci we własnej implementacji.
Ten post służy jako zbiór przydatnych samouczków dotyczących pracy z AJAX na wiele różnych sposobów. ”
Odwiedź stronę
10 rzeczy, które IT powinien wiedzieć o Ajaxie
„Wprowadzenie każdej nowej technologii internetowej wpłynie na infrastrukturę sieci w sposób od nieistotnego do wstrząsającego ziemią. Ajax jest obecnie jedną z najbardziej przełomowych nowych technologii sieciowych podróżujących po sieci. Aby pomóc Ci zminimalizować przyszłe niespodzianki w Twojej sieci, przedstawiliśmy 10 rzeczy, które powinieneś wziąć sobie do serca w związku z Ajax. ”
Odwiedź stronę
jQuery timepickr
„ Jquery.timepickr powstał w celu uczynienia procesu wprowadzania czasu w formie tak łatwym i naturalnym, jak to możliwe.”
Odwiedź stronę
