Creating The Web…

Som jeg skrev for i posten “Webcrawler“, har jeg måtte se mig nødsaget til at implementerer et spam-filter på siden, da en ubehøvlet edderkop har fundet vej til mit domæne. I den process fik jeg endnu engang lejlighed til at lege lidt med AJAX, denne gang handler det om en lille fed feature – Edit in place.

Som jeg skrev for ikke så længe siden i posten “Webcrawler“, har jeg måtte se mig nødsaget til at implementerer et spam-filter på siden, da en ubehøvlet edderkop har fundet vej til mit domæne. I den process fik jeg endnu engang lejlighed til at lege lidt med AJAX, denne gang handler det om en lille fed feature – Edit in place.

Alle der har oprettet en konto hos Flickr, har leget med fænomenet. Som animationen her til højre viser, får vi, med et enkelt klik på en tekst, mulighed for at redigerer denne og gemme ændringer – og dette helt uden at skulle reloade siden!

Hvordan virker det:
Edit in place benytter sig af Prototype Frameworket (prototype.js), som er et Javascript framework alle kan hente og benytte. Derudover skal du benytte selve script-filen editinplace.js og hvis du vil editinplace.css (Download en samlet .zip i bunden af denne post).
Jeg har ikke helt kunne finde ud af hvem der oprindeligt udgav scriptet, men 24ways.org har skrevet en udemærket code-walk-through, som forklare i detaljer hvad der sker bag scenen.
Derudover har Joseph Scott skrevet denne side, som lader dig downloade scriptet i forskellige version.

More

Det er ikke længe siden jeg skrev en post om min ynglings-messenger, Miranda IM. Derfor blev jeg hurtigt fanget da jeg på digg.com faldt over posten Radius IM.

Radius IM er en web-baseret AJAX chat/IM-service. Dette er set før, men som deres forside selv foreslår:

Radius IM benytter nemlig Google Maps, som lader dig navigerer verden rundt, og finde venner eller bare tilfældige folk at snakke med.

Idéen er sjov nok, og det virker da også fortrimelig. Men jeg synes ikke at kunne spå nogen stor fremtid for IM klienten. Vil folk virkelig konverterer til en web-baseret IM klient, bare for at kunne se hvor deres chat-venner befinder sig? Og så virker denne funktion jo også kun med folk der selv bruger Radius IM, du kan ikke bruge den til noget specielt, hvis den du chatter med f.eks bruger MSN Messenger el.lign. Personligt, tror jeg bare jeg holder mig til min Miranda klient.

Ellers sjovt initiativ, og god brug af Google Maps.

Endnu en lille hyles til OpenSource miljøet:

Jeg har faktisk længe haft Lightbox JS til at ligge i min “usefull_stuff” mappe, men havde fuldstændig glemt det igen. Her forleden faldt jeg så pludselig over det igen, og endte på programmøren, Lokesh Dhakars hjemmeside. Glædeligt nok skulle det vise sig, at der var kommet en ny version af scriptet.

Den gamle/første version synes jeg var en fryd for øjet, da jeg fandt den – Men det er ingenting i forhold til version 2!
Version 2 (som i skrivende stund kan downloades i v. 2.02), benytter sig af Prototype Javascript Library som kan downloades hos script.aculo.us, hvilket giver mulighed for nogle fede “morphing” effekter.

More

For et par dage siden skrev jeg lidt om AJAX. Jeg nævnte at script.aculo.us havde en dejlige pakke til fri download, indeholdende en god samling scripts, til at bygge spændende, interaktive webapplikationer. Nu har jeg måske fundet endnu en kilde!?

Yahoo! har udgivet en lignende pakke de kalder Yahoo! User Interface Library. Interfacet og et tilhørende Yahoo! Design Pattern Library er faktisk hvad der Yahoo! selv benytter, sådan står det skrevet på deres tilhørende developer blog.

Jeg har ikke haft tid til at se nærmere på biblioteket endnu, men har downloaded det og set på eksemplerne – Og der skulle nok være noget brugbart deri. Du kan finde flere links og dokumentation på Yahoo!´s  Developer Network.

Denne post er nok mest dedikeret til alle kode-hovederne derude.

Kan du lide at programmerer, mere konkret web-programmering, har du sikkert hørt om AJAX? Hvis ikke, giver vores alle sammens gode ven, Wikipedia, en god introduktion til AJAX.

AJAX er en forkortelse for Asynchronous JavaScript And XML, og er faktisk ikke noget nyt, men blot en sammenfatning ved brugen af JavaScripting og XML. Meget kort fortalt, går AJAX ud på at sende og modtage data, uden at skulle reloade en side, hvormed din side kommer til at virke mere dynamisk.

More