Setting up Cypress for an Angular ProjectCypress ( cypress.io) is a testing tool that can test anything that runs in a browser from unit tests to end-to-end tests.Feb 26, 2020801Feb 26, 2020801
Creating a URL with HttpParams in AngularToday I learned how to create a URL with query string parameters with HttpParams class in Angular.Feb 24, 20201361Feb 24, 20201361
TIL: Using fzf to search in command historyToday I learned how to do a fuzzy search in command history using fzf, and a bit about sed.Jan 16, 202072Jan 16, 202072
TIL: Convert a PNG to a JPG with sipsToday I learn how to use sips to convert a PNG image to a JPG image from the command line from The Robservatory blog.Nov 5, 201971Nov 5, 201971
TIL: Creating Git Commit Message TemplateToday I learned how to create a template for Git’s commit message from thoughtbot’s blog.Oct 24, 2019188Oct 24, 2019188
Renaming an Angular ComponentTL;DR — There is no easy way to rename an Angular component. There is no$ ng rename or $ ng move commands to rename components easily in…Aug 22, 20191822Aug 22, 20191822
fzf — The Fuzzy Finderfzf is my new favorite command-line tool. I learned about this tool from Remy Sharp’s post: CLI: Improved.Aug 21, 201916Aug 21, 201916
TIL: Using Multiple SSH KeysToday I learned how to use multiple SSH keys one a computer.Aug 14, 201950Aug 14, 201950
Customize DZ60 Firmware with QMK Configurator#nerdalert QMK configurator app is an easy way to customize QMK firmwareJan 15, 2019130Jan 15, 2019130
VSCode and WebGL DevelopmentI start learning about WebGL recently. The editor I use is VSCode which is an awesome editor for frontend development, but still, I found…Oct 11, 20181832Oct 11, 20181832
Customizing DZ60 Keyboard FirmwareThis post is about how I customize DZ60 firmware on my keyboard. I know I will need this note in the future if I have to update or…Jul 2, 20181Jul 2, 20181
Tweaking My Custom Mechanical KeyboardI recently got a KBDFans 5° Aluminium Case from KBDFans store for my custom mechanical keyboard. It’s my first aluminum 60% keyboard case…Apr 1, 20181Apr 1, 20181
Generate Beautiful Angular End-to-End Test Reports with MochawesomeIn my previous post: Setting up End-to-End Testing in Angular Project with CodeceptJS, we learned how to integrate CodeceptJS with an…Dec 7, 2017Dec 7, 2017
Setting up End-to-End Testing in Angular Project with CodeceptJSAngular comes with Protractor for end-to-end (E2E) testing. While Protractor works really nicely with Angular, it can be a bit tricky for…Dec 5, 20171Dec 5, 20171
My Custom Mechanical Keyboard 1.1I built my very first custom mechanical keyboard about a while ago. It was a shift from a full-size, 104 keys, Cherry MX Red switches…Nov 26, 20172Nov 26, 20172
Things I Learned from Grid Garden, A Game for Learning CSS GridJust like learning Flexbox, it took me some time to understand the whole picture. Fortunately, there are a lot of resources about CSS Grid…Nov 23, 20172Nov 23, 20172
Building My Own Mechanical KeyboardI built my own mechanical keyboard using GH60 Satan board and Gateron Brown switches. I had so much run and learned a lot.Aug 19, 20172Aug 19, 20172
Creating a Custom NgModule for Material Components in AngularNote: I wrote this post in 2017. Things might have already changed.Jul 14, 20173Jul 14, 20173
TIL: Importing Lodash into Angular, the better way.Update — December 2019: Here is how I do it to get the smallest bundle size in the prod build.Jul 12, 201711Jul 12, 201711
TIL: Analyzing Angular App’s Bundle Size with source-map-explorerToday I learned how to use source-map-explorer to analyze an Angular app’s bundle file(s).May 23, 2017May 23, 2017