12

Weekly Web Harvest for 2018-08-05

When You Hear _______, Pay Attention – Hacker Noon… you’re about to fall into a trap and need to pay attention): Might as well do [some extra thing] while we [do the original thing] Fallout 76’s Downright Exciting Plan to Deal With Griefing and Trolls :: Games :: Features :: Fallout 76 :: PasteHoward says they wanted the game to have an element of danger without griefing, which is a tall order in an open world online game. To achieve this, they implemented features that will greatly reduce any incentive to grief other players, and turn those that do into the villains. For example, when you shoot another player, your character only does a small amount of damage, with more damage awarded if you continue and engage and enter into PvP. Players who die may seek revenge for their deaths, gaining double reward of caps and XP. Players that kill those who didn’t want to be engaged are labeled a “wanted murderer” and have a bounty placed on their head. If you are labeled a wanted murderer, you will receive no reward for those kills. Wanted murderers will also appear on your map as a red star denoting the bounty on their head, and the bounty comes out of their personal stash of caps. They also cannot see the other […]

05

Weekly Web Harvest for 2018-07-29

Fostering focus for small screens – Dropbox Design – MediumA nice before/after redesign post with a focus on mobile and simplicity. Hack The Box :: Penetration Testing Labsinteractive learning media

01

Super Cleansing Cut/Paste into Tiny MCE in WordPress

Had someone cut/pasting from Google Docs into WordPress and it was ending up littered with internal style elements and super irritating span classes. I found this post which got me 95% of the way there and just added .removeAttr(‘style’) to get rid of the inline styles. Now I can just re-cut/paste and get a clean chunk of text.

29

Weekly Web Harvest for 2018-07-22

Logging Activity With The Web Beacon API — Smashing MagazineThe Beacon API is used for sending small amounts of data to a server without waiting for a response. That last part is critical and is the key to why Beacon is so useful — our code never even gets to see a response, even if the server sends one. Beacons are specifically for sending data and then forgetting about it. We don’t expect a response and we don’t get a response. Did you know that style and script tags can be set to display: block? | CSS-TricksThe other night, Amit Patel mentioned that you can set script tags in HTML to display: block with CSS and then edit that code inline with the contentEditable attribute. This means that you can then see it all update live in the browser as you type. Shortly after, Marius Gundersen replied that you can do this with the style tag as well. A pre-history of weeknotes, plus why I write them and perhaps why you should too (Week 16)Writing: I know from experience that naming and recording these wobbly feelings is valuable because, at some point in the not-too-distant, you come back to your own work and say, “holy shit, that’s amazing, how was I capable of that,” and then you read the historic […]

24

Accessible ACF-Based Tooltip Dictionary

We have a bunch of world language professors prying at the edges of Pressbooks. One of the requests yesterday was to be able to create a mini-dictionary of target language words at the beginning of sections written in that target language. Mousing over the words would show their English equivalent. The intent is to have ready assistance for those who need it so that writing in the target language can happen earlier in the course. ACF came to mind pretty quickly for this case. I really just needed the ability to generate two values that are paired together- the target language word and the English definition. I need to be able to make as many of these pairs as the person wants to put in there. That’s custom made for the ACF repeater field. Now that I had an easy way for people to add the words, I just needed a way to do the tooltip display. There are 12,000 ways to do this but I just looked around for one that bragged on its accessibility. I found this example on codepen and went with it. This bit of php builds that content. Now that we have the the content and way to handle the tooltip piece, I needed to stick it at the top of the posts. That’s just […]

22

Weekly Web Harvest for 2018-07-15

St. Louis Uber driver has put video of hundreds of passengers online. Most have no idea. | Metro | stltoday.comJason Gargac, of Florissant, livestreams videos of his rides as an Uber and Lyft driver in greater St. Louis without his customers’ knowledge. This screencap from Gargac’s channel on the livestreaming website Twitch shows him transporting passengers on a recent ride. The faces of passengers have been covered with black boxes by the Post-Dispatch. Screen-capture via Twitch. How the Roman Empire Made Pure CSS Connect 4 Possible | CSS-TricksIn this article, I will walk through the key ideas of a Pure CSS Connect 4 game I built. I tried to avoid hardcoding as much as I could in my experiment and worked without preprocessors to focus on keeping the resulting code short. You can see all the code and the game right here: Newcomer Conjugate Method Lessons / Elite FTSDynamic effort days will not be easy. These were harder and heavier than the max effort days. First, I started with nine sets of three, then switched to 12 doubles as Louie suggested, because in a powerlifting competition you just do singles, so you are better off doing a first rep 12 times than only nine times. Dynamic movements should be done fast. We are using 50%, 55%, or 60% bar weight, […]

Will Wonka asking you to tell him again what WordPress can't do.

Workshop to Event Workflow in WordPress

I have been doing little other than semi-real web development for three weeks across a number of projects. It’s a level of sustained practice/work that I’ve probably never done before. Who knew that kind of focus could actually result in fairly dramatic improvement? One of the projects is the reconstruction of our ALT Lab department page and I have had the chance to really do some stuff that I’ve been considering for several years. There’s a lot going on in the site but I’ll focus on one little concept/workflow for the moment. We have two goals in this case. We want a browsable catalog of workshops we offer that can be shared with people so they can request them.1 We need a calendar of events. Those events will include workshops that are presented at a particular date. We use Events Calendar Pro for this and are very happy with it. Workshops – The Post Type Step one was to create a custom post type called ‘workshop’ and then assign some custom fields to it with ACF. That keeps the content fairly consistent in look/feel and gives us enough standardization to do other tricks. We ended up with a custom post interface that looks like the gif2 below. You can see the ability to add learning objectives, examples, audience etc. in […]

17

iFrame Height

We have a site on rampages.us that’s being used for the creation of world language OER modules. They’re using H5P and a variety of media elements with some text to give context etc. The goal was to be able to embed these pages on another WordPress site that is running PressBooks on another server. There are two levels of hassle I wished to make go away. I didn’t want them having to go into text view and I didn’t want them to have to guess how big the page was to set the iframe height manually. I started going down the road with a WordPress plugin for iframe resizer but was failing to do something right and got annoyed . . . so I went in multiple other directions. Given I had control of both sites, I decided I’d make my own little embed code cut/paste element on the source site that’d use a simple shortcode plugin on the destination site.1 The source site got a little element on the PHP end that would show you the embed code box if you were an editor or higher. A dab of javascript gets us the height and writes out the iframe details. A bit more javascript gives us a button that will copy it to the clipboard. Now the people can […]

15

Weekly Web Harvest for 2018-07-08

Super Punch: “ECOT, Ohio’s largest online charter school, officially closes”lies and theft in online edu . . . similar to lies Temple’s business dean engaged in This sun-chasing robot looks after the plant on its head – The VergeChinese roboticist and entrepreneur Sun Tianqi has made it happen: modding a six-legged toy robot made by his company Vincross to carry a potted plant on its back. The resulting plant-robot hybrid looks like a leafy crab or a robot Bulbasaur. It moves toward the sunshine when needed, and it retreats to shade when it’s had enough. Learning To Code By Writing Code Poems — Smashing Magazine Temple business dean forced out over falsified MBA data used in rankings – Philly “the Fox School … knowingly provided false information to at least one rankings organization about the online M.B.A. In addition to the misreporting of the number of students who took the GMAT from 2015 to 2018, the average undergraduate GPA was overstated, and there were inaccuracies in the number of offers of admission as well as in the degree of student indebtedness.” H-Diplo Commentary 1 on Enlightenment Now: The Case for Reason, Science, Humanism, and Progress | H-Diplo | H-NetOr maybe you have just closed Steven Pinker’s latest book, which would not have been out of place as propaganda material in […]