Beste van 2008 - JavaScript
In het laatste deel van onze samenvattingsreeks is het tijd om enkele JavaScript-goodies van 2008 te zien. Sommige van de volgende zijn bronnen, sommige zijn nuttige tutorials, sommige meningen en andere zijn gewoon leuke dingen.
Er is altijd een les of twee om hieruit te halen, en het kan je helpen het nieuwe jaar in te gaan met een verscheidenheid aan nieuwe vaardigheden in je portfolio.
sIFR Lite
“Er waren eens echt goede webontwikkelaars die sIFR hebben gemaakt. Hun doel was om HTML-koppen naadloos om te zetten in mooie lettertypen. Nou, deze ontwikkelaars hebben geweldig werk geleverd om het goed te laten werken. Kijkend naar hun code, besloot ik dat ik een "lite" -versie van sIFR zou maken met een meer objectgerichte benadering. sIFR Lite is iets gemakkelijker te lezen en intuïtiever in gebruik. ”
Bezoek site
DD_belatedPNG
Eindelijk ondersteuning voor 24-bit PNG alpha-translucency background-image + background-position + background-repeat voor IE 6!
Bezoek site
De EqualHeights jQuery-plug-in
“Het maken van kolommen met gelijke hoogte met CSS is soms een beer. Maar wie heeft het gedoe van nepkolommen, "duidelijke" divs en de rest nodig? Met dit stukje jQuery kun je eenvoudig de hoogte van elke groep elementen gelijk maken. ”
Bezoek site
jQuery.popeye - een inline lightbox-alternatief
“De plug-in transformeert een niet-geordende lijst met afbeeldingen in een doos met slechts één voorbeeldafbeelding tegelijk. Het vak heeft bedieningselementen om door de voorbeeldafbeeldingen te bladeren en een bepaalde afbeelding te vergroten. De doos breidt zich uit om de vergrote versie te accommoderen, terwijl de bedieningselementen verborgen zijn in de modus volledige beeldgrootte. Een simpele klik op de afbeelding brengt de doos terug in zijn compacte staat. ”
Bezoek site
DD_roundies
Een gemakkelijke manier om ronde hoeken in IE te implementeren.
“Geen tafels met 9 cellen voor één ronde doos. Geen afbeeldingen. Voegt geen half dozijn of meer HTML-knooppunten toe aan een containerelement (meer dan één, maximaal twee, en alleen in IE). "
Bezoek site
Niceforms
“ Niceforms is een script dat de meest gebruikte formulierelementen zal vervangen door op maat ontworpen. Je kunt ofwel het standaardthema gebruiken dat je krijgt, of je kunt zelfs je eigen look ontwikkelen met minimale inspanning. ”
Bezoek site
jQuery Corners 0.3
“Deze jQuery-plug-in zal gemakkelijk prachtige afgeronde hoeken creëren. Geen afbeeldingen of opdringerige opmaak nodig. '
Nog een rondhoekscript voor uw voordeel!
Bezoek site
Superfish jQuery menu plugin
"Superfish is een verbeterde menu-jQuery-plug-in in Suckerfish-stijl die een bestaand, puur CSS-vervolgkeuzemenu nodig heeft (zodat het gracieus verslechtert zonder JavaScript) en de volgende veelgevraagde verbeteringen toevoegt."
Bezoek site
JavaScript zal ons allemaal redden
De mening van Eric Meyer over waarom we moeten kijken naar JavaScript voor uitgebreide standaardondersteuning die in veel browsers ontbreekt, in plaats van te wachten tot de browserleveranciers deze implementeren.
Bezoek site
CSS Sprites2 - Het is JavaScript-tijd
“Een gevoel van beweging is vaak het onderscheid tussen Flash-zware websites en op standaarden gebaseerde sites. Flash-interfaces leken altijd levendiger: ze reageerden dynamisch op de interacties van de gebruiker die op standaarden gebaseerde websites niet konden repliceren. Dat is de laatste tijd natuurlijk aan het veranderen, met een heropleving van dynamische interface-effecten, geholpen door JavaScript-bibliotheken die het gemakkelijk maken - bibliotheken zoals Prototype, Scriptaculous, Moo, YUI, MochiKit (en ik kon doorgaan). Het is hoog tijd om de CSS Sprites-techniek van vier jaar geleden opnieuw te bekijken en te kijken of we zelf niet een beetje beweging kunnen onderbreken. ”
Bezoek site
jParallax
“JParallax verandert een geselecteerd element in een 'venster' of kijkvenster en al zijn kinderen in absoluut gepositioneerde lagen die door het kijkvenster kunnen worden gezien. Deze lagen bewegen als reactie op de muis en, afhankelijk van hun afmetingen (en opties voor initialisatie van lagen), bewegen ze met verschillende hoeveelheden, op een parallaxy-achtige manier. ”
Pure vreugde!
Bezoek site
Vaste voetteksten zonder JavaScript
Een pure CSS-techniek om vaste voetteksten te positioneren, getest tot IE 5.5.
Bezoek site
Dynamische indeling
"Dynamische lay-out is een eenvoudige JavaScript-bibliotheek waarmee u de paginalay-out eenvoudig kunt aanpassen op basis van de huidige browserbreedte."
Bezoek site
Stop met het gebruik van Ajax!
'Ajax is een gezond en nuttig idee. Maar elk idee komt neer op een praktische implementatie - een technologie die het mogelijk maakt - en in dit geval is de technologie onvolwassen, omdat het groepen gebruikers achter zich laat. Het meest opvallend en sterk beïnvloed zijn degenen die ondersteunende technologieën gebruiken, maar ook degenen die minder capabele browsers gebruiken die de benodigde scripting-objecten niet ondersteunen of helemaal geen scripting ondersteunen. "
Bezoek site
Dit is hoe u sIFR aan het werk krijgt
“Het doel van deze tutorial is om de informatie op de officiële site voor sIFR te distilleren in een eenvoudig stapsgewijs proces voor het implementeren van sIFR op uw site.
Na het volgen van deze tutorial heb je een basiskennis van hoe sIFR werkt en kun je uitbreiden naar meer geavanceerde gebieden. ”
Bezoek site
FancyZoom
Soepele JavaScript-afbeelding zoomen voor uw webpagina's.
Bezoek site
Roterende 3D-kubus in JavaScript
Niets meer niets minder! Bekijken.
Bezoek site
Super Mario in 14kB Javascript
' Hier is een experiment om dingen klein te houden en te beperken tot één Javascript-bestand. Er zijn geen externe afbeeldingsbestanden of zo, alles wordt weergegeven met Javascript met canvaselementen of ouderwetse div-making-tactieken (voor IE). De sprites worden opgeslagen in aangepaste gecodeerde tekenreeksen in een formaat dat slechts 4 kleuren voor elke sprite toelaat, maar op hun beurt slechts ongeveer 40-60 bytes per sprite in beslag neemt. "
Bezoek site
10 slimme Javascript-technieken om uw gebruikersinterface te verbeteren
“Javascript wordt doorgaans gebruikt als een esthetische taal bij webontwikkeling. Dit betekent dat webontwikkelaars Javascript bijna altijd maar voor één ding zouden moeten gebruiken: het verbeteren van de ervaring van de bezoeker. Er zijn veel slimme en handige manieren om een site te verbeteren vanuit het perspectief van de gebruikersinterface. Een ontwikkelaar kan bijna elk fragment van Javascript vinden om te bereiken wat hij of zij wil bereiken. ”
Bezoek site
25 Verbazingwekkende JavaScript-spellen (wat plezier en inspiratie)
“JavaScript, met de opkomst van Ajax, is zeker een must-know-well voor elke webdesigner / ontwikkelaar.
Naast formulierbesturingen, waarschuwingen en vergelijkbaar eenvoudig JavaScript-gebruik, kunt u bijna alles doen met behulp van JavaScript (& Canvas). ”
Bezoek site
Top 5 favoriete Bookmarklets
"Bookmarklets zijn de JavaScript-ingeschakelde links die u in uw bladwijzers kunt plaatsen die interactie hebben met de pagina waarop u zich bevindt. De beste bookmarklets werken zoals u normaal gesproken van een werkbalk verwacht, door uw browse-ervaring uit te breiden. Omdat ze echter in JavaScript zijn geschreven, werken ze allemaal in de browser en zonder installatie. Hier zijn 5 sterk aanbevolen bookmarklets die u naar de werkbalk van uw browser of naar uw bookmarks kunt slepen om uw browse-ervaring te vergroten. "
Bezoek site
10 veelbelovende JavaScript-frameworks
“Populaire JavaScript-frameworks / -bibliotheken zoals jQuery, MooTools, Prototype en YUI (om een paar van de meest populaire JavaScript-frameworks te noemen) hebben zeker een vaste voet in de JavaScript-frameworkarena. Maar voor de meer avontuurlijke ontwikkelaars die op zoek zijn naar nieuwe of alternatieve frameworks / bibliotheken - er zijn enkele uitstekende frameworks buiten de populaire die de moeite van het bekijken waard zijn. ”
Bezoek site
5 Handige coderingsoplossingen voor ontwerpers en ontwikkelaars
“Vaak blijven creatieve en echt opmerkelijke ontwerpoplossingen onbekend omdat wij, ontwerpers, ze gewoon over het hoofd zien. Omdat we bezig zijn met onze eigen projecten, proberen we soms de intuïtie achter (waarschijnlijk) complexe en rommelige code van andere ontwerpers te begrijpen om te begrijpen hoe ze erin slagen bepaalde ontwerpideeën te implementeren. Door gewoon de code van andere ontwikkelaars te observeren, kunnen we veel van hen leren; we kunnen interessante ideeën vinden en de kwaliteit van ons werk verbeteren. ”
Bezoek site
WebServices bellen via AJAX
Deze tutorial geeft u een goed idee van hoe u JavaScript kunt gebruiken om met WebServices te communiceren.
Bezoek site
JavaScript Pretty Date
"... Een eenvoudige manier om oude JavaScript-datums op een" mooie "manier op te maken. "
Bezoek site
JavaScript iPhone-apps
“Ik heb met belangstelling gekeken hoe ontwikkelaars nieuwe applicaties voor de iPhone maken. Ik heb er zelf een - en heb kennis van JavaScript - ik vroeg me af welke opties er waren voor het maken van downloadbare JavaScript-applicaties of de iPhone. Bij het doen van wat onderzoek vond ik een aantal oplossingen, sommige eenvoudiger dan andere, waarbij sommige meer kennis van Objective-C vereisten dan andere. "
Bezoek site
Most Wanted Ajax Techniques: 50+ voorbeelden en tutorials
“Webapplicaties hebben enorme sprongen gemaakt in het verbeteren van de gebruikerservaring dankzij veel recentelijk ontwikkelde Ajax-technologie. Wanneer je een aantal handige functies met dank aan PHP combineert met de slimheid van javascript, kun je behoorlijk coole resultaten behalen. Om u te helpen een stapje verder te gaan, willen we enkele methoden delen om uw site te helpen anticiperen op de volgende stap van een gebruiker. "
Bezoek site
50 uitstekende AJAX-tutorials
“AJAX biedt webontwikkelaars volop mogelijkheden om de gebruikerservaring en de prestaties van hun websites te verbeteren. Er zijn talloze manieren waarop AJAX kan worden gebruikt, en gelukkig zijn er tal van goede en nuttige AJAX-tutorials die je kunnen helpen bij je eigen implementatie.
Dit bericht dient als een verzameling nuttige tutorials over het werken met AJAX op verschillende manieren. "
Bezoek site
10 dingen die IT moet weten over Ajax
“De introductie van nieuwe webtechnologie zal de infrastructuur van een netwerk beïnvloeden op een manier die uiteenloopt van onbeduidend tot wereldschokkend. Ajax is een van de meest ontwrichtende nieuwe webtechnologieën die tegenwoordig over netwerken reizen. Om u te helpen toekomstige verrassingen op uw netwerk te minimaliseren, hebben we de 10 dingen uiteengezet die u ter harte moet nemen over Ajax. "
Bezoek site
jQuery timepickr
" Jquery.timepickr is gemaakt in een poging om het proces van tijdinvoer in een vorm zo gemakkelijk en natuurlijk mogelijk te maken."
Bezoek site
