Sabtu, 22 Mei 2010

Brainy Bookmarklet Links

Bookmarklet adalah suatu applet, aplikasi komputer kecil, disimpan sebagai URL dari bookmark di web browser atau sebagai hyperlink pada halaman web. Satu kalimat yang mengelink kemana-mana =)) Pasti sobat sudah pada kenal dengan istilah bookmark ini :) Secara manual dan tercepat ya pencet secara bersama pada keyboard Ctrl + D :D

Setelah BW ternyata bookmark ini banyak fungsinya sob dalam perjalanan perkembangannya. Tidak sekedar sebagai menyimpan link atau apapun tapi bisa berfungsi gaya :)) b-) Seperti biasa Beben si bloglang ganteng kalem tea :P kembali membawa informasi pilihan mengenai bookmark ini. Untuk membaca dari sebuah web biar lebih full stylish, mengeprint, memberikan info dll nih Beben dapet ;)

  1. Better, Stronger, Safer jQuerify Bookmarklet
    2. Dari Learning jQuery mengeluarkan bookmark mengenai info versi jQuery 1.4.2 :-bd Jika kita menggunakannya akan tampak info pada bagian tengah atas

    jQuerify « drag to your bookmarks bar

  2. Readable
    3. Readable adalah sebuah aplikasi yang membantu kita membaca lebih dari web. Hal ini mengubah teks pada situs web menggunakan font, warna, dan layout yang kita pilih. Bisa diseting-seting gito sob ;)) Powered By Google App Engine and Powered by jQuery
    <a id="bookmarklet" href="javascript: (function(){if(document.getElementsByTagName('html').length>0);else{return;}if(document.getElementsByTagName('body').length>0);else{return;}if(window.$readable);else{window.$readable={};window.$readable.path='http://readable-app.appspot.com/';}window.$readable.options={};window.$readable.options.base='blueprint';window.$readable.options.font_family='wide_sans_serif';window.$readable.options.font_size='12';window.$readable.options.text_line_height='2';window.$readable.options.text_align='normal';window.$readable.options.text_image_align='center';window.$readable.options.text_box_width='80_percent';window.$readable.options.text_box_align='center';window.$readable.options.text_box_outer_margin='1';window.$readable.options.text_box_inner_margin='1';window.$readable.options.color_theme='light_grey_off_black';window.$readable.options.background_transparency='70';window.$readable.options.background_transparency_color='from_theme';window.$readable.options.video='strip';if(window.$readable.callScript){window.$readable.callScript();return;}if(document.getElementsByTagName('head').length>0);else{document.getElementsByTagName('html')[0].insertBefore(document.createElement('head'),document.getElementsByTagName('body')[0]);}document.getElementsByTagName('head')[0].appendChild(document.createElement('script')).setAttribute('src',window.$readable.path+'target.js?rand='+encodeURIComponent(Math.random()));})()">Readable</a>
  3. The Printliminator
    4. CSS-Tricks web mengeluarkan trik bookmark ini yang ciamik sob, mantap dah. Dengan mengklik pada bagian div menghilangkan bagian yg tidak akan diprint dan dibaca serta dapat di undo :-bdPrintliminator
  4. ClipR
    5. Salut sob buat sobat blogger satu ini. Kayaknya master developer web nih :-" Mr Vladimir Carrer dengan segala proyeknya, gaya dan mudah dimengerti :) Bookmark yg telah diciptakan oleh sobat kita ini ;) Bookmarklet :-bd

    Google Dictionary Drag the link to your browser bookmark toolbar.

    Fast Tweet Drag the link to your browser bookmark toolbar.

    Auto Translate Drag the link to your browser bookmark toolbar.

    RedDIV Drag the link to your browser bookmark toolbar.

    NoFollow Drag the link to your browser bookmark toolbar.

  5. Latent Motion
    6. LatentMotion mengeluarkan bagaimana menggunakan jQuery bookmark pada sebuah tabel.Dengan menulis syntax link berikut <a href="javascript: (function(){var head=document.getElementsByTagName('head')[0],script=document.createElement('script');script.type='text/javascript';script.src='http://www.my.com/your-javascript.js?' + Math.floor(Math.random()*99999);head.appendChild(script);})(); void 0">Your Bookmarklet Name</a>
  6. Squarefree
    7. Temukan dan buatlah bookmark sesuka hati :D
  7. Drag this script on your browser bookmark toolbar.
    8. javascript: (function(){function getSel() {var txt = '';if (window.getSelection) {txt = window.getSelection();} else if (document.getSelection) {txt = document.getSelection();} else if (document.selection) {txt = document.selection.createRange().text;} else return;var s = txt.toString();return s;}var u = 'http://www.similpedia.org/engine';var sel = getSel();if (sel.length == 0) { sel = location.href; } nD = window.open().document; nD.writeln('<HTML><HEAD></HEAD><BODY>'); nD.writeln('<FORM NAME=form ACTION=' + u + ' METHOD=POST>'); nD.writeln('<TEXTAREA name=q>' + sel + '</TEXTAREA>'); nD.writeln('<INPUT TYPE=SUBMIT NAME=Submit VALUE=Submit></INPUT>'); nD.writeln('</FORM>'); nD.writeln('<SCRIPT>document.form.submit();</SCRIPT>'); nD.writeln('</BODY></HTML>'); nD.close();})()"
  8. Citebite
    9. Cite Bite Drag the link to your browser bookmark toolbar.
  9. SpriteMe

    10. Try it on this page:

  10. Subsimple
    11. Ingin melihat link2 bookmark yg keren punya!!!
  11. Ini bookmarklet tombol like yg ada pada facebook
    12. javascript: (function(){try{var url=encodeURIComponent(location.href);var ifr=document.createElement('iframe');ifr.style.position='absolute';ifr.style.top=10+'px';ifr.style.left=10+'px';ifr.style.width=450+'px';ifr.style.height=100+'px';ifr.style.border='none';ifr.src='http://www.facebook.com/plugins/like.php?href='+url+'&show_faces=true&width=450&action=like&colorscheme=light';ifr.scrolling='no';ifr.frameborder=0;document.getElementsByTagName('body')[0].appendChild(ifr);var ifr=document.createElement('iframe');ifr.style.position='absolute';ifr.style.top=125+'px';ifr.style.left=10+'px';ifr.style.width=450+'px';ifr.style.height=100+'px';ifr.style.border='none';ifr.src='http://likeomatic.heroku.com/i';ifr.scrolling='no';ifr.frameborder=0;document.getElementsByTagName('body')[0].appendChild(ifr);}catch(e){}})();
  12. CategoryTagBlogThis!
  13. XRAY
    14. Heres for instructions XRAY

    MRIHeres bro MRI

  14. Drag this Microformats script
    15. javascript: (function(){function%20l(u,i,t,b){var%20d=document;if(!d.getElementById(i)){var s=d.createElement('script');s.src=u;s.id=i;d.body.appendChild(s)}s=setInterval(function(){u=0;try{u=t.call()}catch(i){}if(u){clearInterval(s);b.call()}},200)}l('http://leftlogic.com/js/microformats.js','MF_loader',function(){return!!(typeof MicroformatsBookmarklet=='function')}, function(){MicroformatsBookmarklet()})})();
  15. Readability
    16. Bookmark simpel guna memberikan kenyamanan dalam membaca artikel, dengan 5 gaya dan feature yg gaya punya.
  16. Nah masuk kemari guna mendapatkan bookmarklets yg berguna
    17. Jesse's Bookmarklets
  17. subsimple
  18. Untuk melihat daleman web/blog.javascript: (function(){var%20s=document.createElement('script');var%20t=new%20Date().getTime();s.setAttribute('type','text/javascript');s.setAttribute('class','ydebug');s.setAttribute('src','http://debug.yaml.de/debugger.js?d='+String(t));document.getElementsByTagName('head')[0].appendChild(s);})();
  19. Slayeroffice
    20. Lihat pada sisi kanan web tersebut.
  20. Favelets
  21. Copy the link to your browser bookmark toolbar, use F5(refresh) to clear the grid.
    22. javascript: (function(){body=document.getElementsByTagName('body').item(0);newElement=document.createElement('canvas');newElement.id='grid';body.appendChild(newElement);var a=document.getElementById('grid');a.style.cssText='left:0;top:'+document.documentElement.scrollTop+'px; z-index:100000; position:absolute;';a.width=window.innerWidth;a.height=window.innerHeight;var b=a.getContext('2d'),c=window.innerWidth,d=window.window.innerHeight;b.font='bold 15px sans-serif';b.strokeStyle='rgba(245, 197, 196, 0.8)';b.beginPath(); for(var e=0;e<c;e+=10){b.moveTo(e,0);b.lineTo(e,c)}for(e=0;e<c;e+=100){b.moveTo(e,0);b.lineTo(e,c);b.fillText(e,e+4,15)}for(var f=0;f<d;f+=100){b.moveTo(0,f);b.lineTo(c,f);b.fillText(f,10,f-4)}for(f=0;f<d;f+=10){b.moveTo(0,f);b.lineTo(c,f)}b.stroke();})()
  22. Ini untuk membuat highlight jenis huruf yg kita cari.
    javascript:var%20items=new%20Array();if(document.referrer.indexOf('google')!=-1%20&&document.referrer.indexOf('q=')!=-1){var%20queryTermsRegExp=new%20RegExp('q=([^&]+)');if(queryTermsRegExp.test(document.referrer)){items=RegExp.$1.split('+');}}if(items.length%20==%200){var%20searchWords=prompt('Enter%20one%20or%20more%20words%20to%20highlight:','');items=searchWords.split('%20');}var%20colors=new%20Array('#ffff66','#a0ffff','#99ff99','#ff9999','#ff66ff','#880000','#00aa00','#886800','#004699','#990099');b=document.body.innerHTML;for(var%20i=0;%20i<items.length;%20i++){var%20replacementRegEx=new%20RegExp('('+items[i]+')','gi');b=b.replace(replacementRegEx,'<span%20style=\'background-color:'+colors[i%20%%20colors.length]+';\'>$1</span>');}var%20scrollToRegEx=new%20RegExp('('+items[0]+')','i');b=b.replace(scrollToRegEx,'<span%20id=\'scrollToHilight\'>$1</span>');void(document.body.innerHTML=b);window.scrollTo(0,document.getElementById('scrollToHilight').offsetTop);
  23. Decode Encode Bookmark
    24. javascript: (function(src,w,h,i,s){if(this.WebReflectionEncode)return%20this.WebReflectionEncode();function%20p(){s.top=(document.documentElement.scrollTop||(document.body&&document.body.scrollTop)||0)+'px'};try{i=document.createElement('<iframe%20frameborder="0"%20src="'+src+'"></iframe>')}catch(e){i=document.createElement('iframe');i.src=src};s=i.style;s.border='1px%20solid%20black';s.width=w+'px';s.height=h+'px';s.position='absolute';s.right=0;s.zIndex=99999;p();w=setInterval(p,250);(document.body||document.documentElement).appendChild(i);this.WebReflectionEncode=function(){clearInterval(w);i.parentNode.removeChild(i);w=h=s=i=null;this.WebReflectionEncode=null;}})('http://www.3site.eu/encode/',280,320);
  24. Looking for image and host via imageshack.us
    25. javascript:t='';for(var%20n=0;n<document.images.length;n++){t+='<a%20href=/%20onclick=\'document.f.url.value=document.images['+n+'].src;document.f.submit();return%20false;\'><img%20border=0%20src='+document.images[n].src+'></a>%20'};if(t!=''){document.write('<html><head><title>ImageShack%C2%AE</title><link%20rel=stylesheet%20href=http://imageshack.us/img/style-def.css%20type=text/css></head><body%20bgcolor=#F7F7F7><table%20border=1%20cellpadding=5%20cellspacing=0%20class=table_decoration%20align=center%20width=760><tr><td><iframe%20src=http://imageshack.us/adsframe2.php%20scrolling=no%20allowtransparency=true%20frameborder=0%20width=700%20height=300><a%20href=http://www.getfirefox.com>Get%20FireFox!</a></iframe><p>ImageShack%20has%20found%20the%20following%20images%20on%20this%20page.</p><p>Click%20on%20any%20image%20to%20host%20it%20on%20ImageShack,%20or%20press%20the%20back%20button%20to%20return%20to%20the%20previous%20page.</p><form%20name=f%20action=http://imageshack.us/transload.php%20method=post><input%20type=hidden%20name=url></form>'+t+'</td></tr></table></body></html>');void(document.close())}else{alert('There%20are%20no%20images%20to%20host%20on%20this%20page.')}
  25. Untuk melihat gambar pada satu halaman.
    26. javascript:Ai7Mg6P='';for%20(i7M1bQz=0;i7M1bQz<document.images.length;i7M1bQz++){Ai7Mg6P+='<img%20src='+document.images[i7M1bQz].src+'><br>'};if(Ai7Mg6P!=''){document.write('<center>'+Ai7Mg6P+'</center>');void(document.close())}else{alert('No%20images!')}
  26. Drag this bookmarklet to your bookmarks bar or a tab and start having some fun on other pages too!
  27. Untuk melihat ada tidaknya link del.icio.us
    28. javascript:var res = null; var ok_title = new RegExp('^del\.?icio\.?us links'); var ok_type = 'text/html';varres_css = 'padding-bottom:15px;'; var content_txt = 'This person\'s del.icio.us links can be seen at ';var content_css = 'margin-bottom:10px;border:1px solid #ccc;padding:5px;background-color:beige;';var doc = document;var list = doc.getElementsByTagName('link');var body = doc.getElementsByTagName('body')[0];for (var i = 0; i < list.length; i++) {var link = list[i]; if ((link.type == ok_type) &amp;&amp;(ok_title.test(link.title))) {var regexp_del = new RegExp('^(http:\/\/del\.icio\.us)\/(.*)$');var url_rss = link.href.replace(regexp_del,'$1/rss/$2');var html = doc.createElement('a');html.setAttribute('href',link.href);html.appendChild(doc.createTextNode(link.href)); rss = doc.createElement('a');rss.setAttribute('href',url_rss); res = doc.createElement('div'); res.setAttribute('style',res_css); var content = doc.createElement('div');content.setAttribute('style',content_css);rss.appendChild(doc.createTextNode('rss'));content.appendChild(doc.createTextNode(content_txt));content.appendChild(html);content.appendChild(doc.createTextNode(' ('));content.appendChild(rss);content.appendChild(doc.createTextNode(')')); res.appendChild(content); break;}} if (res) { void(doc.body.insertBefore(res,doc.body.firstChild)); } else {alert('no del.icio.us links'); }
  28. Trunk.ly
    29. Dunia sekarang lebih sosial. Kami berbagi, kita suka, kita tweet, retweet, link dan umumnya pertukaran informasi di web sosial. Tapi bagaimana kita melacak hal-hal yang kamu suka? Trunk.ly menangani untuk kita. Dengan menghubungkan ke jaringan sosial kita, Trunk.ly memantau dan mengumpulkan link yang kita temukan menarik di web sosial. Lebih penting lagi, indeks halaman web ini link menuju dan membangun sebuah mesin pencari pribadi, jadi anda tidak perlu tag atau menggambarkan link lagi, kita hanya mencari dan Trunk.ly akan menemukan lagi bagi kita. Kami telah dalam versi beta tertutup, tetapi terbuka dalam menanggapi pengumuman lezat, masih ada BANYAK yang harus dilakukan dan kami akan senang mendengar dari Anda sebagai kita bekerja untuk membangun sesuatu yang hebat.
  29. CoffeeTable, v0.1.1
    30. Drag this to your bookmarks toolbar for a bookmarklet that will load CoffeeScript onto whatever page you happen to be on:

    CoffeeTable

  30. Flexible Nav
    31. Fleksibel Nav adalah library jQuery kecil yang menambahkan bar navigasi cerdas di sebelah kanan halaman. Ini meningkatkan navigasi halaman web dan membantu untuk memvisualisasikan bagian yang berbeda dari sebuah dokumen, artikel,...setiap halaman web.

    FlexibleNav bookmarklet

  31. WhatFont
  32. X-Ray Goggles.
  33. Font­Friend
  34. See you :-h
LOOK IN MODE MOBILE OKAY!!!
Be a creatif, build your blog with your style GAYA \m/
Diposting oleh di
Label: ,

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)