tag:blogger.com,1999:blog-197233732024-03-23T11:13:44.194-07:00Machine search vs human interfaceHuman-computer interaction is the study of interaction between users and computers, relating computer science with other fields of study and research. Interaction between users and computers occurs at the user interface, it's the way we press buttons in response to the machine.Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comBlogger134125tag:blogger.com,1999:blog-19723373.post-74651664622583107102007-06-28T18:27:00.000-07:002007-07-02T19:36:47.649-07:00Turn your blog into a youtubeThis script allows you to play any embedable youtube video right from your blog by simply putting the video code behind your url. Like Elvis or The Ventures or the Scorpions You can create links for emails or to post on other websites and share videos that do not have much to do with your blog. All you have to do is put this &gt;&lt;script type="text/javascript"&gt;xx="\&"+location.search.slice(Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-38396099151905219712007-04-25T15:24:00.000-07:002007-06-08T12:56:52.595-07:00technology is asocialFirst of all technology does not save time. Every time we do things 5 min faster we fill the hole with babies. People go live far far from work and food because they have a car. It apparently just doesn't take long enough to get there for their feeling of time.Second: technology does not make things better. Every time we do something 5 min faster the result will also be 5 min worse. Sometimes Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-62130749131107144372007-03-01T21:46:00.000-08:002007-06-27T12:29:09.631-07:00Cropping Images with JavaScript"Imagine you have an image on your web page. And you want to crop an area from that image and display it with a given size. And you want to do that, without the server having to do the heavy work. Well then, read on, here’s a solution."Cropping Images with JavaScriptGaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-25769666614157844182007-01-27T08:55:00.000-08:002007-01-27T08:55:57.670-08:00scripts that wrote themselvesThis is what I've been looking for all along, I've always known the moment we (or I) write scripts that can rewrite themselves to be more useful we've automagically created life. I didn't write about it much as I enjoyed exploring the idea on my own so much.The Borg in startreck seem to have a chaotical technological superiority. It's no secret they assimilate various races thus have various Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-65087647225443334772007-01-17T07:23:00.000-08:002007-01-17T07:33:59.301-08:00graded towards the new bloggerI've up and down graded this blog to the new blogger and of course some of my scripts work and some don't. It's quite sad to see I cant use the link field for categories anymore. O_O So my category scrips are broken beyond fixing.An exploit I used to divide a post over more as one page stopped working. I can edit those posts but that will break what is left of my categories structure.Then the Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1162163047134895852006-10-29T14:52:00.000-08:002006-12-03T00:08:28.283-08:00icons for bookmarletsbookmarklets are little javascripts saved as bookmarks in the bookmarks menu of the web browser. BlogThis is a good example of a bookmarklet. Frequently used bookmarks go on the bookmark toolbar.If you use bookmarklets ? you may like to have an icon with them. Just create a bookmark of a website that has the icon you wish to see with the bookmarlet, then you right click your old bookmarklet, Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1161166374334616332006-10-18T03:02:00.000-07:002006-12-02T22:38:24.800-08:00Paginate pageThis script creates a row of numbers above each blog posting. Mousing over a number jumps to that article nr on the page. Here is an example.This part&gt; in the head of your template. &lt;script type="text/javascript"&gt;function tabs(postcount){document.write('&lt;br&gt;&lt;a name=\"tab'+postcount+'\"&gt;&lt;\/a&gt;&lt;br&gt;&lt;span style=\"width:90%;\" id=\"tabs'+postcount+'\"&gt;&lt;\/span&Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1160887733848315372006-10-14T20:32:00.000-07:002006-12-02T23:55:21.470-08:00static AJAX pagesI like long pages with lots of info on a subject but I also like to be able to browse really fast. I've investigated a bit using pages less then 4kb and clicking around them is just sooo much faster as normal navigation it absolutely is worth it. more&gt; It also means the lay out of the page should be as simple as possible which isn't always desirable. A single image could spoil the effect. It Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1159246809836069882006-09-25T21:39:00.000-07:002006-12-02T21:59:45.930-08:00post more videos at a timeIf you want to post a lot of films past this scipt into your blog-post or html document.&lt;script type="text/javascript"&gt;x = new Array()x[x.length] = "http://video.google.com/googleplayer.swf?docId=7461912885649996034"x[x.length] = "http://video.google.com/googleplayer.swf?docid=-107448047446472438"x[x.length] = "http://video.google.com/googleplayer.swf?docid=-1380642903108144015"x[x.length] Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1157342789885075992006-09-03T20:32:00.000-07:002006-09-03T21:09:41.250-07:00Show a random videoIf you want to display/embed a random film each time a page is loaded put this script in the head of your document. script &gt;&lt;script type="text/javascript"&gt;var Film = new Array() Film[Film.length++] = '&lt;embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=2256433507046558974&hl=en"&gt;&lt;/Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1156293755794524062006-08-22T17:37:00.000-07:002006-11-03T07:08:04.706-08:00the css triangleI know... I know... It's pathetic but I've started playing with css. People say you cant do cross-browser round-corners without-images. I think I've done a reasonable job at em. I've made de corners a bit rounder (to show off), they don't need to be so fat.I had to invent the css triangle first.Strange that such simple shapes are not included in normal html.Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1156255668521473322006-08-22T07:07:00.000-07:002006-08-22T07:07:48.683-07:00Google Webmaster CentralGoogle Webmaster Central: "Welcome to your one-stop shop for comprehensive info about how Google crawls and indexes websites. You can learn here how to ensure that your site is easily crawled and indexed and access tools that will enable you to diagnose crawling issues, study statistics on how your site is doing in our index, and tell us how you'd like your site to be crawled and indexed."Didn't Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1156035077888671632006-08-19T14:52:00.000-07:002007-01-15T21:52:14.570-08:00hey, meebo is kind of nice?Chat is great but what client to use? I've used yahoo and msn at the same time but it does disturbing things to my PC performance (even when I'm not chatting).I use to have the Afternet irc java applet on this blog, it was strange to see the people log in and out without a word. The only person I got to chat with was Avatar. :) We still discuss the blogospere on a bi-daily bases using gmail's Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1155614783687390482006-08-14T21:01:00.000-07:002006-08-14T21:13:09.426-07:00Blogger betaI just ran into beta.blogger.com/. Go there and make a blog under your google account before they close down the doors again. The beta blog has tags and new menu options as well as a new template editor the old template editor is still there but it seems deactivated for now. There are page elements to be added like: a list, a link list, a picture, some text, html/javascript, aggregated feeds, Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1155511399480291332006-08-13T15:53:00.000-07:002006-08-13T16:33:53.446-07:00Manual blogger categoriesIf you want to categorise your blog posts in a html editor you need the HTML link tags for all posts. Here is an easy trick: First we set the blog to display 999 posts on the front page don't republish it but go to your template. We clean out the whole template box(you could make a backup but it's not necessary). Then past this mini template into the box.&lt;Blogger&gt;&lt;a href="<$Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1155482340812806062006-08-13T08:11:00.000-07:002006-08-13T15:29:17.483-07:00how to add an icon to your website or blogIf you want to add an icon to your blog you have 2 options. the best way is to add an 16x16 image named favicon.ico to the root of your site folder. http://www.[your website]/favicon.icoFor example:icon: url: http://www.google.com/favicon.icoAnother way (if you don't have access to your site folder for example on blogger) is to add a link tag to the html document. like this&gt;&lt;link rel="Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1155214021204391112006-08-10T05:04:00.000-07:002006-08-10T05:49:55.000-07:00Replace text with imagesIf you want the post titles in your blog replaced with images while the page loads. Insert this script into the head of your template. script&gt;&lt;script type="text/Javascript"&gt;function imagestring(b){c = document.getElementById(b).innerHTML;c = c.toLowerCase()d = "&lt;NOBR&gt;";e = c.length;for( var f = 0; f &lt; e; f++ ){a = c.slice(0,1)c = c.slice(1)if ( a=="&lt;") {find=c.indexOf("&gt;")Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1154213798349208932006-07-29T15:14:00.000-07:002006-07-29T15:57:01.200-07:00Each post a webserviceNow that my chaos of small ideas is melting together into one huge plan ( If only I had 3 or 12 of myself.) I've been keeping much of my scripting ideas to myself. My bad I know but I like to play with a concept while making it public. Do not think to big of my "making public", look at it as a sight or viewpoint that I publish. It may just inspire some-one to create teh cool. That would be enoughGaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1153424485672359052006-07-20T12:32:00.000-07:002006-08-03T12:10:55.873-07:00under contructionI've discarded some of the older scripts here and created a new lay-out. Now I still feel I should expand the template hacking into something fit for posting code. test [img]Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1152444782456744342006-07-09T04:28:00.000-07:002006-11-04T15:02:48.830-08:00banner for blogger profileI've made A banner for my profile, what do you think of it?this is the html&gt; for the inline image. &lt;a href="http://www.blogger.com/profile/3133906" title="gdewilde" &gt;&lt;img src="data:image/jpeg,%FF%D8%FF%E0%00%10JFIF%00%01%01%01%00x%00x%00%00%FF%DB%00C%00P7%3CF%3C2PFAFZUP_x%C8%82xnnx%F5%AF%B9%91%C8%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1151988257927157342006-07-03T21:30:00.000-07:002006-07-03T21:44:18.006-07:00bloggerattoI've started 50 new projects again, lol This time I'm going to make banners for blogs I know and add them to my blog. This is the first one.here is the html&lt;a href="http://bloggeratto.blogspot.com/" title="Bloggeratto"&gt;&lt;img src="data:image/jpeg,%FF%D8%FF%E0%00%10JFIF%00%01%01%01%00H%00H%00%00%FF%DB%00C%00P7%3CF%3C2PFAFZUP_x%C8%82xnnx%F5%AF%B9%91%C8%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%FF%Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1151939162501652882006-07-03T07:38:00.000-07:002006-08-04T12:58:20.513-07:00scriptologics*edit*I've removed this script from this blog. It was fun to inport parts of postings but it didn't work so well, specially with posts holding other nested posts. It takes little time to get confused on where you are and a lot of time to load. The resulting articles did have huge context inprovement so much that the seperate posts didn't cover it's payload. This made the (way to) slow method the Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1151771506083892592006-07-01T09:27:00.000-07:002006-08-01T11:45:59.976-07:00Today I've even managed to impress myself! This invention is monsterous!This is what it looks like: tadaa!, scarry isn't it? Hold down the link a bit to see what happens.1 more,and one more, etcGaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1151515066121009222006-06-28T09:23:00.000-07:002006-07-03T10:33:23.823-07:00divide posts over more pages1, 2, 3I was reading an interesting post about pagination earlier. The word is entirely new to me. It means dividing a post over more as one page. I thought that would be fairly easy to do in a number of ways.1, 2, 3The easy way would be to use the expandable post zones. We put each part of the post in a separate div (or span) with an unique id just like a normal "read more" chunk. Now we take Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.comtag:blogger.com,1999:blog-19723373.post-1151509948434919562006-06-28T08:36:00.000-07:002006-06-28T09:03:30.173-07:00Content about categories hereWhat would be the best way to do categories? Wordpress is nice, if you plan to build your own public. To you, "devoted writer" it's worth the few bucks to make something of your effort. What-ever you make, do- always leave the old blog up. ;-)I've been puzzling with blogs for a long time Now, I think the goal is to make something worth reading to a specific audience. Read that like "crawl into Gaby de Wildehttp://www.blogger.com/profile/02327693016458655191noreply@blogger.com