To nejlepší z roku 2008 - JavaScript
V poslední části naší souhrnné řady je čas vidět některé z Java Goodies z roku 2008. Některé z následujících jsou zdroje, některé jsou užitečné návody, některé názory a jiné prostě prosté zábavné zajímavé věci.
K dispozici je vždy lekce nebo dvě, které vám mohou odnést a mohlo by vám pomoci vstoupit na Nový rok s řadou nových dovedností ve vašem portfoliu.
sIFR Lite
„ Kdysi dávno vytvořili někteří opravdu dobří weboví vývojáři sIFR. Jejich cílem bylo hladce převést titulky HTML na pěkná písma. Tito vývojáři odvedli skvělou práci a pěkně to fungovali. Když jsem se podíval na jejich kód, rozhodl jsem se, že vytvořím „lite“ verzi sIFR pomocí objektově orientovaného přístupu. sIFR Lite je o něco snáze čitelný a intuitivnější. “
Navštívit stránku
DD_belatedPNG
Podpora pro 24bitový PNG alfa-průsvitný pozadí-obrázek + pozadí-pozice + pozadí-opakování pro IE 6 konečně!
Navštívit stránku
Plugin jQuery společnosti EqualHeights
„Vytváření sloupců stejné výšky pomocí CSS je někdy medvěd. Ale kdo potřebuje problémy s fauxovými sloupy, „čistými“ divy a zbytek? S tímto kouskem jQuery můžete snadno vyrovnat výšky kterékoli skupiny prvků. “
Navštívit stránku
jQuery.popeye - inline alternativa lightboxu
„Plugin transformuje neoriginovaný seznam obrázků do pole zobrazujícího pouze jeden náhledový obrázek najednou. Krabice má ovládací prvky pro procházení náhledovými obrázky a pro zvětšení daného obrázku. Rámeček se rozbalí, aby vyhovoval zvětšené verzi, zatímco ovládací prvky jsou skryty v režimu plné velikosti obrázku. Pouhým kliknutím na obrázek se pole vrátí do kompaktního stavu. “
Navštívit stránku
DD_roundies
Snadný způsob, jak implementovat kulaté rohy v IE.
"Žádné kulaté tabulky s 9 buňkami." Žádné obrázky. Nepřidá k prvku kontejneru půl tuctu nebo více uzlů HTML (více jako jeden, maximálně dva a pouze v IE). “
Navštívit stránku
Niceforms
„ Niceforms je skript, který nahradí nejčastěji používané elementy formuláře vlastními. Můžete buď použít výchozí motiv, který je k dispozici, nebo si můžete dokonce vyvinout svůj vlastní vzhled s minimálním úsilím. “
Navštívit stránku
jQuery Corners 0.3
„Tento plugin jQuery snadno vytvoří krásně zaoblené rohy. Nejsou nutné žádné obrázky ani rušivé značení. “
Další kulatý rohový skript ve svůj prospěch!
Navštívit stránku
Doplněk nabídky Superfish jQuery
„Superfish je vylepšený doplňkový modul jQuery ve stylu Suckerfish, který přebírá existující čistou rozevírací nabídku CSS (takže ladně degraduje bez JavaScriptu) a přidává následující vyhledávaná vylepšení.“
Navštívit stránku
JavaScript nás všechny uloží
Názor Eric Meyera na to, proč bychom se měli dívat na JavaScript a rozšířit standardní podporu, která v mnoha prohlížečích chybí, místo čekání na implementaci dodavatelů prohlížečů.
Navštívit stránku
CSS Sprites2 - Je čas JavaScript
„Pocit pohybu je často rozlišovacím prvkem mezi webovými stránkami s vysokým obsahem Flash a weby založenými na standardech. Rozhraní Flash se vždy jevily živější - reagovaly na interakce uživatele dynamickým způsobem, který se webové stránky založené na standardech nedokázaly replikovat. V poslední době se to samozřejmě změnilo s obnovou efektů dynamického rozhraní, které pomohly knihovny JavaScript, které to usnadňují - knihovny jako Prototype, Scriptaculous, Moo, YUI, MochiKit (a mohl bych pokračovat). Je nejvyšší čas znovu se seznámit s technikou CSS Sprites před čtyřmi lety a podívat se, jestli si nedokážeme vložit trochu vlastního pohybu. “
Navštívit stránku
jParallax
„JParallax změní vybraný prvek na„ okno “nebo výřez a všechny jeho děti v absolutně umístěné vrstvy, které lze vidět skrz výřez. Tyto vrstvy se pohybují v reakci na myš a v závislosti na jejich rozměrech (a možnostech inicializace vrstvy) se pohybují různým množstvím způsobem parallaxy. “
Čistá radost!
Navštívit stránku
Pevná zápatí bez JavaScriptu
Čistá technika CSS pro umístění pevných zápatí, testovaná až na IE 5.5.
Navštívit stránku
Dynamické rozvržení
„Dynamické rozvržení je jednoduchá knihovna JavaScript, která umožňuje snadno upravit rozvržení stránky podle aktuální šířky prohlížeče.“
Navštívit stránku
Přestaňte používat Ajax!
"Ajax je zdravý a užitečný nápad." Každá myšlenka se však týká praktické implementace - technologie, která ji umožňuje - av tomto případě je technologie nezralá, protože zanechává skupiny uživatelů pozadu. Nejvíce pozoruhodné a nejvíce ovlivněné jsou ti, kteří používají asistivní technologie, ale také ti, kteří používají méně schopné prohlížeče, které nepodporují potřebné skriptovací objekty nebo vůbec nepodporují skriptování. “
Navštívit stránku
Takto získáte práci sIFR
„Cílem tohoto tutoriálu je informovat na oficiálním webu informace o sIFR do jednoduchého postupu krok za krokem, jak implementovat sIFR na vašem webu.
Po absolvování tohoto tutoriálu budete mít základní znalosti o tom, jak funguje sIFR a budete se moci rozšířit do pokročilejších oblastí. “
Navštívit stránku
FancyZoom
Hladké přiblížení obrázku Javascript pro vaše webové stránky.
Navštívit stránku
Rotující 3D krychle v JavaScriptu
Nic víc nic míň! Koukni na to.
Navštívit stránku
Super Mario ve 14kB Javascriptu
" Tady je experiment, jak udržet věci malé a omezené na jeden soubor Javascript." Neexistují žádné externí obrazové soubory nebo cokoli, vše se vykresluje pomocí Javascriptu pomocí buď prvků plátna, nebo staromódní taktiky div-making (pro IE). Skřítci jsou uloženi ve vlastních kódovaných řetězcích ve formátu, který umožňuje pouze 4 barvy pro každý sprite, ale naopak zabírá pouze asi 40-60 bytů na sprite. “
Navštívit stránku
10 inteligentních technik Javascript pro zlepšení vašeho uživatelského rozhraní
„Javascript se při vývoji webových stránek obvykle používá jako estetický jazyk. To znamená, že weboví vývojáři by měli téměř vždy používat Javascript pouze pro jednu věc: Vylepšení zážitku návštěvníka. Existuje mnoho chytrých a užitečných způsobů, jak vylepšit web z pohledu uživatelského rozhraní. Vývojář může najít téměř jakýkoli úryvek kódu Javascript, aby dosáhl toho, čeho chce dosáhnout. “
Navštívit stránku
25 úžasných her JavaScriptu (trochu zábavy a inspirace)
„JavaScript, se vzestupem Ajaxu, je rozhodně nutností pro každého webdesignéra / vývojáře.
Kromě ovládacích prvků formulářů, upozornění a podobného jednoduchého použití JavaScriptu můžete pomocí JavaScriptu (& Canvas) dělat téměř cokoli. “
Navštívit stránku
Top 5 oblíbených bookletů
„Záložky jsou odkazy podporující JavaScript, které můžete vtáhnout do svých záložek a které spolupracují s jakoukoli stránkou, na které se nacházíte. Nejlepší záložky fungují tak, jak byste obvykle očekávali od lišty nástrojů, a to rozšířením vašeho prohlížení. Nicméně, protože jsou psány v JavaScriptu, všichni pracují v prohlížeči a bez nutnosti instalace. Zde je 5 vysoce doporučených záložek, které můžete přetáhnout na lištu nástrojů vašeho prohlížeče nebo do záložek, abyste rozšířili možnosti procházení. “
Navštívit stránku
10 slibných rámců JavaScriptu
„Populární rámce / knihovny JavaScriptu, jako jsou jQuery, MooTools, Prototype a YUI (abychom jmenovali alespoň některé z nejpopulárnějších rámců JavaScriptu), mají rozhodně pevné místo v aréně rámce JavaScriptu. Ale pro dobrodružnější vývojáře, kteří hledají nové nebo alternativní rámce / knihovny - existují některé vynikající rámce mimo ty oblíbené, které stojí za vyzkoušení. “
Navštívit stránku
5 Užitečná řešení kódování pro designéry a vývojáře
„Kreativní a skutečně pozoruhodná designová řešení zůstávají neznámá, protože my, návrháři, je jednoduše přehlížíme. Protože jsme zaneprázdněni našimi vlastními projekty, někdy se snažíme pochopit intuici za (pravděpodobně) složitým a přeplněným kódem jiných návrhářů, abychom pochopili, jak se jim podaří implementovat konkrétní návrhové nápady. Ve skutečnosti pouhým dodržováním kódu jiných vývojářů se od nich můžeme hodně naučit; můžeme najít zajímavé nápady a zlepšit kvalitu naší práce. “
Navštívit stránku
Volání webových služeb přes AJAX
Tento tutoriál vám dá dobrou představu o tom, jak používat JavaScript pro interakci s WebServices.
Navštívit stránku
JavaScript Pretty Date
„… Jednoduchý způsob formátování starých dat JavaScriptu„ hezkým “způsobem. “
Navštívit stránku
JavaScript pro iPhone aplikace
„Se zájmem jsem sledoval vývojáře, kteří vytvářejí nové aplikace pro iPhone. Vlastním jeden sám - a jsem znalý v JavaScriptu - zajímalo by mě, jaké možnosti existují pro vytváření aplikací JavaScriptu ke stažení nebo iPhone. Při provádění výzkumu jsem našel řadu řešení, některá jednodušší než jiná, jiná vyžadující více znalostí Objective-C než jiná. “
Navštívit stránku
Nejžádanější techniky Ajax: 50+ příkladů a konzultací
„Webové aplikace dosáhly obrovských skoků a mezí ve zlepšování uživatelského prostředí díky mnoha nedávno vyvinuté technologii Ajax. Když zkombinujete některé úhledné funkcionality s laskavým svolením PHP s chytrostí javascriptu, můžete získat docela pěkné výsledky. Ve snaze pomoci vám to zvládnout, bychom se rádi podělili o několik metod, které pomohou vašemu webu předvídat další krok uživatele. “
Navštívit stránku
50 Vynikajících výukových programů AJAX
„AJAX poskytuje webovým vývojářům spoustu příležitostí, jak zlepšit uživatelský dojem a zlepšit výkon jejich webových stránek. Existuje nespočet způsobů, jak lze AJAX použít, a naštěstí existuje spousta dobrých a užitečných kurzů AJAX, které vám pomohou s vlastní implementací.
Tento příspěvek slouží jako soubor užitečných tutoriálů o práci s AJAX v mnoha různými způsoby. “
Navštívit stránku
10 věcí, které IT potřebuje vědět o Ajaxu
„Zavedení jakékoli nové webové technologie bude mít dopad na infrastrukturu sítě způsoby, které sahají od bezvýznamných až po roztříštění země. Ajax je jednou z nejvíce rušivých nových webových technologií, které dnes cestují napříč sítěmi. Abychom vám pomohli minimalizovat budoucí překvapení ve vaší síti, nastínili jsme 10 věcí, které byste měli věnovat srdci Ajaxu. “
Navštívit stránku
jQuery timepickr
“ Jquery.timepickr byl vytvořen ve snaze učinit proces zadávání času ve formě co nejjednodušší a nejpřirozenější.”
Navštívit stránku