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.

WP API Posts Plugin

This is a little plugin I wrote while working with Jon Becker to build out the Ed Leadership Hub site. Essentially, we wanted students to be able to fill out a quick form and build out a profile page. As is my my wont, I went the Gravity Forms route. They could give a short bio, twitter account, and their portfolio URL. We’ll be tying in the the posts via Feed WordPress but it seemed like more hassle than it was worth to map the author id to this page. Pretty fun to be able to build out a solution on-the-fly and since all students were going to be in rampages I didn’t have to worry about WP not being upgraded or running from a non-HTTPS server. This chunk of the plugin builds out the HTML from the shortcode. You can see the data-url, data-num elements being populated. There’s a few other things in there I haven’t yet activated. Using data elements is the easiest way I’ve seen to pass variables to the javascript . . . the javascript looks for the altlab-getsposts id and then pulls the data elements from it. Once again, there’s some extra stuff in there for down the road that I haven’t implemented here.