Labākais 2008. gads - JavaScript

Mūsu kopsavilkuma sērijas pēdējā daļā ir laiks aplūkot dažus 2008. gada JavaScript labumus. Daži no šiem ir resursi, daži ir noderīgas apmācības, daži viedokļi un citi vienkārši izklaidējoši interesanti.

Vienmēr ir kāda stunda vai divas, ko no tām atņemt, un tas varētu palīdzēt jums ienākt Jaunajā gadā ar daudzām jaunām prasmēm savā portfolio.

sIFR Lite

Reiz daži patiešām labi tīmekļa izstrādātāji izveidoja SIFR. Viņu mērķis bija nemanāmi pārveidot HTML virsrakstus par jaukiem fontiem. Šie izstrādātāji paveica lielisku darbu, panākot, ka tas darbojas labi. Apskatot viņu kodu, es nolēmu izveidot SIFR “vienkāršo” versiju, izmantojot objektorientētāku pieeju. sIFR Lite ir nedaudz vieglāk lasāms un intuitīvāk lietojams. ”

Apmeklējiet vietni

DD_belatedPNG

Atbalsts 24 bitu PNG alfa caurspīdīguma fona attēlam + fona stāvoklim + fona atkārtojumam IE 6 beidzot!

Apmeklējiet vietni

The EqualHeights jQuery spraudnis

“Vienāda augstuma kolonnu izveidošana ar CSS dažreiz ir lācis. Bet kam vajadzīga mākslīgo kolonnu, “skaidru” divs un visu pārējo problēmu? Izmantojot šo jQuery mazliet, jūs varat viegli izlīdzināt jebkuras elementu grupas augstumu. ”

Apmeklējiet vietni

jQuery.popeye - inline gaismas lodziņa alternatīva

“Spraudnis pārveido nekārtotu attēlu sarakstu lodziņā, kurā vienlaikus tiek parādīts tikai viens priekšskatījuma attēls. Lodziņā ir vadības ierīces, lai pārietu uz priekšskatījuma attēliem un palielinātu doto attēlu. Kaste tiek paplašināta, lai tajā ietilptu palielinātā versija, bet vadības ierīces tiek paslēptas pilna attēla lieluma režīmā. Vienkāršs klikšķis uz attēla atgriež lodziņu kompaktā stāvoklī. ”

Apmeklējiet vietni

DD_roundies

Vienkāršs veids, kā īstenot apaļus stūrus IE.

“Vienai apaļai kastei nav 9 šūnu galdi. Nav attēlu. Konteinera elementam nepievieno pusduci vai vairāk HTML mezglu (vairāk kā viens, maksimums divi un tikai IE). ”

Apmeklējiet vietni

Niceforms

Niceforms ir skripts, kas visbiežāk izmantotos formas elementus aizstās ar individuāli izstrādātiem. Varat vai nu izmantot noklusējuma motīvu, vai arī ar minimālu piepūli pat izveidot savu izskatu. ”

Apmeklējiet vietni

jQuery Corners 0.3

“Šis jQuery spraudnis viegli izveidos skaisti noapaļotus stūrus. Nav nepieciešami attēli vai uzbāzīgs marķējums. ”

Vēl viens apaļa stūra skripts jūsu labā!

Apmeklējiet vietni

Superfish jQuery izvēlnes spraudnis

“Superfish ir uzlabots Suckerfish stila izvēlnes jQuery spraudnis, kas uzņem esošo tīrā CSS nolaižamo izvēlni (tāpēc tas graciozi pasliktinās bez JavaScript) un pievieno šādus ļoti pieprasītos uzlabojumus.”

Apmeklējiet vietni

JavaScript mūs visus glābs

Ērika Meijera viedoklis par to, kāpēc mums vajadzētu meklēt JavaScript uz paplašinātu standarta atbalstu, kas ļoti trūkst daudzos pārlūkos, tā vietā, lai gaidītu, kamēr pārlūku pārdevēji tos ieviesīs.

Apmeklējiet vietni

CSS Sprites2 - ir JavaScript laiks

“Pārvietošanās sajūta bieži ir atšķirība starp zibatmiņas vietnēm un standartiem balstītām vietnēm. Flash saskarnes vienmēr ir šķitušas dzīvīgākas - dinamiskā veidā reaģējot uz lietotāja mijiedarbību, ko uz standartiem balstītas vietnes nav spējušas replicēt. Pēdējā laikā tas, protams, mainās, ar dinamisku saskarnes efektu atjaunošanos, kam palīdz JavaScript bibliotēkas, kuras to padara vienkāršu - tādas bibliotēkas kā Prototype, Scriptaculous, Moo, YUI, MochiKit (un es varētu turpināt). Ir pēdējais laiks pārskatīt pirms četriem gadiem izmantoto CSS Sprites tehniku ​​un pārliecināties, vai mēs nevaram kaut nedaudz pārtraukt mūsu pašu kustību. ”

Apmeklējiet vietni

jParallax

“JParallax pārvērš izvēlēto elementu“ logā ”vai skata logā, un visus tā bērnus absolūti novietotos slāņos, kurus var redzēt caur skata portu. Šie slāņi pārvietojas, reaģējot uz peli, un, atkarībā no to izmēriem (un slāņa inicializācijas iespējām), tie pārvietojas dažādos daudzumos, paralēlā veidā. ”

Tīrs prieks!

Apmeklējiet vietni

Fiksētas kājenes bez JavaScript

Tikai CSS tehnika fiksētu kājenu izvietošanai, pārbaudīta līdz IE 5.5.

Apmeklējiet vietni

Dinamiskais izkārtojums

“Dinamiskais izkārtojums ir vienkārša JavaScript bibliotēka, kas ļauj viegli pielāgot lapas izkārtojumu, ņemot vērā pašreizējo pārlūka platumu.”

Apmeklējiet vietni

Pārtrauciet Ajax lietošanu!

“Ajax ir pamatota un noderīga ideja. Bet katra ideja ir saistīta ar praktisku īstenošanu - tehnoloģiju, kas to realizē, un šajā gadījumā šī tehnoloģija ir nenobriedusi, jo tā atstāj lietotāju grupas. Visievērojamākie un visvairāk skartie ir tie, kas izmanto palīgtehnoloģijas, bet arī tie, kas izmanto mazāk spējīgus pārlūkus, kuri neatbalsta nepieciešamos skriptu objektus vai vispār neatbalsta skriptus. ”

Apmeklējiet vietni

Tas ļauj SIFR darboties

“Šīs apmācības mērķis ir destilēt informāciju oficiālajā SIFR vietnē vienkāršā soli pa solim, kā ieviest SIFR jūsu vietnē.

Pēc šīs apmācības jums būs pamatzināšanas par to, kā darbojas SIFR, un varēsit izvērsties sarežģītākās jomās. ”

Apmeklējiet vietni

FancyZoom

Gluds Javascript attēla tuvinājums jūsu tīmekļa lapām.

Apmeklējiet vietni

Rotējošs 3D kubs JavaScript

Neko vairāk, ne mazāk! Pārbaudiet to.

Apmeklējiet vietni

Super Mario 14 kB Javascript

Šis ir eksperiments, kā saglabāt lietas mazās un tikai vienā Javascript failā. Nav nekādu ārēju attēlu failu vai kaut kas cits, viss tiek padarīts ar Javascript, izmantojot vai nu audekla elementus, vai vecmodīgu divveidošanas taktiku (IE). Sprites tiek glabātas pielāgotās kodētās virknēs tādā formātā, kas atļauj tikai 4 krāsas katram spritei, bet, savukārt, aizņem tikai aptuveni 40–60 baitus uz sprite.

Apmeklējiet vietni

10 viedas Javascript tehnikas, lai uzlabotu savu lietotāja saskarni

“Javascript tīmekļa izstrādē parasti izmanto kā estētisku valodu. Tas nozīmē, ka tīmekļa izstrādātājiem Javascript gandrīz vienmēr ir jāizmanto tikai vienai lietai: apmeklētāja pieredzes uzlabošanai. Ir daudzi gudri un noderīgi veidi, kā vietni uzlabot no lietotāja interfeisa perspektīvas. Izstrādātājs var atrast gandrīz jebkuru Javascript fragmentu, lai sasniegtu to, ko viņš vai viņa vēlas paveikt. ”

Apmeklējiet vietni

25 pārsteidzošas JavaScript spēles (daži jautri un iedvesma)

“JavaScript, pieaugot Ajax, noteikti ir jāzina ikvienam tīmekļa dizainerim / izstrādātājam.

Papildus formas kontrolei, brīdinājumiem un tamlīdzīgam vienkāršam JavaScript lietojumam ar JavaScript (un audekla) palīdzību jūs varat darīt gandrīz jebko. ”

Apmeklējiet vietni

5 populārākie grāmatzīmes

Grāmatzīmes ir saites, uz kurām ir iespējots JavaScript, kuras varat ievietot grāmatzīmēs, kuras mijiedarbojas ar jebkuru lapu, kurā atrodaties. Labākie grāmatzīmes darbojas tā, kā parasti varētu gaidīt rīkjoslā, paplašinot pārlūkošanas iespējas. Tomēr, tā kā tie ir rakstīti JavaScript, viņi visi strādā pārlūkā un nepieprasa instalēšanu. Šeit ir 5 ļoti ieteicami grāmatzīmju bukleti, kurus varat vilkt uz pārlūkprogrammas rīkjoslu vai grāmatzīmēm, lai paplašinātu pārlūkošanas pieredzi. ”

Apmeklējiet vietni

10 daudzsološi JavaScript ietvari

“Populāriem JavaScript ietvariem / bibliotēkām, piemēram, jQuery, MooTools, Prototype un YUI (lai nosauktu dažus no populārākajiem JavaScript ietvariem, kas pastāv) noteikti ir stabilas iespējas JavaScript ietvaru arēnā. Bet piedzīvojumu cienītājiem izstrādātājiem, kuri meklē jaunus vai alternatīvus ietvarus / bibliotēkas - ir daži izcili ietvari ārpus populārajiem, kurus ir vērts pārbaudīt. ”

Apmeklējiet vietni

5 noderīgi kodēšanas risinājumi dizaineriem un izstrādātājiem

“Bieži vien radoši un patiesi izcili dizaina risinājumi paliek nezināmi, jo mēs, dizaineri, vienkārši tos ignorējam. Būdami aizņemti ar saviem projektiem, mēs dažreiz cenšamies aptvert citu dizaineru (iespējams) sarežģītā un pārblīvētā koda intuīciju, lai saprastu, kā viņiem izdodas īstenot konkrētas dizaina idejas. Faktiski, tikai ievērojot citu izstrādātāju kodu, mēs no viņiem varam daudz mācīties; mēs varam atrast interesantas idejas un uzlabot sava darba kvalitāti. ”

Apmeklējiet vietni

Zvanīšana Web pakalpojumiem, izmantojot AJAX

Šī apmācība sniegs jums labu priekšstatu par to, kā izmantot JavaScript, lai mijiedarbotos ar WebServices.

Apmeklējiet vietni

JavaScript diezgan datums

“… Vienkāršs veids, kā formatēt vecos JavaScript datumus“ glītā ”veidā. ”

Apmeklējiet vietni

JavaScript iPhone lietotnes

“Es ar interesi vēroju, kā izstrādātāji izveido jaunas lietojumprogrammas iPhone. Es pats sev piederēju un zinu JavaScript. Esmu domājis, kādas iespējas bija lejupielādējamu JavaScript lietojumprogrammu vai iPhone izveidošanai. Veicot dažus pētījumus, es atradu vairākus risinājumus, dažus vienkāršākus nekā citus, dažiem ir vajadzīgas vairāk zināšanas par Objective-C nekā citiem. ”

Apmeklējiet vietni

Visjaunākās Ajax tehnikas: 50+ piemēri un konsultācijas

Pateicoties daudzām nesen izstrādātām Ajax tehnoloģijām, tīmekļa lietojumprogrammas ir padarījušas milzīgus lēcienus un uzlabo lietotāja pieredzi. Apvienojot dažas glītas PHP funkcionalitātes un javascript gudrības, jūs varat iegūt diezgan jaukus rezultātus. Cenšoties palīdzēt jums to saglabāt, mēs vēlamies pastāstīt par dažām metodēm, kas palīdz jūsu vietnei paredzēt lietotāja nākamo darbību. ”

Apmeklējiet vietni

50 teicamas AJAX konsultācijas

“AJAX sniedz tīmekļa izstrādātājiem daudz iespēju uzlabot lietotāju pieredzi un uzlabot viņu vietņu veiktspēju. Ir neskaitāmi veidi, kā AJAX var izmantot, un, par laimi, tur ir daudz labu un noderīgu AJAX apmācību, kas palīdzēs jums pašiem veikt ieviešanu.

Šī ziņa kalpo kā noderīgu mācību materiālu kolekcija darbam ar AJAX visdažādākajos veidos. ”

Apmeklējiet vietni

10 lietas, kas IT jāzina par Ajax

Jebkuras jaunas tīmekļa tehnoloģijas ieviešana ietekmēs tīkla infrastruktūru dažādos veidos, sākot no nebūtiskas līdz zemes satricināšanai. Ajax ir viena no mūsdienīgākajām jaunajām tīmekļa tehnoloģijām, kas ceļo pa tīkliem. Lai palīdzētu jums samazināt līdz minimumam gaidāmos pārsteigumus savā tīklā, mēs esam ieskicējuši 10 lietas, kas jums jāieņem, domājot par Ajax. ”

Apmeklējiet vietni

jQuery laika atlasītājs

" Jquery.timepickr tika izveidots, cenšoties padarīt laika ievades procesu pēc iespējas vieglāku un dabiskāku."

Apmeklējiet vietni

© Copyright 2021 | computer06.com