Tag: javascript

Posted on
by

Likes Pseudo code and kitchen-table conversations by Dave Winer.

I read a lot of negative stuff about chatGPT. Dave Winer seems upbeat. Even though he mentions that a lot of programmers will lose work, he is positive about chatGPT. There are a couple of laugh out loud moments and lots of ideas to chew on, even if you are not a programmer. An enjoyable listen.

Posted on
by
Liked Useless Build: Pug in a Rug by Tim Builds Useless Websites (youtube.com)
A website where you can pay your dues to the pug in a rug, by honoring it with your eyes. - The website https://puginarug.com​ - The code https://github.com/tholman/puginarug

Pretty delightful video showing how the The Pug In A Rug Site/page was made. Simple enough for me to learn from.

I usually do not use YouTube videos for learning preferring text or text and image. This video hit the sweet spot for me.

It also felt like Tim was working it out as he went along, developing ideas and fixing mistakes.

Posted on
by
Replied to Re: Browser Bookmarklets for Giving Credit by Aaron DavisAaron Davis (collect.readwriterespond.com)
I am all in on this Chris, but I just can’t seem to get it to work. I created the bookmarklet, highlighted the name and clicked the bookmarklet, but there was no pop-up. I must admit, I do not use many bookmarklets, only Alan Levine’s really. I may therefore have to dig into this a bit further a...

Hi Aaron,

I am glad you posted this. I like bookmarklets. I run one a bit like this via AppleScript on my mac. This has an advantage of letting me add a keyboard to send straight to the clipboard.

I am going to add the indieweb mark up to that using Chris’s script for reference. Like you I couldn’t get it working at first I had to mess around with he single and double quotes. This works for me:


javascript:(function(){let text = "";if (window.getSelection() != '') {text = window.getSelection().toString() + '\n';}var tocopy = '<p><small><cite class="h-cite via"><abbr title="via">ᔥ</abbr> <span class="p-author h-card">"' + text + '"</span> in <a class="u-url p-name" href="' + location.href + '" target="_blank" rel="noopener noreferrer" >' + document.title + '</a> (<time class="dt-published">' + document.lastModified + '</time>)</cite></small></p>';;d=document;d.body.appendChild(Object.assign(d.createElement('textarea'),{value:tocopy})).select();d.execCommand('copy');})()

view raw

via-indie-web-bookmarklet

hosted with ❤ by GitHub

I’ve not got much of a handle on JavaScript so YMMV.

Posted on
by
Replied to re: document.designMode by Aaron DavisAaron Davis (collect.readwriterespond.com)
document.designMode is another useful tool when teaching the web and manipulation of content.

Hi Aaron,

Thanks for this, a useful replacement for Mozzila’s x-ray for learning, teaching and playing with the web.

I wondered about using this on iOS and found I could make the simplest of shortcuts.

document.designMode='on';

completion();

I’ve not used a shortcut for running JavaScript in mobile Safari before so useful to learn about completion()

Posted on
by
Replied to A Generator for Martin (CogDogBlog)
I saw Martin Weller’s tweet out for a randomizing text generator: He got lots of replies (which is what make twitter useful when often it can not be), though many were just offering tools, no…

Hi Alan,
Love the random. Had a wee go at forking and having a googlesheet as a source. It might be a way of folk making their own without having to edit html…

http://git.johnj.info/edtechaphors/?id=1Tk-IUE8OG_InI6KjZ4GAFMm4IyJl1PoZQYzHCbm4fN8

Posted on
by

I’ve been having a wee play with the p5.js web editor.

p5 .js is a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today’s web. Using the original metaphor of a software Sketchbook, p5 .js has a full set of drawing functionality. However, you’re not limited to your drawing canvas, you can think of your whole browser page as your sketch! For this, p5 .js has addon libraries that make it easy to interact with other HT ML5 objects, including text, input, video, webcam, and sound.

I’ve occasionally dipped my toe into processing and found it good fun.

Over the summer I’ve seen a stream of tweets and instagram posts from Tom Smith which got me interested in p5.js.

I don’t really have much of a clue but have had a bit of fun. Especially when I found you can use a library with p5.js to export gifs. The feature image on this post is one made by my sketch: Classy bramble skulls 4. This one has a background image, some animation, the mid-ground, the sleeper and computer and then the window frame which are drawn. If I had though I’d have used 3 image layers sandwiching 2 animation ones. Early days.

There seems to be a ton of learning material available and it is easy to duplicate interesting p5.js sketches to edit and play around with. (The school holidays are not long enough;-))

Posted on
by

I love the record of thinking and linking that now stretches back 12 years, 5 months, 4 days on this blog.

I don’t like the breakages.

A lot of the links on this blog are to the blogs of the school I used to work in in Glasgow, Sandaig Primary. The site is now gone. A lot of it is in the internet archive. I had hoped that the Amber plugin would sort that, but since the domain is now up for sale, the links lead to the sale page.

I could go through the posts and fix all the links. I guess someone with more understanding than me could do it in the database. I’ve opted for a cruder solution. I’ve added a bit of JavaScript to the blog which changes all links to Sandaig to the archive.

jQuery(document).ready(function() {
// Stuff to do as soon as the DOM is ready;

jQuery( "a[href^='http://www.sandaigprimary.co.uk']" )
.each(function()
{
this.href = this.href.replace(/^http:\/\/www.sandaigprimary.co.uk/, "https://web.archive.org/web/http://www.sandaigprimary.co.uk/");
});

});

This has probably broken something else and certainly is adding to the pile of oddities that I’ve added to the blog. But hopefully It means that links on posts like this: Impermanence and Comments will work.