The usually painless process of creating a bootable linux usb was rather sucking today.
First, I’d get the “disk you inserted was not readable by this computer” error (below) but I wasn’t worried.
Then, when trying to erase it using Disk Utility, I’d get the “Erasing process has failed”.
Once, I think, it actually started to erase one of the USBs I tried before failing.
It was only after a couple tries that I clicked “ShowDetails” but that didn’t help Google help me find any answers. Not the answers I needed anyway.
I saw more than one post online about Sierra (I have High Sierra) failing to erase USB flash drives. The solution was using Disk Utilities > First Aid but that didn’t work for me.
As it turns out, the problem was the USB sticks in question were formatted as FAT-32 which, apparently, Mac can format to but not read from. So I did this (step-by-step instructions below screenshot):
In the terminal, type:
Carefully and accurately determine which disk is actually the one you actually want to actually erase — the 8GB size was the clue I wanted /dev/disk3. Using that information to erase the USB — not my hard drive — I typed:
diskutil unmountDisk force /dev/disk3
I’m not sure how much that step mattered for me as I don’t think my USBs were even mounting.
diskutil erasedisk MS-DOS UNNAMED /dev/disk3
Your formatting type may differ as might your disk identifier.
I went back to Disk Utility and, right away, it looked different.
First, because I’m a stickler for following directions (follow the link for simple and easy instructions), I erased it in Disk Utility which, this time, gave me a happy, green checkmark.
I then used Etcher to, most triumphantly, create my bootable USB.
This is all an example of why MacOS rules and Windows drools. In the rare occasions something goes wrong, you can fix it easily. For the time being. Apple is, slowly but surely, f***ing that up on both counts and that is an example of why I increasingly use Linux instead.
At some point during your Linux learning experience, you realize you must do some file editing in the command line because your editing app of choice doesn’t have permissions to save the file in question and you really, really don’t feel like looking up the commands for opening that app with sudo in the command line again.
Like me, I’m sure you dreaded each time you had to choose which of the intimidating command line editors you’d open, then search for a web page that clearly explained how to use that app (re-learning what little you learned and forgot the last time), and mutter/curse to yourself as you screwed it up but, hopefully, eventually finished the tiny task that should have taken you a tiny fraction of the time you spent on it.
A couple days ago, I stumbled upon this:
Honestly, I’m more impressed with the concept and execution than I am the learning experience. So, there you go, sometimes a great “user experience” doesn’t mean a great “learning experience.”
Fortunately, I then stumbled on THIS:
An even better (far superior, in fact) interactive tutorial you already have.
There’s certainly nothing about the functionality to criticize but there were several things I immediately wanted to change so I thought I’d throw up a tutorial of my version.
Room for Improvement IMHO
Functionality is fine – it’s just a sample question as means to the Results slide end.
The “Print Certificate” button doesn’t print anything (let alone the certificate) but, rather, takes the user to the next slide. I have my own reasons for that in addition to the fact that my organizations users get very confused very easily. My first task was changing it to, “Get Certificate” but, looking at it now, I don’t like that either.
*OMG, I have to stop and say that when Helvetica, the little girl in Shorts, gets called “Typeface!” I want to die. Am I allowed to say Robert Rodriguez is my favorite filmmaker?
Getting the Learner’s Name from the LMS
I love this. I love having courses greet learners by name so I put this code on the first slide.
Click the Manage Project Variables button (last button under Triggers on the right in Figure 2).
Click the Create a New Variable (blue “plus” sign in Figure 3) button.
Enter “firstname” (or whatever you like) in Name.
Choose Text from the Type menu and click OK to close the variable creation window. Repeat as needed then click OK to close the variable manager window.
On any slide you’d like to display the name, click the Create a New Trigger button (first button under Triggers on the right).
Click the Script button.
Choose Timeline starts from the When menu (Figure 5) and click OK.
In a text box, type the Storyline (that’s very important) variable between percentage symbols (Figure 2).
For testing, you must publish the LMS shizzle and test it in your LMS. Publishing for Web won’t work. You need that SCORM yummy goodness to do its magic. If Storyline does nothing else well, it does SCORM reasonably well.
Course Name: An Apology for Misleading You
Before you get excited, no Storyline does not get the course name from the LMS. Storyline can’t do anything of the sort. Remember, you’re using a child’s toy, not a quality piece of software made by professionals for professionals.
I use a variable (Figure 3) instead of just typing the course name because I can then easily pass it along to the html page. I just have to remember to change the value to the appropriate course name.
Create a date variable and textbox to receive its value as discussed above (Figure 3).
Create a trigger for the slide using the code below (unless you’re outside the USA, in which case you can grab the code from the original tutorial).
Print Button Code
Create a trigger as before, using the code below.
I just adapted the certificate I made for live classes (the subject of a really cool dynamic pdf tutorial). I inserted it into Storyline behind the dynamic text fields and include it in the HTML biz-nizzle we’ll discuss in a moment. So, what they see in the course is what they get. I love the Smudge tool in Photoshop.
HTML (and image) File(s)
The original tute didn’t include an image file – the certificate is plain text and there’s nothing wrong with that. AFTER (very important) publishing for LMS, drop this HTML file and any images into the root folder.
Here’s the code and some explanation highlights.
Between the <body> tags of your html document are two sections: the <script> and the <style>.
The <style> is what you’ll need to wrestle with but don’t be too scared – it’s just changing the numbers until it looks good. In its current state, it works perfectly for the layout of my 720×540 image.
The most important piece is the z-index of #cert and #layoutContainer id selectors. That’s what puts the image behind (instead of beneath) the dynamic text on the page.
Ah, yes, I suppose there is one thing to criticize about the original code! The author used id instead of class for multiple tags. Don’t do that.
Testing and Debugging
Behold, just a sampling of the evolution of my final certificate.
Once I pried them apart (B) and got them centered only to have them fly out the window (C), I was pretty pissed. And frustrated. For a long time.
Soon, I’ll write a post about the pros and cons of how various browsers handle Favorites/Bookmarks. For now, I’ll just highlight each browser’s Favorites/Bookmarks bar — a focus of discussion in the Favicon tutorial. It’s a tiny matter, really, but I believe little things count when it comes to User Experience, User Interface, etc.
I may say something akin to, “Browser X doesn’t have this feature” and some of you might quickly think, “Yes it does” but the point of my statement is twofold:
I shouldn’t have to look for it
If I look for a setting, it should be easy to find
Those are the two commandments of UX/UI as far as I am concerned. If I can’t find or use a feature/setting, it may as well not exist.
A major advantage of Favicons is potential for optimized real estate on the Bar. By default, the bar includes both the site icon (favicon) and site name. Each browser has its own method for changing this.
Right-click a favorite in the Favorites Bar and choose Customize title widths > Icons only. Nice & clear, I must say.
Downside, IMHO, is it changes it for all of them. Ideally, we could change individual Favorites for a couple reasons:
Easily recognizable and rememberable (next year’s Word of the Year, I guarantee it) don’t need to show the site name while ugly, vague, generic favicons do.
Sites without favicons sharing the same generic icon provided by IE (or any given browser) need to show the name.
Multiple Favorites from the same site (a dozen favorites from Adobe.com, for example) need some descriptive text.
Tooltip shows favorite Name (which you can edit via right-click > Properties > General), page Title (which you can’t), and URL so you have even more freedom to use Icons only.
Icons only applies just to the bar, not to items in the menu (Figure 1)
IE rawks alone among all browsers by allowing you to change the icon (right-click > Properties > Web Document)! Yet another reason for Icons only. Win for IE.
Icons only also applies to folders so how many I create is limited by my capacity to remember their names and which folder is which. The tooltip shows it, but that’s a huge inconvenience because, you know, I’m a white, male, American.
Right-click a bookmark in the Bookmarks Bar, choose Properties, and delete contents of the Name field.
Pro: Above method is for each, individual favorite so I can have some with the name (Weather.com in Figure 2) and some without (Apple.com in Figure 2).
Rt-click > Edit and delete Name.
Pro: Super-convenient Add to bookmarks bar button. Win for Opera.
Rt-click > Edit and delete Name.
Con: Also removes Name from menu. Lose for Chrome.
Rt-click > Properties and delete name.
Also deletes name in tooltip. If I have the name showing, I don’t need the tooltip but if I don’t have the name showing, I need the tooltip. Lose for SeaMonkey.
Ugliest generic icon.
Convoluted mess I won’t dignify with a description. Lose for Vivaldi.
Doesn’t seem to grab favicons or even have a generic icon so everything else is moot. Lose for Tor.