Posts

CSS3 3D Books on a Shelf

Image
In an attempt to spice up a navigation system I'm working on, I took to CodePen to experiment with some CSS-based 3D books on a shelf.

Although I believe the books turned out pretty good, I dashed the effort in lieu of a more simplistic approach. That aside, figured I would share the books I came up with, primarily because web development projects are fun to share.
Development PhasesBad ShelvesGood ShelvesNarrower ShelvesShelves with Taller Books (latest/most developed) Sources The base for this development effort was in part thanks to Intro to CSS 3D Transforms by David DeSandro. Although I completely overhauled and applied all types of modifications, David's examples provided the initial insights.

Gradient lines for the edged faces on books is thanks to moz://a's MDN web docs.

I originally tried a pseudo :after class for the shelf, but due to perspective incompatibilities, I ended up only using this for the soft blur between books. The pseudo class…

Triple Web App Revival: Keep Track; Pick-a-Meal; Guess Right

Image
Triple Web App Revival: Keep Track; Pick-a-Meal; Guess Right I develop web apps for continual daily training and as a way to stay productive---and because they can sometimes produce fun and useful tools to use in life. Sadly, two of those utilities, and one of my games took to the sidelines last year. Fortunately, however, I was finally able to devote some time to getting them all up and running once again.

Tech Details: tl;dr---The PHP EOL crept up on me, and in upgrading PHP, I also had to upgrade Laravel, which I knew was going to take some time (turned out two weeks' worth, but could've been worse). Unfortunately I don't recall much about all the controllers I wrote, and I likely understand less about traits and middleware than ever before. But alas, I am not a Laravel Developer; I know enough to get my apps working (usually).

It was a delight to see all three sites spin back up---the blue on KeepTrack was beautiful; the coffee cup on Pick-a-Meal gorgeous; and the dep…

Solve for 'x' with the Equation Calculator

Tweet Tweet !!:
The "Equation Calculator" is the best "solve for x" calculator I've come across: https://www.symbolab.com/solver/equation-calculator ... and it takes full URL calculations https://www.symbolab.com/solver/equation-calculator/%5Cleft(x-25000%5Cright)%5Ccdot0.05%3D0.25x complete with step-by-step solutions. (#Symbolab; #Eqsquest)  — Keith D Commiskey (@kdcinfo) October 17, 2019 Although learning the Solver on a TI-83 or -84 is just as helpful (especially being that's allowed during tests).
For the Solver, where (x-25000) * 0.05 = 0.25x
... just let Solver's 0= (x-25000) * 0.05 - 0.25x -keithdc.com

Opera Browser Disables Keystrokes in other Apps [O-63 / W-1809]

Image
Recently I've been experiencing intermittent issues in trying to use certain keystrokes in a few of my more common Windows-based applications. The two primary shortcuts I found that I cannot use are Ctrl-Shift-Home and Ctrl-Shift-End. These two shortcuts should highlight from the current cursor position to either the top or bottom of the available selection set, respectively.



I checked all types of OS-level keyboard settings. After closing a few apps in an effort to reboot, I suddenly found I could use those keystrokes again! So I brought back up my apps . . . one at a time. The moment I reopened Opera, the keystrokes disabled.

I tried disabling a lot of the various settings in Opera, one of which required a restart. I could not find a setting that gave me back these keystrokes.

Strangely, Shift-Home and Shift-End both work. Ctrl-Home and Ctrl-End also both work. They just don't all work together. Additionally, all the Shift/Ctrl arrow keys also function fine.

I am in the dark…

Pet Ref App: A Customizable Reference Tool

Image
Introducing the "Pet Ref App": A customizable reference tool. The Pet Ref App is an all-in-one location for pet-related notes and meds. Easy to use, the web app can be used in vet offices, by students in pet-related fields, or as personal notes or school references.Now Open! As of Thursday, August 22, 2019, the Pet Ref App site officially launched and is ready for sign-ups.

Web App Background

The Pet Ref App resource tool was initially created to help with gaining an understanding of "what means what" when first starting to work with pets. There is so much information involved in caring for pets, and most times all of this information is strewn across books, binders, and websites, or worse, the information is only shared verbally amongst individuals.

This made learning about pet care challenging. This reference app was an attempt to centralize the information, while making it accessible via any computer or phone (#lovetheweb).

In demonstrating the reference tool, i…

Memory Recall: An Interview Thought

At least a few hundred JavaScript algorithm challenges after taking Harvard's CS50 course, I realized that I use (my brain uses) a "trie" type of knowledge retrieval approach, as compared to someone who can do more of a "dictionary" type of memory lookup. That is, my recall works better when I'm creating and analyzing code (e.g., surrounded by context).

For instance, if I come across a need for the "spread operator", I may need to look up a quick example for syntax reference, but I know I can use it and I will put it to use. Or I may devise another method that may work out better long term, considering the potential future expansion of that particular code. Or I may just prefer another approach (e.g., I prefer `slice()` and `concat()` for copying arrays (but would always go with whatever coding guide I'm working with, if any)).

Anecdotal disclaimer: Using unfamiliar functionality can take me a half dozen trial and error attempts, but I always …

Front-End Development Certifications x2

Image
Two more freeCodeCamp certifications completed, with one more at 70%.
Responsive Web DesignJavaScript Algorithms and Data Structures And although I'm only at 37% with Harvard's CS50W: Web Programming with Python and JavaScript, and 23% with Google's 'Master web development' courses (via Udemy), I'm considering running through another Vue series (via Laracasts), being the last one I went through was in Jan-Mar 2017.

UPDATE: On the other hand, perhaps not... the training video shows they're using 2.1.3, and although I could look around for something in the 2.5.x range, I believe it would be prudent to instead find more professional and in-depth courses for the latest React.

All current and previous training progress (such as my 11 completed courses) can be found on my Training Progress SPA (now a PWA! (...works offline: can't get updates (due to there being no network), but it works offline! :D )).

https://keithdc.com