neato websites

https://lookmomnocode.com – frequently-used website templates, which could be very useful for market research operations. set up some ads, put your test page up, determine the efficacy of the ad all the way through your sales funnel before writing a line of your own code to validate your idea.

https://ciechanow.ski/color-spaces/ – how color spaces work. it seems rgb^2 and rgb compliment each other nicely.

http://notarealhuman.com – generated avatar faces. some artifacts, but high resolution and often realistic-looking.

https://thiscatdoesnotexist.com/ – generated cat pictures, because why look at other peoples’ cats when you can have the computer generate fictive cats.


https://conversionxl.com/feed/ – a blog that summarizes customer behaviour studies, and how to break out the task of “marketing” into smaller components. formulas and terminology are named, which helps with google searching, too.

https://www.producthunt.com/ – new products being promoted by people. generated too much volume, subscription cancelled, but some of the products are interesting.

http://bradfrost.com/blog/ – a web designer’s blog that’s rather interesting to read.


neato websites

https://explainshell.com/ – a tool to find out what a particular shell command is likely to do.

http://n-gate.com – a tech news site whose editorial bias is clearly stated: “Opinions are those of your employer.” Spectacular conference coverage.

This is a video about applying principle component analysis to embeddings derived from generative adversarial networks:


https://seclists.org/rss/oss-sec.rss – open source security mailing list. While volume is high, this mailing list may include test cases and resolutions for vulnerabilities as they appear.


Ground broken on local network report generation site, to speed up human operations. Improve human-in-loop process execution speed by ten percent, twenty five times, and that is a 10x process execution improvement. Instrumentation to measure current human-in-loop operations are included in this project.


neato website

Recently, a subscription-based social media site, socialgalactic.com, was launched. The site already appears to have paid subscribers due in some part to the loyal following of the website’s creators.

The public-facing user interface appears to be based on vue.js and bootstrap. While vue.js introduces too many layers of indirection from actual dom manipulation than I am personally comfortable with, it is a reasonable choice in terms of very-small-footprint view libraries. Being used in a large social media website could lead to even more widespread adoption of the vue.js project.

It will be very interesting to observe the composition of paid subscription levels among this website’s users over the next several years. If content and foaf datasets become available, it would also be interesting to compare against similar datasets produced by existing social media platforms. Feeding post content through a sentiment analyzer, for example, or observing how subscription level changes in a member’s friends list correlates with that member’s decision to change their own subscription level, would provide valuable insights for other projects that seek to create profitable subscription-based products.


neato websites

http://www.sawaccidents.com – statistical breakdown of saw accidents and their associated injuries.

http://ucnv.github.io/pnglitch/ – how to make various kinds of png glitches.

https://doc.rust-lang.org/book/ch03-03-how-functions-work.html – this is the page where I decided I do not like Rust. Still working through the manual.

Rust does not allow underscores in method names, but only camel case. It is useful under some circumstances to use underscores to indicate one kind of concept separator and camelCase to indicate another kind of concept separator. For example, when creating a path handler in a controller, one might name their method PageController@page_something_twoWords_index($id), where the associated path is like something/two_words/{id}, and the form validation handler is PageController@validate_something_twoWords_index, and the submit handler is PageController@submit_something_twoWords_index.

This is a matter of human preference, and it is difficult to derive widely-applicable measures for readability in program language or coding convention designs.

https://archive.org/details/book_of_politeness_1302_librivox/ – a public domain deportment guide.

Currently reading a book by autists who have learned social skills, and the procedures they applied to reach that goal. The participants claim that manners helped early on to smooth over interactions, before they understood or empathized with the strange, aggressive creatures that had them surrounded.


demo shader

From time to time, humans have occasion to respond to forum posts in a strategic way. The United States Air Force has published a procedure for such activity. This flowchart has since been translated into a shader for demonstration purposes.

The translation process was a matter of deriving the node types from the source image, filling in the text for each node, and then attaching the links between nodes in the node editor. Total setup time was 15 minutes. Once created, a shader link may be shared on social media, in email, or in blog posts and comments, to invite use.

As an usage example, suppose an agitator has defaced the landing pages and comments sections in an organization’s social media setup with their own content. It may be worthwhile to have procedures planned to deescalate the situation with minimal resources expended. Unprepared humans “on the ground” in such a scenario may become agitated by the agitator’s behaviour and rhetoric, and resulting public displays of anxiety or aggression may create long-term organizational issues.

Shaders may be modified after publication. Peopleshader.com includes facilities to download datasets of past shader activity. After the procedures have been applied on a number of occasions, one may find it useful to gather statistics from the sessions of that particular shader and extract probabilities and timings of each node and branch activation, which may provide useful insights during the adjustment or creation of new procedures.


domChanger for SVG

It took a lot of research and false starts to resolve this issue, so the solution has been made into a blog post for future readers.

One of the more productive lightweight libraries out there is domChanger, which implements virtual dom functionality like is found in React, without the weird parser extensions. Instead, the input to domchanger is a description of the dom to be created in a format dubbed “jsonml.”

When taking the naive approach to apply domchanger to scalable vector graphics, one quickly runs into an implicit constraint of the library: domChanger elements do not include the xmlns attribute in new elements, and svg elements require an explicitly stated namespace in order to operate on many web browsers.

To rectify this, the apply method must be modified to extract the top.namespaceURI, when building a new dom tree, and if creating a new tag element, to grab newItem.props.xmlns. The document.createElement call is then changed to a document.createElementNS call, with the xml namespace specified in the new element. This creates the svg element and its sub-elements with the appropriate namespace, and allows svg graphics on all svg-capable browsers tested.

For the code, see the domchanger.js from peopleshader.com, and compare against the canonical domchanger.js found elsewhere on the web.


“It’s called a ‘Work Breakdown Structure’ because the Work remaining will grow until you have a Breakdown, unless you enforce some Structure on it.”


2018 was spent on small client projects and developing peopleshader.com. Peopleshader.com is now deployed, but remains in test mode pending release. Once released, there are many options to expand view counts past the current level. Among those options:

  • Create shaders that provide practical guides, and putting them into search or social ads.
  • Encourage social media influencers to use shaders to bulk-process incoming contacts with surveys or audience feedback.
  • Locate organizations in the region and encourage them to encode procedures into shaders.

Each of these options must involve a small test case, and statistical instrumentation laid out ahead of time to safely determine effectiveness. Once a test case has been constructed and the statistical instrumentation has been put through its paces, decision support spreadsheets may be constructed.

Based on anecdotal experience, the creation and maintenance of an individual shader does not take very much work. There remains some confusion in the beginning about how to use the node editor, and tests must be performed to determine whether the graphic on the logged-out and logged-in landing page will help people to better understand the process.