Creating The Web... » flickr

iPhone Apps

Simon Jensen — Mon, 25 Jan 2010 21:16:28 +0000

Hvilken iPhone App mangler jeg?

Jeg har nu haft min kære iPhone i snart et års tid, og kunne bruge (stadig mange) timer på at afprøve, slette/beholde de mange tusinde applikationer der findes…

Herunder har jeg listet nogle af dem jeg bruger mest, men måske der er en eller flere du mener jeg helt sikker bør prøve?

Twitter
http://iconfactory.com/software/twitterrific/

Facebook
http://www.facebook.com/apps/application.php?id=6628568379

Flickr
http://www.macworld.com/appguide/app.html?id=81590&expand=false

Google Analytics
http://webdesign.about.com/od/iphoneapps/tp/iphone_analytics_tools.htm

FTP On The Go
http://www.ftponthego.com/

WordPress
http://iphone.wordpress.org/

Dropbox
https://www.dropbox.com/iphoneapp

Skype
http://www.skype.com/download/skype/iphone/

Flickr plugin til FCKeditor downloaded 100 gange!

Simon Jensen — Sat, 16 May 2009 18:34:35 +0000

Hurra hurra hurra – mit Flickr plugin til FCKeditor er nu blevet downloaded 100 gange!

Tilbage i januar ledte jeg lidt efter et Flickr plugin til WYSIWYG-editoren FCKeditor. Det gav ikke så mange resultater som jeg havde håbet på, så jeg satte mig for at lave mit eget plugin.

Selvom der ikke har været meget respons til mit plugin, så er det nu alligevel blevet downloaded 100 gange, hvilket giver mig en ide om at der måske alligevel er en enkelt eller to derude, som har haft prøvet det…

Er du en af dem der har prøvet mit plugin, skal du endelig ikke holde dig tilbage med kommentarene – min løsning inkluderer en Flickr-klasse med metoder til meget, meget mere end det der bruges i nuværende løsning. Så har du siddet og manglet en speciel feature kunne det jo muligvis godt være at jeg kunne presses til at udvikle lidt mere på det?!

Download?

Du kan downloade mit plugin fra den tidligere post her → "Download Flickr plugin"

Flickr Plugin til FCKeditor

Simon Jensen — Wed, 07 Jan 2009 17:03:59 +0000

Jeg har længe været meget glad for WYSIWYG-editoren FCKeditor, hvilken efterhånden danner “basen” i flere af mine CMS-applikationer. Nu er jeg så småt begyndt at leget lidt med plugins dertil – det resulterede i følgende Flickr-plugin, som du kvit og frit kan downloade herunder.

Flickr til FCKeditor

Flickr til FCKeditor lader dig, nemt og hurtigt, tilgå dine billeder på Flickr. Med et enkelt klik kan du indsætte billederne i én størrelse med link til en anden størrelse (eller samme).

Flickr til FCKeditor kræver at du har en konto og en API nøgle hos Flickr. Det er igen ganske gratis og tager ikke mange minutter at sætte det hele op. Se screenshots, installations beskrivelse og download herunder.

Screenshots

Installation

Pak filen flickr.zip ud og kopier “flickr”-mappen ind i editorens plugin-mappe:
/[editor_root]/editor/plugins/
Rediger filen “actions.php” i “flickr”-mappen. Indtast din API-nøgle og dit brugernavn fra Flickr øverst i filen.
/[editor_root]/editor/plugins/flickr/actions.php
Rediger editorens config fil, så den loader det nye flickr-plugin
/[editor_root]/fckconfig.js

Tilføje nedenstående linie lige under linien der begynder med: FCKConfig.PluginsPath (omkring linie 52)

FCKConfig.Plugins.Add( flickr, en );

Tilføj Flickr-knap til editorens ToolBarSets:

[Flickr]
Start Flickr til FCKeditor ved at klikke på det nye Flickr-icon.
OBS: Det kan være du bliver nød til at tømme din browsers cache, før du kan se det virker første gang.

Download

Download Flickr plugin til FCKeditor.

Edit in place med AJAX

Simon Jensen — Sun, 01 Oct 2006 14:06:39 +0000

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.

For at benytte scriptet, skal du indsætte script-filerne i -sektionen på dig site:

Meget hurtigt fortalt så benytter man Java functionen getElementById() til at hente indholdet (teksten) fra et forudbestemt id/div, hvorefter dette id/div (kunne være

tekst…

) skiftes ud med et som vi kan redigere i.

AJAX delen kommer ind i billedet når vi skal gemme vore tekst, og dette er sådan set det eneste du skal holde for øje, hvis du vil implementerer denne feature på dit site.

I filen editinplace.js findes funktionen saveChanges(obj). Det er i denne funktion du skal definerer hvilken fil der foretage den egentligt save-funktionalitet.
Der findes 2 variabler: url og pars. url skal indeholde filnavnet på filen der foretager ændringer, og pars skal indeholde de paramentre filen skal modtage for at gøre dette.
Efter de to variabler er defineret benytter man AJAX til at kalde filen og gemmer indholdet (f.eks. i en database) – Mere er der faktisk ikke i det. Men det er jo også lækker!

Note:
En sidste bemærkning i forbindelse med din save-fil. Da jeg implementerede edit in place, fandt jeg ret hurtigt ud af at få scriptet til at skifte mit div ud med et textarea, det var heller ikke svært at finde ud af at scriptet skulle benytte en speciel fil for at kunne gemme, det er jo helt op til en selv, hvad man vil gøre med det indhold man ændre. Herefter, og det står faktisk i bunden af artiklen på 24ways, skulle vi jo også gerne se ændringerne. Det tog lidt tid før jeg kom frem til det – skulle bare have læst artiklen færdig – men efter at du har gemt dine ændringer, skal du huske at udskrive dem igen! Som 24ways gør det:

//Hent posteret data

$content = $_POST[content];

//Gem dit indhold, f.eks i en database

mysql_query(“INSERT bla bla $content bla bla …”);

//udskriv det ændrede indhold igen

echo $content;

?>

Tadaaa … Dette er edit in place, en fed lille feature. Du kan download den version jeg har brugt herunder:
o Download “Edit in place with AJAX”.

Mere Flickr

Simon Jensen — Sat, 12 Aug 2006 14:44:15 +0000

I Juli månede skrev jeg en post om Flickr og Flickr-RSS-feeds i særdeleshed. I den gamle post var der mulighed for at downloade et lille PHP/XML-script, således du kunne vise billeder fra Flickr på din egen side, via RSS-feeds.
Scriptet er stadig tilgængelig, download her, og jeg benytter dog også stadig min egen version – Men jeg har fået øjne for mere…

Først og fremest bør du jo selvfølgelig oprette en profil hos Flickr =;), men dernæst bør du se på mange af de forskellige services og tools, sitet tilbyder.

På siden, www.flickr.com/services/, finder du en masse sjove og anvendelige services. De forskellige services er lavet af en tredjepart, og varierer af brugbarhed. Ikke desto mindre synes jeg det er fantastisk at se, hvad opensource kan være med til at leverer. Grunde til at der allerede findes så mange applikationer til Flickr, er nemlig at siden har frigivet deres API, og lader alle benytte den. Du kan finde API dokumentation her.
Service-siden indeholder faktisk også en beskrivelse til, hvordan du selv kan benytte Flickr-feeds. Den side havde jeg godt nok overset, da jeg lavede min egen, men måske du vil finde deres måde lidt nemmere? Se siden her.

På siden, www.flickr.com/tools/, finder du uploads-værktøjer, så du kan oploade dine billeder til Flickr, uden at gå ind på siden. Der findes værktøjer til både Windows, Mac og Liunx, og sågar et program til mobiltelefoner! Personligt har jeg prøvet værktøjerne til Windows og Linux, og de synes at virke upåklageligt.

Er du blevet bare en lille smule interesseret i feed-genereringen, men stadig ikke har den fjerneste anelse om hvordan du skal bære dig af, har Flickr oprettet en wizard som faktisk gør det hele for dig.
På siden, www.flickr.com/badge_new.gne, har du mulighed for at oprette en såkaldet Flickr Badge. Flickr Badgene kan laves som HTML eller Flash, og tilpasses på flere forskellige måde, så de passer til din side.

Her under ser du et eksempel på Flash versionen.

www.flickr.com

This is a Flickr badge showing public photos from Simon Jensen. Make your own badge here.

AJAX

Simon Jensen — Fri, 14 Jul 2006 14:58:18 +0000

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.

AJAX var et af de første “emner” jeg stødte på i forbindelse med Web 2.0 fænomenet – Dengang anede jeg bare ikke hvad det gik ud på, og troede at det var et nyt programmeringssprog. Efter at have gravet lidt i emnet Web 2.0, virker det meget logisk at AJAX skulle være en del af det – for AJAX har virkelig åbnet op for massere af inovative applikation, som kan gøre browning nemere, om ikke andet mere spændende.

Sidst jeg oprettede en profil nogen steder, var hos Flickr.com. Flickr er det nye hotte sted, for foto-storage og managing – Og sitet benytter AJAX (på den fede måde!). Tidligere, så vidst jeg har forstået, benyttede sitet Flash for at få nogle fede effekter, men er nu konverteret til AJAX – Men effekterne er langt fra gået tabte. Utroligt hvad man/de kan få ud af det! Se det selv på www.flickr.com.

Mit ynglings site hvad angår AJAX-scripting og -downloads pt. er helt klart http://script.aculo.us/. Script.aculo.us leverer en samlet pakke til fri download, online demoer af deres scripts, samt massere af dokumentation om scriptenes brug. Et rigtig godt sted, hvis du hurtigt vil have fingerne i AJAX, uden at vide mere om hvad der sker i baggrunde.

Script.aculo.us beskriver deres scripts (og AJAX), som følgende:

The Web is changing. The 30-year-old terminal-like technology it was originally is gradually giving way to new ways of doing things. The power of AJAX allows for rich user interaction without the trouble that has bugged traditional web applications. Building upon the wonderful Prototype JavaScript library, script.aculo.us provides you with some great additional ingredients to mix in.

Vil du vide mere om proceduren bag AJAX-programmering, har W3 School, lavet en udemærket tutorial til dette. På et tidspunkt faldt jeg over Rushi’s Ramblings, som er Rushi Vishavadia´s blog, som ligeledes indeholder AJAX-links til den der vil vide mere.

Til dem der gerne vil se flere AJAX-applikationer, før de selv kaster sig ud i at lege med AJAX, bør man se følgende:

o AJAX Launch. Sjov lille steam-radio.
o AJAX Write. Komplet Skiveprogram ala Word, siden indeholder desuden links til andre online tools/applikation.

Flickr Feed

Simon Jensen — Wed, 05 Jul 2006 23:40:22 +0000

I den sidste er jeg kommet forbi flickr.com flere gange. Men hver gang har jeg hurtigt navigeret videre, uden at sætte mig ind i hvad det engentlig er. Sikkert bare endnu et online-storage site, har jeg tænkt. Men Flickr er nu lidt mere end det.

Flickr er rigtig nok et site, hvor du har mulighed for at uploade og gemme dine billeder. Men Flickr har en del features som gør det bare den lille smule bedere.

Flickr er, efter hvad jeg har forstået, en godt eksempel på en Web 2.0 applikation – Hvilket (vel) vil sige, intuitivt, brugervenligt og lige til. Siden opfører sig, som man regner med den vil gøre.
Med en god brug af Javascript, AJAX og sikkert andet, har hovederne bag sitet pumpet dette med massere af fede, og meget funktionelle, features. Heraf kan nævnes:
o Flere måder at uploade billeder på – Fra Flickr.com, via mail eller via et eksternt program (Flickr Uploadr).
o RSS-feeds til dine billeder.
o Giv retighedder til din billeder, om de skal være private, for en gruppe eller for alle (offentlige).
o Tilføjelse af tags, beskrivelse, titel, favoritter.
o Organisationsværktøj, hvilket virker fantastisk. Vha. drag-and-drop kan du tilføje selvvalgte billeder til forskellige sets, så du kan kategoriserer dine uploads.
o Benytter du WordPress eller et andet meget udbredt blogging-tool, har du mulighed for at blogge dine billeder på en eller anden måde.
o Og sikkert meget, meget mere…

Nu valgte jeg i sin tid selv at ville lave denne blog, så jeg hoppede ikke på WordPress el.lign. Men den skal da ikke stoppe mig fra at kunne "blogge" mine billeder, eller i hvertfald at "genbruge" dem. Som du måske har bemærket, er der kommet en flickr-feed i menuen til venstre. Denne benytter sig så snildt af flickr´s RSS-feed.
Til dette har jeg genbrugt, med få ændringer, det script jeg beskrev i posten "RSS til alle".

Du kan downloade den nye script nedenfor, hvilket giver dig mulighed for at tilføje din egen feed, og vælge antal billeder der skal vises.

o Download min version af "Flickr feed".