03

Weekly Web Harvest for 2017-08-27

Twitter Bots Use Likes, RTs for Intimidation — Krebs on Security A huge collection of botted accounts — the vast majority of which should be easily detectable as such — may be able to abuse Twitter’s anti-abuse tools to temporarily shutter the accounts of real people suspected of being bots! Dominikus Baur – Data Visualization: Data Futures Data Futures is a live experiment about the connections between our data and ourselves. It is run in conference settings, with a large, real-time visualization on a projector, two moderators (Daniel and me) and the participants’ smartphones. Catalog of friendly, useful, artistic online bots, and resources that can help you make them | botwiki Software development 450 words per minute – Vincit –listen to the audio — And it’s not the kind of synthetic speech you hear in today’s smart assistants. I use a robotic-sounding voice which speaks at around 450 words per minute. For comparison, English is commonly spoken at around 120-150 words per minute. h/t boing boing Death of an earl – Thomas Morris Then Doctor West came, who advised a frying pan made red hot to be applied to the head… A ‘glyster’ is an enema. Tobacco enemas were widely used at this date in resuscitation – the standard treatment in cases of drowning. So although blowing tobacco smoke up a […]

echo wp_oembed_get fix

Pure click-bait gold, baby!1 You know I’m focused on those high-traffic titles. And now on to the show . . . I’m doing a site for the esteemed Jon Becker’s school law class. The goal is to take tweets that exemplify really bad legal choices by public school administrators. They even have a hashtag – #schoollawwtf. Since we’re taking tweets into WordPress for further analysis we end up with some weird constraints. I can’t rely on useful titles if we want to automate this as the tweet content might contain any number of things and the regex to try to purify it wouldn’t be worth the hassle. New content wouldn’t have any body text either because it’s just a tweet. Granted, I could duplicate that text in the body but I didn’t really see much point in that. I opted to stick the tweet URL in a custom field. That soon led me to the handy wp_oembed_get function which was new to me.2 That worked very nicely for display on single posts (screenshot and code snippet below). Where it ended up failing me was when we needed to display a bunch of tweets in need of analysis. All I had were the Twitter oEmbed element to show and clicking on them would take you to Twitter-land rather than to thee […]

strange image using headphones as eyes

Web Development Podcasts

My podcast listening ebbs and flows. I am currently in the flow state.1 Anyway, I like these three podcasts that are all web development related.2 Shop Talk Show – gets a bit deeper than I need at times but very solid SynTax with Wes Bos of Javascript30 and Scott Bolinski. I really like the Web RTC one. Tools Day – ~20 min and probably the least technical 1 That sounds weird but ebb wouldn’t make any sense. 2 I’m also listening to some strange fitness/weight lifting podcasts which make these seem mainstream.

30

KSES Allow Twitter Widget Embed

The two little lines above keep the Twitter tag search widget embed code (below) from getting cleansed in the WordPress Editor. Keeping a chunk of these extra-curricular allowed elements in a plugin allows us to activate them on a per trusted user basis.

27

Weekly Web Harvest for 2017-08-20

Death of an earl – Thomas Morris Then Doctor West came, who advised a frying pan made red hot to be applied to the head… A ‘glyster’ is an enema. Tobacco enemas were widely used at this date in resuscitation – the standard treatment in cases of drowning. So although blowing tobacco smoke up a dead man’s bottom may sound eccentric, it was perfectly orthodox therapy. The doctors were now at their wits’ end, so tried one more extreme treatment as last resort. This DIY pixelstick lets you make amazing in-camera effects / Boing Boing The pixelstick is an ADRESSABLE RGB LED STRIP controlled by an Arduino that can display all sorts of animations to make awesome lightpaintings photographs. Each LED acts like a pixel on a screen, displaying an image one vertical line at a time as you walk. These vertical lines, when captured by a long exposure photography, combine to recreate your image in mid air, leaving the person using it invisible. This technique is also called lightpaintings. You’re not going to believe what I’m about to tell you (classroom-friendly version) – The Oatmeal Dev Tips – Developer Tips by Umar Hansa little web dev chrome tips Disneyland meets Hogwarts at $700-million USC Village – LA Times Once you walk inside any of the buildings it becomes clear […]

26

Vive Video Tip

We’ve been dabbling in the VR world with Vive and video captured via the Ricoh Theta S. The Ricoh video resolution isn’t great but for loaning out to faculty it’s simple and won’t end the world if it’s blown over by the wind on a moor in Ireland.1 Step one got us the example above (directions here). Our next move was to get it into something that would take advantage of the Vive headset for movement. There’s a nice app called, appropriately, Vive Video. The built in examples work exactly like you’d expect but using our own videos wasn’t all that intuitive to me initially. The steps are easy enough once you know them. Get your video on the computer where you’re running Vive Video Login to Vive Video and navigate to the video – I had some issues with the pointer not working well at various times but restarting the app seemed to fix it each time Once you’ve go the video showing up . . . initial attempts to play it will show you the ‘unwrapped’ version. You might keep loading different versions and trying other videos to figure out why it isn’t behaving like 360 video. After a number of attempts . . . you’ll move the next step below. You notice an eye icon on the […]

20

Weekly Web Harvest for 2017-08-13

Huge Blobs of Fat and Trash Are Filling the World’s Sewers In China, fat from sewers and traps is illicitly scooped, cleaned up—though not well—and sold on the black market as “gutter oil.” In cheap restaurants and street stalls, your dinner might even be cooked in gutter oil. 3DHOP – Home 3DHOP (3D Heritage Online Presenter) is an open-source software package for the creation of interactive Web presentations of high-resolution 3D models, oriented to the Cultural Heritage field. 3DHOP target audience goes from the museum curators with some IT experience to the experienced Web designers who want to embed 3D contents in their creations, from students in the CH field to small companies developing web applications for museum and CH institutions. h/t captain.primate (dh slack)

13

Weekly Web Harvest for 2017-08-06

Three dinosaurs beheaded ‘with angle grinder’ at Australian museum “We went out to check it out and three of our dinosaurs here have been decapitated,” museum staffer Mitchell Seymour told the Australian Broadcasting Corporation. A Web Diet: Converting WordPress Sites Over to Static Sites | Adam Croom for future archiving considerations “Adversarial perturbations” reliably trick AIs about what kind of road-sign they’re seeing / Boing Boing An “adversarial perturbation” is a change to a physical object that is deliberately designed to fool a machine-learning system into mistaking it for something else. White House Says Russia’s Hackers Are Too Good to Be Caught but NSA Partner Called Them “Morons” Put more bluntly, the Russian attacks CSE observed were “designed by geniuses” but “implemented by morons,” BBC – Future – The ghostly radio station that no one claims to run Twenty-four hours a day, seven days a week, for the last three-and-a-half decades, it’s been broadcasting a dull, monotonous tone. Every few seconds it’s joined by a second sound, like some ghostly ship sounding its foghorn. Then the drone continues. Once or twice a week, a man or woman will read out some words in Russian, such as “dinghy” or “farming specialist”. h/t katexic

website screenshot indicating blue div blocking access to central portion of embedded website

reveal js tweak for iframe backgrounds

*********UPDATE********* The stuff below sort of works, but since there’s only one parent element for all sections it won’t let you click on links later on. That’s no good. It’s also kind of weird to go from interacting with the iframe page to get back into the slideshow navigation (partially because I hid the navigation buttons). So . . . I went this route instead. The following code toggles the slide overlay. I set it up as a button at the top of my slides. It’s full width and black so not obtrusive. Click it lets me fully interact with the iframe page and clicking it again reactivates keyboard navigation for the slide deck. *********END UPDATE********* I’m a fan of reveal.js and have been using it to build all of my recent presentations. It feels like it fits what I do really well. The fact that it’s just a website that behaves a certain way means I can do all kinds of fun things that blend both the web-based examples and my ability to annotate and manipulate the web itself.1 There’s also quite a bit of beauty in tools that continue to offer more opportunities to grow as you learn. Anyway . . . One common action in my presentations is to embed a live website as a full size […]

Archiving Slack Channels

Since we’re making channels in Slack via our project creation, it made sense to archive them when the project was completed. In projects (this particular post type) we have a custom field for the start date of the project and one for the end date of the project. Step one is to check on updates whether the post has the end-date field filled out. In my case, this is one of the legacy ACF fields that survived my great metadata purge. So checking it is done like so . . . The Slack archive API piece looks like this. And finally we run this function when projects are updated like so. We’re still experimenting with this workflow and archiving is a decent start. You can easily reactivate it and results still turn up in searches. It’s likely we’ll also rename it from p-whatever to z-whatever to get it out of the way.