http://categories.blogspot.com/Human-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.ennoreply@blogger.com (Gaby de Wilde)Sun, 15 Apr 2012 21:49:26 PDTBlogger http://www.blogger.com134125This is an XML content feed. It is intended to be viewed in a newsreader or syndicated to another site, subject to copyright and fair use.http://categories.blogspot.com/2007/06/turn-your-blog-into-youtube.htmlscriptsnoreply@blogger.com (Gaby de Wilde)Mon, 02 Jul 2007 19:36:47 PDTtag:blogger.com,1999:blog-19723373.post-7465166462258310710This 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 ><script type="text/javascript">xx="\&"+location.search.slice(1,100)if(http://categories.blogspot.com/2007/04/technology-is-asocial.htmlartificial_intelligencenoreply@blogger.com (Gaby de Wilde)Fri, 08 Jun 2007 12:56:52 PDTtag:blogger.com,1999:blog-19723373.post-3839609915190521971First 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 http://categories.blogspot.com/2007/03/cropping-images-with-javascript.htmlnoreply@blogger.com (Gaby de Wilde)Wed, 27 Jun 2007 12:29:09 PDTtag:blogger.com,1999:blog-19723373.post-6213074913110714437"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 JavaScripthttp://categories.blogspot.com/2007/01/scripts-that-wrote-themselves.htmlnoreply@blogger.com (Gaby de Wilde)Sat, 27 Jan 2007 08:55:57 PSTtag:blogger.com,1999:blog-19723373.post-2576966661415784418This 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 http://categories.blogspot.com/2007/01/graded-towards-new-blogger.htmlnoreply@blogger.com (Gaby de Wilde)Wed, 17 Jan 2007 07:33:59 PSTtag:blogger.com,1999:blog-19723373.post-6508764722544333477I'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 http://categories.blogspot.com/2006/10/icons-for-bookmarlets.htmlnoreply@blogger.com (Gaby de Wilde)Sun, 03 Dec 2006 00:08:28 PSTtag:blogger.com,1999:blog-19723373.post-116216304713489585bookmarklets 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, http://categories.blogspot.com/2006/10/paginate-page.htmlnoreply@blogger.com (Gaby de Wilde)Sat, 02 Dec 2006 22:38:24 PSTtag:blogger.com,1999:blog-19723373.post-116116637433461633This 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> in the head of your template. <script type="text/javascript">function tabs(postcount){document.write('<br><a name=\"tab'+postcount+'\"><\/a><br><span style=\"width:90%;\" id=\"tabs'+postcount+'\"><\/span>');}function tabsfinal(postcount){a=""for (http://categories.blogspot.com/2006/10/static-ajax-pages.htmlnoreply@blogger.com (Gaby de Wilde)Sat, 02 Dec 2006 23:55:21 PSTtag:blogger.com,1999:blog-19723373.post-116088773384831537I 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> 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 gothttp://categories.blogspot.com/2006/09/post-more-videos-at-time.htmlnoreply@blogger.com (Gaby de Wilde)Sat, 02 Dec 2006 21:59:45 PSTtag:blogger.com,1999:blog-19723373.post-115924680983606988If you want to post a lot of films past this scipt into your blog-post or html document.<script type="text/javascript">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] = "http://categories.blogspot.com/2006/09/show-random-video.htmlnoreply@blogger.com (Gaby de Wilde)Sun, 03 Sep 2006 21:09:41 PDTtag:blogger.com,1999:blog-19723373.post-115734278988507599If you want to display/embed a random film each time a page is loaded put this script in the head of your document. script ><script type="text/javascript">var Film = new Array() Film[Film.length++] = '<embed style="width:400px; height:326px;" id="VideoPlayback" type="application/x-shockwave-flash" src="http://video.google.com/googleplayer.swf?docId=2256433507046558974&hl=en"></embed>'Film[http://categories.blogspot.com/2006/08/css-triangle.htmlnoreply@blogger.com (Gaby de Wilde)Fri, 03 Nov 2006 07:08:04 PSTtag:blogger.com,1999:blog-19723373.post-115629375579452406I 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.http://categories.blogspot.com/2006/08/google-webmaster-central.htmlnoreply@blogger.com (Gaby de Wilde)Tue, 22 Aug 2006 07:07:48 PDTtag:blogger.com,1999:blog-19723373.post-115625566852147332Google 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 http://categories.blogspot.com/2006/08/hey-meebo-is-kind-of-nice.htmlnoreply@blogger.com (Gaby de Wilde)Mon, 15 Jan 2007 21:52:14 PSTtag:blogger.com,1999:blog-19723373.post-115603507788867163Chat 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 http://categories.blogspot.com/2006/08/blogger-beta.htmlnoreply@blogger.com (Gaby de Wilde)Mon, 14 Aug 2006 21:13:09 PDTtag:blogger.com,1999:blog-19723373.post-115561478368739048I 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, http://categories.blogspot.com/2006/08/manual-blogger-categories.htmlnoreply@blogger.com (Gaby de Wilde)Sun, 13 Aug 2006 16:33:53 PDTtag:blogger.com,1999:blog-19723373.post-115551139948029133If 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.<Blogger><a href="<$BlogItemPermalinkUrl$>http://categories.blogspot.com/2006/08/how-to-add-icon-to-your-website-or.htmlnoreply@blogger.com (Gaby de Wilde)Sun, 13 Aug 2006 15:29:17 PDTtag:blogger.com,1999:blog-19723373.post-115548234081280606If 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><link rel="shortcut http://categories.blogspot.com/2006/08/replace-text-with-images.htmlnoreply@blogger.com (Gaby de Wilde)Thu, 10 Aug 2006 05:49:55 PDTtag:blogger.com,1999:blog-19723373.post-115521402120439111If 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><script type="text/Javascript">function imagestring(b){c = document.getElementById(b).innerHTML;c = c.toLowerCase()d = "<NOBR>";e = c.length;for( var f = 0; f < e; f++ ){a = c.slice(0,1)c = c.slice(1)if ( a=="<") {find=c.indexOf(">");g = c.slice(0,find);c =http://categories.blogspot.com/2006/07/each-post-webservice.htmlnoreply@blogger.com (Gaby de Wilde)Sat, 29 Jul 2006 15:57:01 PDTtag:blogger.com,1999:blog-19723373.post-115421379834920893Now 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 enoughhttp://categories.blogspot.com/2006/07/under-contruction.htmlnoreply@blogger.com (Gaby de Wilde)Thu, 03 Aug 2006 12:10:55 PDTtag:blogger.com,1999:blog-19723373.post-115342448567235905I'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]http://categories.blogspot.com/2006/07/banner-for-blogger-profile.htmlnoreply@blogger.com (Gaby de Wilde)Sat, 04 Nov 2006 15:02:48 PSTtag:blogger.com,1999:blog-19723373.post-115244478245674434I've made A banner for my profile, what do you think of it?this is the html> for the inline image. <a href="http://www.blogger.com/profile/3133906" title="gdewilde" ><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%FF%FF%FF%FF%http://categories.blogspot.com/2006/07/bloggeratto.htmlnoreply@blogger.com (Gaby de Wilde)Mon, 03 Jul 2006 21:44:18 PDTtag:blogger.com,1999:blog-19723373.post-115198825792715734I'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<a href="http://bloggeratto.blogspot.com/" title="Bloggeratto"><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%FF%FF%FF%http://categories.blogspot.com/2006/07/scriptologics.htmlnoreply@blogger.com (Gaby de Wilde)Fri, 04 Aug 2006 12:58:20 PDTtag:blogger.com,1999:blog-19723373.post-115193916250165288*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 http://categories.blogspot.com/2006/07/today-ive-even-managed-to-impress.htmlnoreply@blogger.com (Gaby de Wilde)Tue, 01 Aug 2006 11:45:59 PDTtag:blogger.com,1999:blog-19723373.post-115177150608389259Today 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, etchttp://categories.blogspot.com/2006/06/divide-posts-over-more-pages.htmlnoreply@blogger.com (Gaby de Wilde)Mon, 03 Jul 2006 10:33:23 PDTtag:blogger.com,1999:blog-19723373.post-1151515066121009221, 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 http://categories.blogspot.com/2006/06/content-about-categories-here.htmlnoreply@blogger.com (Gaby de Wilde)Wed, 28 Jun 2006 09:03:30 PDTtag:blogger.com,1999:blog-19723373.post-115150994843491956What 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