Tip: make JavaScript errors more apparent, then fix them

A long time ago, if a JavaScript error happened in the browser, a half-screen popup was shown to the user, asking if he wants to continue scripts execution on such a low-quality page. And user had the right to view the page without JavaScript at all, as most websites were functional without it. Tell this to modern frontend developers with their ubiquitous ‘undefined’ Is Not an Object.

Since then, JavaScript errors were hidden far away into developers console, because almost all modern websites are piling with it. The last time errors were visible somewhere in the interface was on FireBug button.

Of course, you are a better developer and can make things better in your own product. Technically you can always test your website with developers console open. But tiny icon in top-left corner is easy to miss.

A more convinient solution would be to install an extension that shows errors and notifications in a clearly apparent place. JavaScript Errors Notifier does exactly that.

If you are like me, and can not install extensions because of security reasons I can suggest a tiny, stripped-down alternative. The codebase is bare minimum and the extension runs only on localhost, to satisfy strict security requirements. The extension is intended to be installed from local disk.

Extension handles both handled and unhandled errors - so will work both with your regular pages and React.

Source on Github

#Frontend

---

Browser extensions are probably bad for you

Want to share my controversial opinion about browser extensions, and how it changed over the years.

Just found my post written in old blog 2010 mentioning 22 extensions I was using daily in Firefox. Oh good old times, when extensions were so powerful!

When I've started this blog in 2016, I've recommended being careful about extensions, and review code before installing it.

Today I am strongly against installing extensions at all, because of the following reasons:

1. It is too easy for an extension to get access to all your digital life, banking, and stuff. And then do bad stuff with it.
2. Even if you trust the extension author, there is a chance that code will have a nasty vulnerability.
3. Even if the extension author is good at programming, there is a chance that their account will be forgotten, abandoned, stolen, or hacked, and baddies will publish vulnerable code as an update.

Such stories happen too often, even with popular extensions.

Read More →

USB Volume Control using Adafruit Rotary Trinkey

Adafruit Rotary Trinkey is a cool, 30-minute DIY build project. And having a nice tactile USB volume control knob on your table is very convenient.

Also, I dig Circuit Python development approach: the device is recognized as a USB drive. To program it, you just edit code.py file using any OS/editor. Changes applied immediately on save. Outputs on serial console. No development environment setup is needed! Nice, easy, and very refreshing.

• Just enough circuitry for volume control
• Computer sees device as HID. Simulates pressing keyboard media keys so compatible with any OS
  • Also can simulate mouse, for example for a scroll wheel
• Play/pause on click
• Extra touch button (for example for next track)
• Fits in Airport Tick Tac box
• Multi color RGB LED which you can use for current volume indicator or system notifications
• Put in laptops USB port, USB hub, or using an extension cable to get gadget in convinient location
• Source Code using (Circuit) Python is short
• Requires tiny bit of soldering

Overall I had a lot of fun with this little gadget. Totally recommend!

#DIY #Adafruit

Cable management tip: make them coiled

Every wired device comes with a 1-2m cable. Like why do I need a 2m cable for the mouse? It is not like pc located on a different floor. Laptop's USB port is 10cm from the mouse, and all modern displays have USB hubs¹. And cable hanks are ugly. Usually, people address ugliness by replacing cables with Bluetooth/RF/Wi-Fi, but meh. Coil whine, interference with other devices, random disconnects, dead battery in the moment you need it the most... So much unnecessary problems. I'm old, and I like my computer peripherals to have wires² of reasonable length. Previously I've even resoldered some USB cables to make them shorter.

Recently I found an ultimate solution from The Mechanical Keyboards community - DIY coiling cables. It is not necessary for detachable cable aesthetics, the method works on all peripherals, even with a cable attached. Each coil shortens the wire section π times! And by leaving part of the cable uncoiled you can get the exact length you need. And it looks neat. Requirements: a hairdryer, stick, and 10 minutes. Genius! Check the tutorial on YouTube.

Comments are on HACKADAY

#DIY #Tip

---

CyberBadge activated!

Sometimes I look at the ordinary things and just see Raspberry Pi inside. Of course, in real life, there is no Pi inside, so I need to build it in there myself. Recently I found a minimalist wallet (or badge) and transformed it into an eInk CyberBadge!

To me, the wallet looked like a perfect sci-fi themed frame for an eInk display. Resulting in some kind of smart badge.

Read More →

OpenWRT vs DD-WRT vs Tomato in 2021

Disclaimer: this post is full of sadness, and contains a very subjective opinion

The router is a crucial part of your infrastructure. And there are two things wrong with modern routers. First routers are rarely getting security updates because manufacturers are busier with releasing new products than supporting old ones. So if you have an older router you are at risk of becoming of part of a botnet or your data stolen. Or in other cases, manufacturers themselves can sell your data for their benefit. And I'm speaking about trusted brands, not even about shady ones.

The obvious solution would be installing some open source firmware. The most known ones are Tomato, DD-WRT, and OpenWrt.

Read More →

Low Power eInk Weather Gadget

Taking a glance at the weather when leaving your cozy bunker is a very useful thing. It allows you to prepare for the ever-changing conditions and select protective gear according to the situation. You definitely need one!

To achieve that, of course, you can use your portable computing device (aka smartphone). But trust me, it is much more convenient when a nifty screen describing current and predicted weather condition resides on a shelf near the exit airlock. And it much simpler to build one then you might think.

As information is rarely updated, the natural choice for display is e-ink technology. A lot of engineers are using Raspberry Pi to drive it. But even Pi Zero is too much overhead for the simple task of downloading JSON file and presenting it on the screen (and I'm not even speaking about bringing node.js to the equation). It is like using a sixteen wheeler for door-to-door pizza delivery.

Much more suitable for the job is ESP32 system-on-a-chip. Recently I've discovered awesome boards from LilyGO. It has an 2.7" black/white/red e-ink display and wifi/bluetooth. Boards are programmable from Arduino IDE without shady software. Could be powered from literary everything: power bank, battery salvaged from your old mp3 player, LIR2450 coin cell battery... As it refreshes once in an hour you will get months of runtime - so combined with wifi - no wires on your shelf. Also, it has an sd card reader, 4 programmable buttons and pins for the speaker and microphone, in case you want some extra functionality.

Read More →

How to create your own web stats in the age of GDPR and Ad Blockers

In the days of the Old Web, getting to know your visitors was simple. You just throw some web counter code on the page, wait and see. After some time you would get some insights if your writings are actually read by anyone, or you should move on next project. These days are long over. Nowadays, there are ad blockers, bots, and other stuff. Any popular analytics tool is very inaccurate. And also there are murky GDPR laws.

For example, on this blog counter shows exactly zero visitors per day, Cloudflare Server Side logs shows hundreds of visitors, but the reality is somewhere in the middle.

Recently Cloudflare released their own Client Side Web Analytics. But they called their script beacon.js. Cmmon, scripts named *beacon* are usually first to be ad-blocked.

If you have your own server, you can get real data using GoAccess.

If you host elsewhere, your only option is to roll your own analytics. Because there is a very small chance of your uniq solution being blacklisted by ad blockers. Just be creative!

Let me share a way how to homebrew super-simple analytics for free.

Read More →

About Raspberry Pi Laptop I'm building

Let me tell you about that Raspberry Pi Laptop (or Cyberdeck) project I'm working on for quite some time. Let's call it Militarish Pi. At this stage, build took around 6 months (≈10 hours of prototyping, ≈20 hours of searching for the right parts, ≈4350 hours of waiting for parts to arrive). Now waiting for more parts, so before it takes another 6 months I probably need to write something about it.

Read More →

Best games for your Retro Gaming Device

What to play on your WaveShare GameHat after you install RetroPie, Lakka or RecallBox? Usually, people search for shady places on the internet where one can download ROM files. But Nintendo will hate you for that, even if you "legally" owned these games on cartridges.

Did you know that there are games for retro console emulation systems that you can enjoy without violating any laws?

• Of course, you can buy new games (for example Astebros, "Tanglewood" and "Xeno Crysis") that are developed for vintage platforms.
• Some games have copyright expired or lost. Check Abandonware. You will be surprised how much popular old-school titles are now free.
• Ton of games (so called homebrews) was created by enthusiasts and released for free. Retrobrews tries to keep track of most of them.
• Another good places to look are Retro Veteran and PDRoms
• itch.io has a lot of homebrews in development. Just search for you platform name example.

So there is a lot of free games. Let me save you a bit of time and recommend a couple of titles, that are actually good.

Read More →