Det beste av 2008 - JavaScript
I den siste delen av vår sammendragsserie er det på tide å se noen av JavaScript-godbitene fra 2008. Noen av følgende er ressurser, noen er nyttige opplæringsprogrammer, noen meninger og andre bare morsomme, interessante ting.
Det er alltid en leksjon eller to å ta bort fra disse, og det kan hjelpe deg å gå inn i det nye året med en rekke nye ferdigheter i porteføljen din.
sIFR Lite
“ En gang i tiden opprettet noen virkelig gode nettutviklere sIFR. Målet deres var å sømløst konvertere HTML-overskrifter til fine skrifter. Vel, disse utviklerne gjorde en god jobb med å få det til å fungere fint. Når jeg så på koden deres, bestemte jeg meg for å lage en "lite" versjon av sIFR ved å bruke en mer objektorientert tilnærming. sIFR Lite er litt enklere å lese og mer intuitivt å bruke. ”
Besøk nettstedet
DD_belatedPNG
Støtte for 24-bit PNG alpha-translucency bakgrunnsbilde + bakgrunnsposisjon + bakgrunn-repetisjon for IE 6 til slutt!
Besøk nettstedet
EqualHeights jQuery-plugin
“Å lage kolonner med like høyde med CSS er noen ganger en bjørn. Men hvem trenger bryet med fusksøyler, "klare" divs og resten? Med denne biten av jQuery kan du enkelt utjevne høydene til enhver gruppe av elementer. "
Besøk nettstedet
jQuery.popeye - et inline lightbox-alternativ
“Plugin-en forvandler en usortert liste over bilder til en boks som bare viser ett forhåndsvisningsbilde om gangen. Boksen har kontroller for å bla gjennom forhåndsvisningsbildene og for å forstørre et gitt bilde. Boksen utvides for å imøtekomme den forstørrede versjonen, mens kontrollene er skjult i modus for full bildestørrelse. Et enkelt klikk på bildet returnerer boksen til sin kompakte tilstand. ”
Besøk nettstedet
DD_roundies
En enkel måte å implementere runde hjørner i IE.
“Ingen 9-cellers bord for en rundboks. Ingen bilder. Legger ikke til et halvt dusin eller flere HTML-noder i et containerelement (mer som ett, maksimalt to, og bare i IE). "
Besøk nettstedet
Niceforms
“ Niceforms er et skript som vil erstatte de mest brukte formelementene med spesialdesignede. Du kan enten bruke standardtemaet som følger med, eller du kan til og med utvikle ditt eget utseende med minimal innsats. ”
Besøk nettstedet
jQuery Corners 0.3
“Denne jQuery-pluginen vil enkelt lage vakkert avrundede hjørner. Ingen bilder eller påtrengende markering er nødvendig. ”
Nok et manus med rundt hjørnet til fordel for deg!
Besøk nettstedet
Superfish jQuery menyplugin
"Superfish er en forbedret Suckerfish-stil-meny jQuery-plugin som tar en eksisterende ren CSS-rullegardinmeny (så den degraderer grasiøst uten JavaScript) og legger til følgende ettertraktede forbedringer."
Besøk nettstedet
JavaScript lagrer oss alle
Eric Meyers mening om hvorfor vi bør se til JavaScript for utvidet standardstøtte som dårlig mangler i mange nettlesere, i stedet for å vente på at nettleser leverandørene skal implementere dem.
Besøk nettstedet
CSS Sprites2 - Det er JavaScript-tid
"En bevegelsesfølelse er ofte forskjellen mellom Flash-tunge nettsteder og standardbaserte nettsteder. Flash-grensesnitt har alltid virket mer levende - svar på brukerens interaksjoner på en dynamisk måte som standardbaserte nettsteder ikke har vært i stand til å kopiere. Den siste tiden har det naturligvis endret seg med en gjenoppblomstring i dynamiske grensesnitteffekter, hjulpet med av JavaScript-biblioteker som gjør det enkelt — biblioteker som Prototype, Scriptaculous, Moo, YUI, MochiKit (og jeg kunne fortsette). Det er på høy tid å gå tilbake til CSS Sprites-teknikken fra fire år siden, og se om vi ikke kan avbryte litt av vår egen bevegelse. ”
Besøk nettstedet
jParallax
“JParallax gjør et valgt element til et 'vindu' eller visningsport, og alle dets barn til absolutt posisjonerte lag som kan sees gjennom visningsområdet. Disse lagene beveger seg som respons på musen, og avhengig av dimensjoner (og alternativer for laginitialisering), beveger de seg med forskjellige mengder, på en parallaxisk måte. ”
Ren glede!
Besøk nettstedet
Fast bunntekst uten JavaScript
En ren CSS-teknikk for å plassere faste bunntekst, testet ned til IE 5.5.
Besøk nettstedet
Dynamisk layout
"Dynamic Layout er et enkelt JavaScript-bibliotek som lar deg enkelt justere sidelayout basert på gjeldende nettleserbredde."
Besøk nettstedet
Slutt å bruke Ajax!
“Ajax er en lyd og nyttig idé. Men hver ide kommer til en praktisk implementering - en teknologi som får det til å skje - og i dette tilfellet er teknologien umoden, fordi den etterlater grupper av brukere. Mest bemerkelsesverdig og sterkt berørt er de som bruker hjelpeteknologier, men også de som bruker nettlesere som er mindre dyktige, som ikke støtter nødvendige skriptsobjekter, eller som ikke støtter skripting i det hele tatt. ”
Besøk nettstedet
Slik får du sIFR til å fungere
"Målet med denne opplæringen er å destillere informasjonen på det offisielle nettstedet for sIFR til en enkel trinnvis prosess for hvordan du implementerer sIFR på nettstedet ditt.
Etter å ha fulgt denne opplæringen vil du ha en grunnleggende forståelse av hvordan sIFR fungerer og vil kunne utvide til mer avanserte områder. "
Besøk nettstedet
FancyZoom
Glatt Javascript-bilde Zoomer for websidene dine.
Besøk nettstedet
Roterende 3D-kube i JavaScript
Intet mer, intet mindre! Sjekk det ut.
Besøk nettstedet
Super Mario i 14 kB Javascript
" Her er et eksperiment for å holde små ting og begrenset til en Javascript-fil. Det er ingen eksterne bildefiler eller noe, alt er gjengitt med Javascript ved å bruke verken lerretselementer eller gammeldags div-lage taktikker (for IE). Spritene lagres i tilpassede kodede strenger i et format som bare tillater 4 farger for hver sprite, men tar igjen bare rundt 40-60 byte per sprite. ”
Besøk nettstedet
10 smarte Javascript-teknikker for å forbedre brukergrensesnittet
“Javascript brukes vanligvis som et estetisk språk i nettutvikling. Dette betyr at nettutviklere nesten alltid bør bruke Javascript bare for én ting: Forbedre besøkendes opplevelse. Det er mange smarte og nyttige måter å forbedre et nettsted fra brukergrensesnittperspektivet. En utvikler kan finne nesten ethvert stykke av Javascript for å oppnå det han eller hun ønsker å oppnå. "
Besøk nettstedet
25 fantastiske JavaScript-spill (litt moro og inspirasjon)
“JavaScript, med fremveksten av Ajax, er definitivt et must-know-well for enhver webdesigner / utvikler.
Foruten skjemakontroller, varsler og lignende enkel JavaScript-bruk, kan du nesten gjøre hva som helst ved hjelp av JavaScript (& lerret). "
Besøk nettstedet
Topp 5 favorittmerke
“Bokmerke er de JavaScript-aktiverte koblingene du kan trekke inn i bokmerkene dine som samhandler med hvilken side du befinner deg på. De beste bokmerkene fungerer som du vanligvis forventer at en verktøylinje skal gjøre, ved å utvide søkeopplevelsen. Men siden de er skrevet i JavaScript, gjør de alle ved å jobbe i nettleseren og uten å kreve installasjon. Her er 5 sterkt anbefalte bokmerke du kan dra til nettleserens verktøylinje eller til bokmerkene dine for å utvide søkeopplevelsen. "
Besøk nettstedet
10 lovende JavaScript-rammer
“Populære JavaScript-rammer / biblioteker som jQuery, MooTools, Prototype og YUI (for å nevne noen av de mest populære JavaScript-rammene der ute) har definitivt et solid fotfeste i JavaScript-rammearenaen. Men for de mer eventyrlystne utviklerne som leter etter nye eller alternative rammer / biblioteker - er det noen gode rammer utenfor de populære som det er verdt å sjekke ut. ”
Besøk nettstedet
5 nyttige kodeløsninger for designere og utviklere
”Ofte forblir kreative og virkelig bemerkelsesverdige designløsninger ukjente fordi vi, designere, bare overser dem. Å være opptatt med våre egne prosjekter, prøver vi noen ganger å forstå intuisjonen bak (sannsynligvis) komplekse og uoversiktlige koden til andre designere for å forstå hvordan de klarer å implementere bestemte designideer. Ved bare å observere koden til andre utviklere kan vi faktisk lære mye av dem; vi kan finne interessante ideer og forbedre kvaliteten på arbeidet vårt. ”
Besøk nettstedet
Ringe WebServices via AJAX
Denne opplæringen vil gi deg en god ide om hvordan du bruker JavaScript til å samhandle med WebServices.
Besøk nettstedet
JavaScript Pretty Date
“… En enkel måte å formatere gamle JavaScript-datoer på en” pen ”måte. ”
Besøk nettstedet
JavaScript iPhone-apper
“Jeg har med interesse sett utviklere lage nye applikasjoner for iPhone. Å eie en selv - og å være kunnskapsrik i JavaScript - har jeg lurt på hvilke alternativer det var for å lage nedlastbare JavaScript-applikasjoner eller iPhone. I løpet av forskningen fant jeg en rekke løsninger, noen enklere enn andre, noen som krever mer kunnskap om Objekt-C enn andre. ”
Besøk nettstedet
Mest etterspurte Ajax-teknikker: 50+ eksempler og veiledninger
Nettapplikasjoner har gjort store sprang og grenser for å forbedre brukeropplevelsen takket være mye nylig utviklet Ajax-teknologi. Når du kombinerer litt ryddig funksjonalitet med tillatelse fra PHP og smartheten i javascript, kan du gi noen ganske kule resultater. I et forsøk på å hjelpe deg med å ta det opp et hakk, vil vi dele noen metoder for å hjelpe nettstedet ditt med å forutse brukerens neste trekk. ”
Besøk nettstedet
50 utmerkede AJAX-veiledninger
“AJAX gir webutviklere mange muligheter til å forbedre brukeropplevelsen og forbedre ytelsen til sine nettsteder. Det er utallige måter AJAX kan brukes, og heldigvis er det mange gode og nyttige AJAX-opplæringer der ute for å hjelpe deg med din egen implementering.
Dette innlegget fungerer som en samling nyttige opplæringsprogrammer om hvordan du jobber med AJAX på en rekke måter. ”
Besøk nettstedet
10 ting IT trenger å vite om Ajax
"Innføringen av all ny webteknologi vil påvirke nettverkets infrastruktur på måter som spenner fra uavhengige forhold til jorden. Ajax er en av de mer forstyrrende nye webteknologiene som reiser over nettverk i dag. For å hjelpe deg med å minimere fremtidige overraskelser i nettverket ditt, har vi skissert de 10 tingene du bør ta deg til grunn ved Ajax. ”
Besøk nettstedet
jQuery timepickr
" Jquery.timepickr ble opprettet i et forsøk på å gjøre prosessen med å legge inn tid i en form så enkel og naturlig som mulig."
Besøk nettstedet
