Chai's Blog

TLDR: In Firefox:  Enter "about:config" into the address bar. Click past the warranty warning. Search for the preference "pdfjs.disabled" and make sure it's set to "false".  Enter "about:preferences#applications" into the address bar.  Search for the Content Type of either "PDF", "Portal Document File (PDF)", or "Adobe Acrobat Document" and set the Action value to "Preview in Firefox".  The Setting... This week at work, we got a couple of customer complaints about Firefox not opening PDF's on one of our web pages. The way we had the PDF open up was using an <iframe> element and setting the URL of the iframe to the source of the PDF. It worked fine in Chrome and IE11 (which are the other two major browsers we support) so what happened? I'd say the perfect storm. The Leaking Boat: Firefox Ending Support for NPAPI Plugins Back in October 2015, the Mozilla Firefox team  annou...

Disclaimer: This only works with traditional toilets with the toilet tanks that you find in residential buildings and if nothing is broken in your toilet!  TLDR: Hold down the flush lever a little longer than usual. Toilet Basics: If you're new to toilet terminology, there's a distinction between toilet tank, which is the part that houses the lever, water, and all these parts you see in diagram, and toilet bowl, which is the part you excrement goes in and out of. Here's a diagram of what my toilet tank parts looked like: Toilet tank parts diagram. Courtesy of https://removeandreplace.com/2013/09/09/fix-toilet-constantly-running-diy-toilet-repair-step-step/. So the problem: the past couple of days, I noticed one of the toilets in my home sounded like it was running a water leak constantly. After some Googling and watching toilet repair videos on Youtube, I was able to diagnose the issue - a faulty flapper (the red part in the diagram) - by lifting the toilet ...

I was watching Netflix's "The Mind of a Chef" and came across this interesting creation called Carrot-Coconut Sunny-Side-Up from Wylie Dufresne (Season 1 Episode 9 at around 13:20). He was able to create something with the consistency and look of an egg without using any eggs. What fascinated me was the combination of ingredients and cooking methods. The egg white is made with: Coconut milk Cardamom Sugar Locus bean gum Guar gum Xanthan gum All that is mixed into a pot and simmered and mixed. After some undisclosed time, it is simply scooped out and put on the serving plate where it will immediately cool down and congeal to the "egg white."  The egg yolk is made with: Carrot juice Smoked maple syrup Salt Glucose (so it doesn't freeze solid) Xanthan gum (to give egg yolk consistency) The egg yolk covering/gel is made with: Water Kappa carrageenan gum Locus bean gum The egg yolk ingredients are mixed, put into a mold that re...

If you've looked at the description in your editor for the @Injectable() decorator, you'll see something like this: Look at that interface.. It's blank! 😕 So why do we need it? The Angular documentation says this: At runtime, injectors can read class metadata in the transpiled JavaScript code and use the constructor parameter type information to determine what things to inject. Not every JavaScript class has metadata. The TypeScript compiler discards metadata by default. If the  emitDecoratorMetadata  compiler option is true (as it should be in the  tsconfig.json ), the compiler adds the metadata to the generated JavaScript for  every class with at least one decorator . While any decorator will trigger this effect, mark the service class with the  @Injectable()  decorator to make the intent clear. Read the last sentence again: "...any decorator will [work]...". You can actually make your own decorator and use that instead of the @Inject...

Angular: Core vs Shared Modules If you're new to Angular, you might get confused between these two commonly used modules. So what do you put in either components?  What goes in CoreModule? Your CoreModule contains code that will be used to instantiate your app and load some core functionality.  The clearest and most important use of the CoreModule is the place to put your global/HTTP services. The idea is to make sure only one instance of those services will be created across the entire app. The CoreModule, by convention, is only included in your entire app once in AppModule (only in the "import" property of the "@NgModule()" decorator inside your main app.module.ts, not in any other module's "import") and this will ensure services inside it will be only created once in the entire app. This is especially important if you intend to lazy-load your feature modules. Since lazy-loaded modules are loaded on demand (eg when you access the rou...

This post is assuming you have already determined your database and tables structure in your MySQL design. The next step would be to specify what types of data, length of the column data, if it can be null, and possibly default values. First, what type of data will this column contain? The three primitive data structures in MySQL are text, number, and date/time. Within the text data type, the subtypes are the following: CHAR(LENGTH) - Fixed-length field from 0 to 255 characters long. VARCHAR(LENGTH) - Variable-length field from 0 to 65,535 characters long.  TINYTEXT - A string with maximum length of 255 characters.  TEXT - A string with maximum length of 65,535 characters long. MEDIUMTEXT - A string with maximum length of 16,777,215 characters long. LONGTEXT  - A string with maximum length of 4,294,967,295 characters long.  Within the number data type, the subtypes are the following: TINYINT(LENGTH) - A number value that goes from -128 to 127 or,...