Frontend
Nerd

สวัสดีครับ. My name is Armno. I am a frontend(-ish) developer at BUZZWOO! Asia, based in Chiang Mai, Thailand. I’m interested in JavaScript, Angular, and Frontend performance. This is my blog where I write about my web development experiences.

I’m also on Twitter and GitHub.

Latest Posts

จาก Jekyll สู่ Hugo

  • #Static Site Generator
  • #Hugo
  • #Jekyll

บันทึกเรื่องราว การเปลี่ยน static site generator ของบล็อกนี้ จาก Jekyll เป็น Hugo ครับ

Storck Visioner Comp G1

  • #Bicycle
  • #Storck Visioner
  • #Cycling

จักรยานเสือหมอบของผมเอง

ทำ Mechanical Keyboard ใช้เอง

  • #Mechanical Keyboard
  • #Build
  • #Hardware

ลองทำ mechanical keyboard ขนาด 60% เองด้วยบอร์ด GH60 Satan กับ Gateron Brown Switch โดยหาซื้อชิ้นส่วนจาก AliExpress แล้วนำมาประกอบเองครับ

แนะนำ font สำหรับเขียน code: Fira Code

  • #Fira Code
  • #Coding Font
  • #VSCode
  • #iTerm

Fira Code ถูกพัฒนามาจาก Fira Mono ที่เพิ่มการแสดงผลอักษระพิเศษ (ligagures) ที่ใช้ในการเขียน code บ่อยๆ เพิ่มเข้ามา (พวกวงเล็บ เครื่องหมายมากกว่า น้อยกว่า เท่ากับ ฯลฯ) ทำให้แยกแยะเครื่องหมายที่คล้ายๆ กันได้ดีขึ้น

ย้าย Blog จาก GitHub Pages มาที่ DigitalOcean ตอน 2: #PERFMATTERS

  • #jekyll
  • #nginx
  • #browsers
  • #perfmatters

หลังจาก setup server พร้อมกับ deploy process เสร็จแล้ว ก็ถึงเวลาที่ต้อง optimize blog นี้ให้ไวขึ้น โพสต์นี้จะเกี่ยวกับการ config server nginx กับ jekyll เพื่อ performance ครับ

ย้าย Blog จาก GitHub Pages มาที่ DigitalOcean ตอน 1

  • #blog
  • #jekyll
  • #github
  • #letsencrypt

บันทึกเรื่องราวของการย้ายบล็อก armno.in.th จาก GitHub Pages มาโฮสต์เองบน server ที่ DigitalOcean ในตอนที่ 1 นี้จะเกี่ยวกับการ set up server ทั่วไป พร้อมกับ jekyll-hook เพื่อทำการ automated deploy จาก GitHub ครับ

Debug Firefox บน Android ผ่าน Wi-Fi

  • #firefox
  • #devtools
  • #mobileweb

Developer Tools ใน Firefox มี feature WebIDE ที่เราสามารถใช้ debug web app จาก Firefox บน Android ได้ผ่าน WiFi ถือว่าสะดวกดี มีขั้นตอนการ setup เพียงเล็กน้อยครับ

ใช้ประโยชน์จาก Project Settings ใน Sublime Text

  • #editor
  • #sublimetext
  • #tools

Sublime Text ดูเผินๆ แล้วเป็น text editor ธรรมดา แต่จริงๆ แล้ว ก็มาพร้อมกับฟีเจอร์ในการจัดการโปรเจ็คอยู่อย่างพอเหมาะ อาจไม่ครบครันเท่ากับ IDE ทั่วๆ ไป แต่ก็ถือว่าใช้ทำงานได้ดีเลย

zsh syntax highlighter

  • #terminal
  • #zsh
  • #oh-my-zsh

zsh-syntax-highlighting เป็น plugin ของ zsh ที่จะทำให้ command ที่เราพิมพ์ใน terminal มีสีสันขึ้นมาได้ และช่วยป้องกันไม่ให้เราพิมพ์ command ผิดได้อีกด้วย

วิธีการทำงานของ web browser

  • #web
  • #browser
  • #rendering
  • #performance

Web browser นั้นก็มีหน้าที่แปลง code ของทั้ง 3 ส่วนประกอบนั้น แสดงผลออกมาเป็นเว็บไซต์ให้เราได้ใช้งาน ในฐานะคนทำเว็บ การเข้าใจหลักการทำงานของ web browser นั้นช่วยให้เข้าใจถึงที่มาที่ไปของสิ่งที่ปรากฏบนหน้าจอ รวมถึงจะเป็นประโยชน์ในเรื่องการ optimize performance ของเว็บไซต์ด้วยครับ

Full Blog