QuickStart in TypeScript and love it — You must have heard TypeScript many times, and there is a playground on its official website now, but as a serious developer, you are not convinced until you see it does something real for you; in other words, as a web programming language, you would like to see TyepScript running…

React vs. Vue: code efficiency — Chances are we agree that React and Vue are the top two Front-end JavaScript Frameworks but may have a very different opinion on which one is the best. Instead of going through the pros and cons, allow me to show you one example. Headless UI is an amazing site with…

Best of both worlds: static & dynamic web content with Vue — With this writing, I illustrate the reasons and steps that lead to an efficient Vue-based development environment; for any impatient readers, feel free to skip forward to the end for a functional Github project. 1. Why Dynamic Website is Not the Best We love the dynamic experience of the web, but it does not mean that we should…

When developer experience matters — Which web framework works the best? As a developer, I would like to share the tools I like the most from my experiences working with these frameworks. 1. Status Quo of the Web Tim Berbers-Lee wrote the first version of HTML in 1993, and the first browser Mosaic by Dave Raggett, was released in the same…

Finding tools and workflow for a better developer experience — The gameplay of Journey, a mega-hit by Thatgamecompany, was designed based on the idea of keeping players in the flow state, according to Jenova Chen. He explained why flow matters in games in his MFA thesis at the University of Southern California. Written in 2006, it does not read outdated…

Create Vue app with Tailwind CSS — There are adequate choices on the tools and workflows for building dynamic applications. After a reasonable amount of time on research, you might agree with me that Vue and Tailwind CSS are on the top of the list. To me, the next logical step is to try it before making…

Lighting, texture and displacement mapping in GLSL — Modeling with Mathematics Computer Graphics begin with defining shapes mathematically. Modeling sphere and cube can be solved with ease, but defining real-world objects are challenging. …

An introduction to the Jamstack and Headless CMS — From LAMP to JAM stack According to history.com, the beginning of the Web as a publicly available service on the Internet arrived on August 6, 1991, when Berners-Lee published the first-ever website. The need for the content management system (CMS) soon emerged. LAMP stack, which stands for Linux, Apache, MySQL, and PHP/Perl/Python, was introduced in…