Neobsahuje názory Henryka Laholy

BoxMark

Taková drobnůstka pro čtenáře vašich stránek, i s návodem k použití a výzvou...

Na nějakém blogu (bylo to u Qarka v článku Jak si vytvořit vlastní záložky, děkuji #13 za informaci) jsem před časem zahlédl zajímavou věc – lokální bookmarky. (Pokud někdo víte kdo to má nebo pokud to bylo u vás, tak se přiznejte, dodatečně mu/vám poděkuji! Už to vím, díky.) O co jde?

O jednoduchou srandičku, blbůstku, pomůcku, "gadget" či jak to nazvat. Je to místo na Vašich stránkách, kam si vaši návštěvníci mohou poznamenat stránky, které je na vašem webu zaujaly. Malý příklad:

Budete se štrachat v archivu tohoto webu. Něco vás zaujme, tak si poznamenáte odkaz a čtete dál. Zaujme vás další článek, ale nemáte v tu chvíli čas si ho číst – tak si poznamenáte odkaz... Atakdále. Problém nastane ve chvíli, kdy se takhle rozšoupnete i na dalších stránkách – za chvíli máte bookmarky v prohlížeči zaplácané odkazy, co si "někdy přečtete" nebo se k nim "někdy vrátíte", ale ruku na srdce: Ke kolika se opravdu vrátíte? A kolik jich po přečtení vymažete? (Já našel v prohlížeči odkazy z roku 2002, o kterých jsem si říkal, že "se na to musím někdy mrknout".)

Idea je prostá: Zaujaly vás stránky na TOMTO webu, tak si je poznamenáte TADY. Netaháte si to do prohlížeče. Když sem přijdete příště, tak – kouknete a vidíte.

Na tomhle webu kouknete a vidíte vpravo, pod Odkazy a nad Zaujalo mne. Jasně, to oranžový vokýnko, to je to ono. Můžete si tam vyzkoušet jak to celé funguje. Ono toho tedy moc ke zkoušení není... Můžete si stránku přidat a můžete si ji zase odebrat, to je v tuto chvíli celé. :)

Pokud vás to zaujalo a chtěli byste to mít ve svých stránkách taky, tak mám pro vás dobrou zprávu: Řešení je! Jmenuje se BoxMark! Můžete to mít taky! Už za chvilku! A není to nijak složité!

Jak na to?

1. Jděte na stránku www.boxmark.cz.

2. Do formuláře zadejte svůj mail (pro identifikaci), nějaké heslo a řetězec, jakým začíná URL vašeho webu. Příkladně já jsem zadal "http://zapisnik.maly.cz/" – skript pak bude fungovat jen na stránkách, jejichž adresa začíná tímto řetězcem (popř. "http://www.zapisnik.maly.cz/", to skript nerozlišuje). Takové drobné bezpečnostní opatření.

3. Po odeslání se dostanete na stránku, kde obdržíte HTML kód pro vložení do vašeho webu. Pokud se dostanete jinam, tak zavřete prohlížeč a vraťte se s nějakým co umí JavaScript.

4. Kód, který vypadá nějak takto:

<script type="text/javascript"
src="http://www.boxmark.cz/boxmark.php?w=150&h=200&
api=mmy4y2y2n2qzytcwngrlnwzimgyxnmfhzwrlmdblmdk">
</script>

si vložte do vašich stránek. Do všech kde se má BoxMark objevit – to je snad jasné, ale pro jistotu... :)

5. Na stránce se skriptem je dole červený nápis, který upozorňuje na nutnost aktivovat kód. Stačí kliknout na odkaz "Aktivovat BoxMark".

6. To je celé, enžoj!

Když se podíváte do toho kódu, uvidíte parametry W a H, které udávají výšku a šířku boxíku. Změňte si je dle libosti.



A nyní výzva, vezmu to taky po bodech:

1. Chtělo by se někomu udělat design pro tu stránku BoxMark.cz? (Tímto předcházím všem připomínkám ke vzhledu a navrhuji: Méně řečí, více práce!)

2. Chtělo by se někomu udělat "standardní CSS" pro ten boxík?

3. Máte o tuhle věc někdo zájem? Chcete to používat? Dejte mi vědět. Mám připravená některá vylepšení, tak abych věděl, jestli má cenu se tím zabývat (např. možnost použít vlastního stylopisu, úpravy barev u standardní šablony, "návrhový formulář" apod.)

4. Chtěli byste skripty pro lokální nasazení na vašem serveru? (PHP) Dejte mi vědět, abych je podle zájmu připravil.

Komentáře k věci, náměty a tipy vítány, rovněž konkrétní pomoc (viz výzva 1-2) přivítám. Balastní řeči, žertovné připomínky a podobné záležitosti si schovejte k jinému článku.

Děkuji Qarkovi za původní nápad.

PS: Pro použití platí plně Dentova Soukromá Licence, tedy ve stručnosti: "Pokud se vám to líbí, používejte to, jsem rád a přivítám náměty na rozšíření. Pokud se vám to nelíbí, tak to nepoužívejte; vaše důvody mi jsou ukradené."

Dne 21.02.2007

Twittni

Přidej do: Přidat na Conota Linkuj si ! asdf.sk StumbleUpon Toolbar Stumble It!

Komentáře

[1] cože? (Ondra - Mail ) 21.02.2007, 14:14:50 [X] [D]
Zajímavá věcička. Mladí a nadějní se mají podporovat, proto kdybys měl zájem, tak se můžeme domluvit na uplácání nějakého toho designu pro web boxmark.cz

[2] (Arthur Dent ) 21.02.2007, 14:22:43 [X] [D]
[1] Mladí a nadějní? A doprdele... My staří a beznadějní zase ostrouháme. ;)

Netřeba se domlouvat. Jestli nějaký design uděláš, tak pošli odkaz na CSS, já ho tam dám a veřejně poděkuju, nač nějaké domluvy?

[3] (Ondra ) 21.02.2007, 14:36:45 [X] [D]
Nač? Snad jestli máš nějakou představu a požadavky. Pokud ne, volná ruka zapracuje. Asi tedy něco velice jednoduchého a pěkného bude postačovat.

[4] (Arthur Dent ) 21.02.2007, 14:41:21 [X] [D]
[3] Nechť fantazie pracuje! :) Nechť to vypadá k světu, ať je to prosté a ať se to nezboří. A kdyby mě někdy napadlo dodělat další stránku, tak ať je to pokud možno snadno implementovatelné. A kdyuby to šlo bez zásahů do HTML kódu, tak to bude úplně nejlepší :)

[5] Ale Arthure... (adzio - Mail - WWW) 21.02.2007, 14:42:32 [X] [D]
... to uplácaní designu mělo být po domluvě asi nějak uplaceno... jo no, Ti mladí :)

[6] Qark (#13 - Mail - WWW) 21.02.2007, 14:42:58 [X] [D]
Něco na ten způsob má na stránkách Qark.net. Titulek se dá přetáhnout myší do pravýho sloupce a tam se s ním cosi stane. Nikdy jsem to nezkoušel :).

[7] (Arthur Dent ) 21.02.2007, 14:51:46 [X] [D]
[6] ANO! QARK!!! Díky, tam to bylo, doplním...

[8] (Alex - Mail - WWW) 21.02.2007, 14:56:02 [X] [D]
Není praktičtější nahrazení např. pomocí Delicious?

[9] (Arthur Dent ) 21.02.2007, 15:00:52 [X] [D]
[8] Tys to nepochopil, že? Ale to nevadí... (PS: Ne, pro mne není.)

[10] Doba vyvoje (Gimli2 - WWW) 21.02.2007, 15:01:40 [X] [D]
Pokud to neni tajne, tak jak dlouho trval vyvoj?

[11] (Arthur Dent ) 21.02.2007, 15:02:37 [X] [D]
[10] Jedno odpoledne.

[12] (Ondra ) 21.02.2007, 15:08:00 [X] [D]
Jen trocha změn a pár minut práce, šlo by i něco lepšího se stejným html, ale na to teď nemám času, snad večer :)

http://img72.imageshack.us/img72/8096/boxmarkub2.jpg

[13] (Arthur Dent ) 21.02.2007, 15:13:01 [X] [D]
[12] a další, co nabízeli vytvoření vzhledu: Vždyť nehoří... :) Až někdo nějaký udělá, tak ho tam dám, když vás bude víc, nechám lidi hlasovat. :) Dokud někdo nějaký neudělá, tak tam bude tenhle. A když nikdo neudělá žádný, tak taky, dyk se nic neděje (jen v takovém případě budu mít v ruce řádný klacek na kritiky). :)

[14] (dgx ) 21.02.2007, 15:25:00 [X] [D]
Bugreport: po otevření této stránky se pokouší IE7 donekonečně cosi načítat z www.boxmark.cz, je nutné kliknout na tlačítko STOP. V místě, kde by mělo být to ono, tak vidím jen prázdný bílý obdélník.

Mimochodem, ještě před rokem jsem si myslel, že se obdélník píše s krátkým I? Člověk se stále učí. (je tohle žertovná přípomínka? ;-)

[15] (Arthur Dent ) 21.02.2007, 15:31:53 [X] [D]
[14] Fixed, díky. Problém je zcela zjevně ve chvíli, kdy prohlížeč odmítne cookies... Nějak to pořeším.

[16] (dgx ) 21.02.2007, 15:40:41 [X] [D]
[15] na to se používá tuším něco takového, že?

header('P3P: CP="NOI ADM DEV PSAi COM NAV OUR OTRo STP IND DEM"');

[17] (Arthur Dent ) 21.02.2007, 16:13:12 [X] [D]
[16] Jsi úplná lama, takhle by to řešil jen idiot co vůbec netuší nic o té chybě při přenosu třetího Ethernet frame když je použit HTTP/1.1. Vzhledem k ODXVN specifikaci TCP/OSSED je i naprostému amatérovi, který včera dodělal svou první TCPIP implementaci, jasné, že správný tvar je:

header('P3P: CP="LSD NOI ADM DEV PSAi COM NAV OUR OTRo STP IND DEM;NOSTD:booxmigop"');

Velmi jsi mne zklamal, kdyby ses naučil tyhlety základy, tak nemusíš psát takové nesmysly do blogů! Už sem nebudu chodit!

[18] (adzio - Mail - WWW) 21.02.2007, 16:16:09 [X] [D]
Tak taky něco splácám :)))

[19] A logo?? (adzio - Mail - WWW) 21.02.2007, 16:19:57 [X] [D]
To taky musí zůstat nezměněno??

[20] (Arthur Dent ) 21.02.2007, 16:21:38 [X] [D]
[19] Nikoli, možno změnit. To co tam je bylo splácáno za deset minut.

[21] (VfB - WWW) 21.02.2007, 16:33:20 [X] [D]
máme zájem o každé "udělátko" na bloguje a tohle je opravdu bomba

ještě bych měl tip, co by se také leckomu mohlo hodit
funkce, která funguje jako gravatary, ale namísto gravataru používá favicons, jak na to najdete tady: http://php.vrana.cz/zpracovani-ikon.php

[22] Tak moje troška do mlýna (Tomik - Mail - WWW) 21.02.2007, 16:35:37 [X] [D]
Projekt se mi líbí, myslím, že jej někde určitě zneužiju. Díky za něj!

Je to sice takové trochu "černé", ale co. Pokud by byl zájem, rád to i zakóduju.

http://tomik.jmx.cz/img/boxmark.png

P.S.: Omlouvám se, že sem házím pouze obrázek, ale nechce se mi to kódovat zbytečně, což by zbytečné bylo, pokud by se Ti to, Arture, nelíbilo. :-)

[23] Moje mouka z mlýna (adzio - Mail - WWW) 21.02.2007, 17:36:33 [X] [D]
http://img89.imageshack.us/my.php?image=screenqa8.png

[24] Chybí P3P (Pavel Růžička - WWW) 21.02.2007, 18:06:16 [X] [D]
Pod Odkazy a nad Zaujalo mne vidím pouze bílý obdélníček "Zakazane cookies" - domnívám se, že je to proto, že server Booxmark.cz nezasílá žádné informace o P3P, slušně nastavený prohlížeč je tedy odmítne. Chtělo by to zřejmě doplnit P3P.

[25] Asi si to dam na blogisek (Roj - WWW) 21.02.2007, 18:35:55 [X] [D]
A ted mi vymysli, KAM to mam ve vsech svych stylech prdnout? :-)

[26] (dgx - WWW) 21.02.2007, 18:47:27 [X] [D]
[17] moc se omlouvám

[23] hmmm, tohle už začíná být i hezké :-)

[27] (Radek Hulán - WWW) 21.02.2007, 18:52:08 [X] [D]
Ten web je příliš oranžový, a hlavně nemá zcela kritickou funkci B25X77. Jen naprostá lama mohla udělat takový web. Osobně bych jej udělal minimálně 2x lépe, a rozhodně s B25X77.

[28] (ringo ) 21.02.2007, 19:12:20 [X] [D]
[17][26][27] Heh?! Že by týden parodie? :-)

[29] (Arthur Dent ) 21.02.2007, 19:32:22 [X] [D]
P3P doplněno ve tvaru header('p3p: CP="OMG! FN! WTF? DTP! CTKZJ? TJFNNUMTFs!"'); tak doufám, že všem sušenky dorazily...

Děkuji všem za návrhy, zítra, jak to tak vidím, udělám dedlajn a nechám hlasovat, by to bylo demogratický :)

[24] Děkuji... Předpokládám že to tím bylo, alespoň mně se to teď při IE7 testu jeví býti OK.

[27] Já osobně B25X77 nemůžu vystát - jeho integrace s XINGU a XFGLA2.0 je naprosto mizerná. Mimochodem - je doufám jasné, že ta aplikace je napsaná v SmallTalku nad Oraclem, ne? To by jinak ani nešlo!

[30] (Radek Hulán - WWW) 21.02.2007, 19:43:55 [X] [D]
[27] XINGU? To je přece vyhláška o minimální hustotě travního porostu na stadiónech ležících v nadmořské výšce nad 1200m. Co to má společného s B25X77?!

[31] (Arthur Dent ) 21.02.2007, 19:48:15 [X] [D]
[30] B25X77 má, na rozdíl od B24X77, vlastního správce trávníku (LawnManager4.0.113-beta) a ten přepisuje nastavení v prohlížečích, takže se může stát, že se pak ve vlhkém prostředí zapaří a dobytek trpí nadýmáním.

[32] (Radek Hulán - WWW) 21.02.2007, 20:23:04 [X] [D]
Asi jsem něco blbě pochopil, ale když tomu skriptu přidám parametr &amp;css=http://hulan.cz/styles/radekhulan.cz/css/boxmark.css tak to nezobrazí nic..

[33] (Arthur Dent ) 21.02.2007, 20:25:03 [X] [D]
[32] Mrknu na to, počkej

[34] (Arthur Dent ) 21.02.2007, 20:34:56 [X] [D]
[32] Hele, divný, mně to funguje... Zkus parametr CSS přepsat na "css=http%3A%2F%2Fhulan.cz%2Fstyles%2Fradekhulan.cz%2Fcss%2Fboxmark.css" - ale mně to běží i bez toho. Něco to vypisuje? Nebo se prostě jen "nic nezobrazí"?

[35] (Radek Hulán - WWW) 21.02.2007, 20:38:23 [X] [D]
Byla to moje chyba, CSS box byl větší než h= iframe výška..

[36] (Radek Hulán - WWW) 21.02.2007, 20:52:09 [X] [D]
Jen pokud tě mohu poprosit, vyhoď z generovaného HTML , a nech to na CSS.. Ať nemusím psát v CSS .strong { font-weight:normal }

[37] Klik navíc (Jiří Bureš - WWW) 21.02.2007, 20:58:15 [X] [D]
Je nutná ta zdržovací hláška "Stránka Nejlepší rada byla přidána."?

[38] (Arthur Dent ) 21.02.2007, 20:59:48 [X] [D]
[37] Není. Pozůstatek vývoje...

[39] (Arthur Dent ) 21.02.2007, 21:08:21 [X] [D]
[36] Vyhodil jsem a z DIVů jsem udělal Pčka...

[40] (Arthur Dent ) 21.02.2007, 21:12:43 [X] [D]
A jdu spát:
- Nadbytečné kliky odstraněny
- HTML trochu vyčištěno.

Další připomínky až zítra, moji milí :)

[41] BOXMark.cz (keLLso - Mail ) 21.02.2007, 21:29:51 [X] [D]
Dnes som mal vynimocne trochu casu tak som nie co "splacal". Jednoduchosti je krasa :) Myslim si ze na taky web to uplne postaci. Preplacane by to nebolo moc pekne.

http://img54.imageshack.us/img54/5567/boxmark0001ef7.png

Ak mate zaujem mozem poskytnut aj PSD. Zajtra to mozno este trochu poupravim teraz mi uz niako nevychadza nato cas...skola. :)

[42] (Tomik - Mail - WWW) 21.02.2007, 21:45:48 [X] [D]
No, jak tak na ten svůj návrch s odstupem času koukám, nic moc. :-)

Zítra se pokusím o něco trochu víc barevnějšího, teď jdu spát (Arture jsi mým vzorem!), takže pokud bych vstal trochu později (tzn. pokud tady nebude v době "konce deatline" ode mě žádná nová reakce), posuň prosím deatline o hodinku dvě. Díky!

A všem dobrou noc... ;-)

[43] (Fred - Mail ) 21.02.2007, 22:42:03 [X] [D]
Když do toho někdo přidá grafiku http://xy.wz.cz/boxmark.css

[44] (johno - Mail - WWW) 21.02.2007, 23:19:16 [X] [D]
Výhody tohto celého vôbec nechápem, ale keby sa to niekde centrálne agregovalo a potom by sa z toho dalo vyberať, tak to by by sa mi už páčilo viac.

Pripadám asi ako exot, keď to tu všetci ospevujú. Prečítam si to ešte raz. Asi mi niečo uniklo.

[45] Diky (Lukas - Mail - WWW) 21.02.2007, 23:46:02 [X] [D]
je to fajn věc hned sem to integroval do svého fora http://informatori.cz uplně dole) myslim že pro forum je to ještě lepší pomůcka než pro blog...

[46] (dgx - Mail - WWW) 22.02.2007, 00:26:39 [X] [D]
[44] nic si z toho nedělej, taky mi význam uniká. Nakonec takový jagg.cz jsem taky nikdy ani vzdáleně nepochopil :-)

Ale podstatné je, že pro spoustu lidí to je přínosné, a není nutné se zavděčit všem.

[47] Tlačítko zpět nefunguje (Yuhů - Mail - WWW) 22.02.2007, 04:09:08 [X] [D]
Vypadá to pěkně, ale v prohlížeči mi při příchodu na tyto skvělé stránky přestalo fungovat tlačítko Zpět. Asi se to přesměrovává přes nějaké cosi. A když na to cosi couvnu, tak jsem vmžiku hozen vpřed. Nedobré.

[48] (Arthur Dent ) 22.02.2007, 08:36:27 [X] [D]
[47] Základy hlášení chyb:

"V prohlížeči" - Lynx, IE6, IE7, IE5? Mozilla? Firefox, Opera? Jakýkoli?
"na tyto stránky" - zapisnik.maly.cz? Boxmark.cz?

Díky :)

[49] (Arthur Dent ) 22.02.2007, 08:47:41 [X] [D]
[44] Stačí říct, ne? :) Co není teď, může odpoledne být! :)

[50] Deadline stále trvá! (Arthur Dent ) 22.02.2007, 09:17:23 [X] [D]
První, kdo poslal nějakou šablonu, byl Jarda K. (nevím jestli mohu jmenovat, jestli nechce být utajen, psal mi pouze do vzkazů, tak zatím radši jen takhle). Nasadil jsem ji místo té své běsné a Jardovi děkuju.

Přesto bych nerad, aby práce ostatních vyzněly jen tak "do větru", takže výzva trvá: Přijde-li někdo s lepším designem, dám ho tam, pokud ne, bude tam tento.

Jardovi ještě jednou děkuju, mému laickému oku jeho výtvor docela lahodí...

[51] (Tomik - Mail - WWW) 22.02.2007, 10:08:48 [X] [D]
Ten vzhled od Jardy K. je pěkný.. ;-)

Dej mi, prosím, ještě tak půl hoďky, hoďku, už to skoro mám. :-)

[52] Druhý pokus... ;-) (Tomik - Mail - WWW) 22.02.2007, 11:21:23 [X] [D]
Arture, tak tedy druhý pokus.. http://tomik.jmx.cz/img/boxmark2.png :-)

Rád to zakóduju, bude-li o to zájem.

[53] ...nyní i s generátorem kódu 2.0 (Arthur Dent ) 22.02.2007, 11:54:45 [X] [D]
http://www.boxmark.cz/genapi.php nyní generuje kód včetně možností jednoduchého nastavení barev bez nutnosti vlastního CSS.

[54] Preformuloval bych: (Roj - WWW) 22.02.2007, 12:08:01 [X] [D]
"Seznam těchto stránek má pak každý uživatel neustále po ruce."
na
"Seznam těchto stránek má pak každý uživatel na Vašich stránkách neustále po ruce."

[55] anebó (pankreas ) 23.02.2007, 04:36:09 [X] [D]
Tento seznam pak uživatel na vašich stránkách kdykoli najde.