Blog

  1. Lazy Load รูปภาพด้วย LazyLoad library

    • #lazy load
    • #performance
    • #javascript

    การใช้ lazy loading กับไฟล์จำพวกรูปภาพ เป็นเทคนิคที่นำมาใช้ได้ง่าย และส่งผลดีอย่างเห็นได้ชัด ในโพสต์นี้ผมนำ library ที่ชื่อว่า LazyLoad มาใช้งานกับบล็อกนี้ครับ

  2. Hugo: สร้าง custom shortcode

    • #Hugo
    • #Blog
    • #Shortcode

    สร้าง custom shortcode ไว้ใช้เพื่อประหยัดเวลา ไม่ต้องพิมพ์ HTML เต็มๆ

  3. Hugo: สร้าง template ของ front matter ด้วย Archetypes

    • #hugo
    • #archetypes
    • #blog

    ใช้ประโยชน์จาก archetype ใน hugo สำหรับสร้าง template ของ front matter เวลาสร้างโพสต์ใหม่

  4. ทดสอบฟีเจอร์ก่อน deploy ด้วย Netlify Deploy Preview

    • #Netlify
    • #Continuous Deployment

    Netlify มีฟีเจอร์หนึ่งชื่อว่า Deploy Preview ที่ทุกครั้งที่เราสร้าง pull request (หรือ merge request สำหรับ GitLab) Netlify จะสร้าง URL สำหรับ pull requets นั้นให้โดยอัตโนมัติ ทำให้เราสามารถเช็คดูก่อนได้โดยที่ยังไม่ต้อง merge branch นั้น เข้า production branch

  5. Deploy Blog อัตโนมัติด้วย Netlify

    • #Blog
    • #Continuous Delivery
    • #Netlify

    แทนการใช้ Docker กับ CircleCI เพื่อ deploy blog แบบอัตโนมัติด้วยการใช้ continuous delivery ของ Netlify

  6. Update Blog อัตโนมัติด้วย Docker และ CircleCI

    • #Blog
    • #Hugo
    • #CI

    ลองใช้ Docker กับ CircleCI เพื่อ deploy blog แบบอัตโนมัติทุกครั้งที่ push ไปที่ GitHub repo

  7. แนะนำหนังสือ White Hat UX

    • #Book
    • #User Experience
    • #Review

    ที่ออฟฟิศมีหนังสือ White Hat UX ที่สั่งซื้อมาจาก Smashing Magazine ผมหยิบมาอ่านแล้วรู้สึกว่าน่าสนใจดี เลยอยากจะแนะนำครับ

  8. จาก Jekyll สู่ Hugo

    • #Static Site Generator
    • #Hugo
    • #Jekyll

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

  9. Storck Visioner Comp G1

    • #Bicycle
    • #Cycling
    • #Storck

    แนะนำจักรยานเสือหมอบของผมเอง Storck Visioner Comp G1 เน้นปั่นขึ้นเขาและปั่นกินลมชมวิว

  10. ทำ Mechanical Keyboard ใช้เอง

    • #Mechanical Keyboard
    • #Build
    • #Hardware

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

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

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

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

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

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

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

  13. ย้าย 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 ครับ

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

    • #firefox
    • #devtools
    • #mobileweb

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

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

    • #editor
    • #sublimetext
    • #tools

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

  16. zsh syntax highlighter

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

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

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

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

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

  18. จัดโค้ด JSON ใน Vim

    • #JSON
    • #Vim
    • #Editor
    • #Code Formatting

    การ format file JSON (จัดให้เป็นระเบียบ, uncompressed, prettify) ปกติเป็นงานที่ผมไม่ได้ทำใน Vim ต้องพึ่ง editor ตัวอื่น แต่ด้วยความสงสัยก็เลยลองค้นหาวิธีในเน็ตดู ก็พบว่ามีหลายทางให้เลือก และก็ไม่อยากเลย

  19. ใช้งาน Atom

    • #coding
    • #editor
    • #atom

    Atom เป็น open source text editor จาก GitHub ที่หน้าตาและการใช้งานคล้ายกับ Sublime Text มาก เพิ่งจะเปิดตัวเวอร์ชั่น 1.0 ไปเมื่อไม่กี่เดือนก่อน ซึ่งผมเองได้ลองใช้มาตั้งแต่เวอร์ชั่นแรกๆ ตอนนั้นไม่ประทับใจเลย ช่วงนี้ได้มาทดลองใช้งานจริงจังอีกครั้ง พบว่าความเร็วนั้นถือว่าใช้งานได้อย่างไม่ติดขัดแล้ว ผมเลยถือโอกาสทดสอบต่อเลยว่า จะมีฟีเจอร์ที่ต้องการ ใช้งานจริงจังแทน Sublime Text เลยได้หรือไม่

  20. หูฟัง Audio-Technica ATH-M50x

    • #headphones
    • #music
    • #m50x

    เปลี่ยนหูฟังใหม่เป็น Audio-Technica ATH-M50x ตอนนี้ก็ใช้งานมาประมาณ 3 ปีกว่าๆ แล้ว ถือว่าเป็นหูฟังที่ผมชอบมากอีกตัวหนึ่ง จึงอยากสรุปประสบการณ์ + กึ่งๆ รีวิว พร้อมกับถ่ายรูปมาให้ชมกันครับ

  21. ใช้ Device Mode ใน Google Chrome ทำงานกับ Mobile Web/Hybrid App

    • #chrome
    • #devtools
    • #mobileweb

    Device mode เป็นส่วนหนึ่งของ Chrome Devtools ทำให้เราทำงานกับ responsive website หรือ mobile web app ได้สะดวกมากขึ้น โดยที่เราสามารถให้ Chrome จำลองตัวเองเป็น mobile device ที่ไม่เพียงแค่เซ็ตขนาดหน้าจอ แต่ยังมีฟีเจอร์อื่นๆ ให้อีกมากมายครับ

  22. Case study: เปลี่ยนวิธีโหลด CSS เพื่อให้เว็บ render ไวขึ้น

    • #css
    • #rendering
    • #performance
    • #loadcss

    บางครั้งการใช้ tag <link> เพื่อโหลดไฟล์ CSS เข้ามาในเพจ ก็อาจทำให้เว็บแสดงผลช้ากว่าที่ควรจะเป็นได้ โพสต์นี้ผมจับ blog ของตัวเองมาทดลองเรื่องการ optimize วิธีการโหลด CSS เพื่อให้หน้าเว็บโหลดไวขึ้น โดยใช้ tool ต่างๆ เข้ามาช่วยครับ

  23. ลองใช้ Prezto กับ zsh

    • #zsh
    • #prezto
    • #terminal
    • #nerd

    ปกติผมใช้ zsh คู่กับ oh-my-zsh เพื่อสร้างความบันเทิงในการใช้งาน terminal ก็ใช้งานได้ดีปกติ ไม่มีปัญหาอะไร แต่แล้ววันหนึ่งอากาศแจ่มใส ไม่รู้มีอะไรดลให้ Prezto ผ่านมาให้พบเจอ เลยต้องลองเสียหน่อย

  24. Setting up Vim : Part II

    • #vim
    • #terminal
    • #vundle

    เคยเขียนวิธีการ setup Vim ของผมตอนแรกเมื่อประมาณปีที่แล้ว พอใช้งานไปเรื่อยๆ ก็พบว่าได้ปรับเปลี่ยนอีกบางส่วนตามการใช้งาน เลยเอา plugin/setup ที่เปลี่ยนไปจากตอนแรกมารวมกันไว้ในโพสต์นี้ครับ

  25. git stash & git patched commit

    • #git
    • #terminal

    ในระหว่างที่กำลังเขียน code อยู่ มีโอกาสที่งานอย่างอื่นจะเข้ามาแทรกได้เสมอ (ไม่ว่าจะเป็น bug หรือ feature ก็ตาม!) เราสามารถใช้ <code>git stash</code> กับ <code>git commit -p</code> ช่วยให้งานที่ทำอยู่นั้นปลอดภัย ไม่หายไปจากโลกได้

  26. No w3schools.com

    • #documentation
    • #resources
    • #w3schools

    เรามักจะเจอ w3schools.com อยู่อันดันต้นๆ ของ Google อยู่บ่อยๆ เมื่อค้นหาอะไรก็ตามเกี่ยวกับ web development และหลายคนเชื่อว่ามันเป็น resource ที่ดี แต่ความเป็นจริงไม่ได้เป็นแบบนั้น

  27. ติดตั้ง Vim Powerline ใน OSX 10.9

    • #vim
    • #terminal
    • #powerline

    Vim Powerline เป็น plugin ที่ทำให้ status bar ของ Vim จากที่จืดๆ ดูดีขึ้น ปรับแต่งได้มากมายตามต้องการ ส่วนผมลงไว้เพราะเน้นความบันเทิงตา

  28. ภาษาไทยใน Terminal (OSX)

    • #thai
    • #terminal
    • #locale

    เพิ่งลง OSX Mavericks ใหม่แล้วภาษาไทยใน terminal มันเพี้ยนๆ ซ่อมได้ด้วยการ set locale ให้ถูกครับ

  29. ใช้งาน Gulp.js

    • #gulp
    • #tooling
    • #buildtools

    Gulp.js นั้นเป็น build tool/task runner ช่วยให้เราลดเวลาของขั้นตอนการทำงานซ้ำๆ ใน build process ไปได้เยอะ (sass/minify/concat js/html) เป็น tool ลักษณะเดียวกับ Grunt แต่ config คนละแบบครับ

  30. ใช้งาน Bower

    • #bower
    • #terminal

    Bower เป็น client-side package manager จากทาง Twitter ใช้สำหรับติดตั้ง / ค้นหา / อัพเดท 3rd-party package ได้สะดวกมาก ทำได้ผ่าน Terminal ครับ

  31. ใช้งาน EditorConfig

    • #editorconfig
    • #sublimetext
    • #vim

    EditorConfig นั้นเป็นไฟล์ config ที่ทำให้ editor/IDE ต่างๆ นั้นใช้ coding style แบบเดียวกันได้ (เช่นการใช้ tab หรือ space) ถ้าทั้งทีมใช้ coding style แบบเดียวกันก็ช่วยให้ code เป็นระเบียบดีและลด conflict ได้ครับ

  32. Setting up the Terminal

    • #terminal
    • #iterm
    • #zsh
    • #z

    Terminal นั้นก็เป็นอีก tool สำคัญที่ต้องใช้บ่อยๆ ถือว่าเป็นหนึ่งในเครื่องมือทำมาหากินของ web developer ยุคนี้เลยก็ว่าได้ ผมเองมีปรับแต่ง terminal บ้าง หลักๆ ก็เพื่อให้ใช้งานได้สะดวกขึ้นครับ

  33. Setting up the Terminal

    • #terminal
    • #iterm
    • #zsh
    • #z

    Terminal นั้นก็เป็นอีก tool สำคัญที่ต้องใช้บ่อยๆ ถือว่าเป็นหนึ่งในเครื่องมือทำมาหากินของ web developer ยุคนี้เลยก็ว่าได้ ผมเองมีปรับแต่ง terminal บ้าง หลักๆ ก็เพื่อให้ใช้งานได้สะดวกขึ้นครับ

  34. Setting up Vim

    • #vim
    • #terminal
    • #editor

    ปกติผมใช้ Sublime Text 3 เป็น code editor ตัวหลัก แต่บางครั้งต้องการแก้ไขไฟล์ง่ายๆ เร็วๆ จาก terminal หรือทำโปรเจ็คเล็กๆ (เขียนโค้ดตาม tutorial ในเว็บต่างๆ) ผมก็จะเลือกใช้ Vim แทน เพราะเร็วกว่าเปิดใน Sublime Text ครับ

  35. Setting up Vim

    • #vim
    • #terminal
    • #editor

    ปกติผมใช้ Sublime Text 3 เป็น code editor ตัวหลัก แต่บางครั้งต้องการแก้ไขไฟล์ง่ายๆ เร็วๆ จาก terminal หรือทำโปรเจ็คเล็กๆ (เขียนโค้ดตาม tutorial ในเว็บต่างๆ) ผมก็จะเลือกใช้ Vim แทน เพราะเร็วกว่าเปิดใน Sublime Text ครับ

  36. Setting up Sublime Text 3

    • #sublimetext
    • #packages

    เคยแชร์ blog post เกี่ยวกับการ set up Sublime Text ของ developer หลายคนไปแล้ว ขอแชร์ของผมเองบ้างนะครับ ว่าตั้งแต่เริ่มติดตั้งจนถึงลงมือทำงาน ทำอะไรไปบ้าง

  37. ซื้อของจาก Apple Store #3: MacBook Air 2013

    • #macbookair
    • #applestore

    ครั้งนี้เป็นครั้งที่ 3 ของผมกับการซื้อของจาก Apple Store ของที่สั่งคราวนี้เป็น MacBook Air 2013 จาก Education Store ทำให้ได้ราคานักศึกษาซึ่งถูกลงมาหน่อย คราวนี้ DHL มาส่งถึงบ้านครับ

  38. ติดตั้ง Apache, PHP, MySQL บน OSX แบบไม่ง้อ MAMP

    • #tooling
    • #development

    MAMP (รวมถึง MAMP Pro) นั้นเป็นเครื่องมือที่ดีสำหรับติดตั้ง local web server บน OSX แต่ปัญหาที่ผมพบกับ MAMP คือกินแรมเยอะมาก ซึ่งจริงๆ แล้วเราไม่ต้องมี MAMP ก็รัน web server ในเครื่องได้ Homebrew คือพระเอกของเราครับ

  39. ติดตั้ง Composer บน OSX

    • #php
    • #composer

    Composer นั้นเป็น dependency management tool สำหรับ PHP บ่อยครั้งที่เราจำเป็นต้องใช้ library อื่นๆ ในโปรเจ็คของเรา Composer นั้นช่วย install library ที่จำเป็นเหล่านั้นในโปรเจ็คให้ครับ Composer นั้นกำลังได้รับความนิยมเพิ่มขึ้นเรื่อยๆ สำหรับ PHP developer สมัยใหม่ครับผม

  40. เริ่มใช้งาน Laravel PHP Framework

    • #php
    • #laravel
    • #framework

    Laravel เป็น PHP Framework ที่กำลังได้รับความนิยมเพิ่มขึ้นอย่างต่อเนื่องในระยะหลังมานี้ ผมเองเพิ่งจะเริ่มศึกษาเหมือนกันครับ เริ่มจากการติดตั้ง Laravel ในเครื่องก่อนเลยละกัน

  41. Grado SR-80i

    • #headphones
    • #grado
    • #music

    Grado SR-80i เป็นหูฟังตัวถัดมาจาก AKG K420 ที่ผมนั้นใช้เป็นประจำอยู่ทุกวัน SR-80i เสียงออกแนวใสๆ กว้างๆ ฟังเพลงได้หลากหลายแนวดีครับ

  42. ใช้งาน Source Maps กับ Sass project

    • #css
    • #sourcemaps
    • #devtools

    การเปิดใช้งาน Source maps กับ Google Chrome ทำให้ debug Sass file ได้ง่ายขึ้น เราสามารถดู source ของไฟล์ .scss ได้จาก browser เลย

  43. จาก WordPress สู่ Jekyll

    • #WordPress
    • #Jekyll
    • #Blog

    Armno.in.th เปลี่ยน blog engine จาก WordPress มาเป็น Jekyll และ Github Pages ถือเป็นการเปลี่ยนแปลงครั้งใหญ่ที่สุด ตั้งแต่ผมเริ่มเขียนบล็อกมาเมื่อปี 2007

  44. จาก WordPress สู่ Jekyll

    • #WordPress
    • #Jekyll
    • #Blog

    Armno.in.th เปลี่ยน blog engine จาก WordPress มาเป็น Jekyll และ Github Pages ถือเป็นการเปลี่ยนแปลงครั้งใหญ่ที่สุด ตั้งแต่ผมเริ่มเขียนบล็อกมาเมื่อปี 2007

  45. Sublime Text color schemes

    • #Coding
    • #color scheme
    • #Sublime Text 2

    Sublime Text นั้นมาพร้อมกับ color scheme ให้เลือกใช้กันมากมาย นอกจากนี้เรายังสามารถติดตั้ง color scheme จาก source อื่นๆ ได้ด้วย

  46. Behind the scenes : สามพี่น้อง

    • #Camera+
    • #iPhone
    • #การถ่ายภาพ

    เพิ่งถ่ายรูปนี้จากงานดอกไม้ประจำปี เป็นอีกรูปนึงที่ผมชอบมากเหมือนกัน บันทึกนี้เป็นเบื้องหลังว่ารูปนี้ได้มายังไงครับ .. รูปนี้ไม่ใช่รูปที่ดีที่สุด ดูไว้เป็นแนวทางก็พอครับ

  47. สั่งซื้อของจาก Apple Store #2 : Apple Wireless Keyboard

    • #Apple Store
    • #Apple Wireless Keyboard
    • #Mac

    มีโอกาสซื้อของจาก Apple Store Thailand อีกครั้ง คราวนี้ประสบการณ์แปลกใหม่ไปนิดหน่อย ขอบันทึกไว้บ้างนะ

  48. Emmet - ตัวแทน Zen Coding

    • #Emmet
    • #Sublime Text 2
    • #Web Development
    • #Zen Coding

    เคยเขียนเรื่อง Zen Coding ใน Netbeans มาแล้วครั้งหนึ่ง ตอนนี้ Zen Coding เปลี่ยนชื่อเป็น Emmet แล้วครับ มาพร้อมกับฟีเจอร์ใหม่อีกเยอะแยะมากมาย

  49. เปรียบเทียบกล้อง iPhone 5 vs. iPhone 4S

    • #iPhone
    • #iPhone 5
    • #Photography

    เป็นคำถามที่ผมสงสัยมาตั้งแต่ iPhone 5 เปิดตัวแล้วว่า กล้องหลังนั้นดีขึ้นไหม (กล้อง 4S ของเราตกรุ่นแล้วหรือยัง) วันนี้ได้ลองถ่ายรูปด้วย iPhone 5 และ iPhone 4S ด้วยมุมใกล้ๆ กันแล้วมาเทียบกันดูครับ

  50. สร้าง Git Alias สำหรับคำสั่งที่ใช้งานบ่อย

    • #Git
    • #terminal
    • #Web Development

    Workflow ของ Git ในชีวิตประจำวันของผมค่อนข้างจะตรงไปตรงมาครับ จะมีคำสั่งที่ใช้งานอยู่บ่อยๆ ซึ่งผมมักจะสร้างเป็น alias ไว้เพื่อที่จะไม่ต้องพิมพ์ยาวๆ

  51. Stylebot: Custom CSS

    • #CSS
    • #Extension
    • #Google Chrome
    • #Stylebot

    เคยไหมครับเวลาเข้าเว็บบางเว็บแล้วรู้สึกไม่ชอบใจอะไรบางอย่าง เช่น ฟอนต์ไม่สวย สีพื้นหลังเปรี้ยวเกิน หรือฟอนต์ตัวเล็กเท่าจิ๋มมดครั้นจะไปแจ้งเจ้าของเว็บให้ปรับปรุง ก็ดูจะเกินกำลังไปหน่อย Stylebot ช่วยคุณได้ครับ

  52. Sublime Text 2: ใช้งานปลั๊กอิน Nettuts+ Fetch

    • #Editor
    • #Plugin
    • #SublimeText
    • #Web Development

    หากต้องทำ HTML Mockup อยู่บ่อยๆ ปลั๊กอิน Nettuts+ Fetch นั้นช่วยประหยัดเวลาในช่วงแรกๆ ไปได้เยอะเลยครับ

  53. My Instagram Workflow

    • #Camera+
    • #iPhone
    • #Photography

    workflow ของรูปรูปหนึ่งของผมบน Instagram นั้นง่ายๆ เลยก็คือ 1. ถ่ายรูป 2. แต่งรูป 3. อัพโหลดขึ้น Instagram

  54. Sublime Text 2: แสดงเลขบรรทัดใน Distraction Free Mode

    • #Distraction Free
    • #Editor
    • #SublimeText
    • #Web Development

    ปกติใช้ Sublime Text 2 ผมจะใช้งานใน Distraction Free mode แทบตลอดเวลา อยากให้มันแสดงเลขบรรทัดใน Distraction Free mode ด้วย

  55. เริ่มต้นใช้งาน Sass

    • #CSS
    • #Preprocessor
    • #Sass
    • #Sublime Text 2
    • #Tools
    • #Web Development

    Sass นั้นช่วยให้การเขียน CSS นั้นสนุกขึ้นเยอะ โพสต์นี้จะไม่เน้นเรื่องวิธีการเขียน Sass แต่จะเกี่ยวกับการติดตั้งและเซ็ต environment ให้เข้าที่เข้าทางเพื่อทำงานกับ Sass มากกว่าครับผม

  56. การใช้ฟังก์ชั่น wp_enqueue_script แทรก JavaScript ใน WordPress

    • #JavaScript
    • #WordPress
    • #WordPress Theme
    • #wp_enqueue_script

    WordPress นั้นมีฟังก์ชั่น wp_enqueue_script สำหรับแทรกไฟล์ JavaScript ใน theme อย่างถูกหลักอนามัย ดีกว่าการใช้แท็ก script ธรรมดาอยู่นะ

  57. querySelector() และ querySelectorAll() Selectors API

    • #HTML5
    • #JavaScript
    • #Selectors API
    • #Web Development

    เราสามารถใช้ querySelector() และ querySelectorAll() สำหรับ query DOM element โดยใช้ CSS selector ได้อย่างสะดวกใจ คล้าย selector ของ jQuery ครับ

  58. จัดการ CSS3 Vendor Prefixes ด้วย prefixfree.js

    • #CSS3
    • #JavaScript
    • #Lea Verou
    • #PrefixFree
    • #Web Development

    Prefixfree.js เป็น JavaScript เล็กๆ ที่ทำให้เราสามารถเขียน CSS แบบไม่ต้องมี vendor prefix ได้ โดย prefixfree.js จะเติม vendor prefix ให้เองตอน runtime ครับ

  59. ทดลองเล่น CSS บน dabblet.com

    • #CSS
    • #Dabblet
    • #Lea Verou
    • #Web Development

    เป็นเหมือนสนามทดลอง CSS ให้เราได้เล่นกันก่อนนำไปใช้งานจริง คล้ายกับทางฝั่ง JavaScript ที่มี JsFiddle หรือ JsBin ให้ลองเล่นกัน

  60. ทำความรู้จักกับ Normalize.css

    • #CSS
    • #CSS Reset
    • #Normalize.css
    • #Web Development

    Normalize.css เป็น CSS ที่ทำให้ทุก browser แสดงผล default style ได้ใกล้เคียงกันที่สุด ต่างจาก CSS Reset ตรงที่ Normalize.css นั้นไม่เคลียร์ style ทุกอย่างทิ้งไปเลย

  61. ความแตกต่างระหว่าง Git กับ SVN

    • #Git
    • #Subversion
    • #SVN
    • #Version Control

    ความแตกต่างหลักของ Git กับ SVN คือ Git เป็น distributed แต่ SVN นั้นเป็น centralized version control system ทำให้เกิดความแตกต่างข้ออื่นๆ ตามมาด้วยครับ

  62. ความแตกต่างระหว่าง Git กับ SVN

    • #Git
    • #Subversion
    • #SVN
    • #Version Control

    ความแตกต่างหลักของ Git กับ SVN คือ Git เป็น distributed แต่ SVN นั้นเป็น centralized version control system ทำให้เกิดความแตกต่างข้ออื่นๆ ตามมาด้วยครับ

  63. Sublime Text 2 อัพเดทเวอร์ชั่นใหม่ 2181

    • #Sublime Text 2
    • #Text Editor
    • #Web Development

    Sublime Text ออกเวอร์ชั่นใหม่ build 2181 มีอัพเดทหลายอย่างที่น่าสนใจครับ

  64. ติดตามข่าว Web Development รายสัปดาห์

    • #HTML5
    • #JavaScript
    • #Newsletter
    • #Ruby
    • #Web Design
    • #Web Development

    ข้อดีของ newsletter พวกนี้ก็คือ เราไม่ต้องไปหาให้เสียเวลา มีคนสรุปมาให้เราแล้วครับว่า ในรอบสัปดาห์ที่ผ่านมานั้น มีอะไรเกิดขึ้นในแวดวงบ้าง

  65. สั่งซื้อ iPhone 4S จาก Apple Online Store

    • #AIS
    • #Apple Online Store
    • #DHL
    • #iPhone

    ผมเพิ่งซื้อโทรศัพท์เครื่องใหม่ครับ เป็น iPhone 4S สั่งจาก Apple Store Thailand ก็ขอเล่าประสบการณ์การซื้อของจาก Apple Online Store ครั้งแรก แบ่งปันกันนะครับ

  66. สั่งซื้อ iPhone 4S จาก Apple Online Store

    • #AIS
    • #Apple Online Store
    • #DHL
    • #iPhone

    ผมเพิ่งซื้อโทรศัพท์เครื่องใหม่ครับ เป็น iPhone 4S สั่งจาก Apple Store Thailand ก็ขอเล่าประสบการณ์การซื้อของจาก Apple Online Store ครั้งแรก แบ่งปันกันนะครับ

  67. สิ่งที่(เคย)มองข้าม เมื่อทำ Web Application

    • #Optimization
    • #Programming
    • #Web Application

    มีหลายอย่างที่สำคัญในการทำ web application ที่ตอนผมเรียนอยู่นั้นไม่เคยได้คิดถึงเลย แต่ก็เป็นสิ่งจำเป็นมากในการทำ web application เพื่อใช้งานจริงครับ

  68. แก้ไขการตั้งค่าต่างๆ ใน Sublime Text 2

    • #Coding
    • #Sublime Text 2
    • #Web Development

    หลายคนเปลี่ยนมาใช้ Sublime Text แล้วงงว่าหน้าต่างตั้งค่าของมันอยู่ตรงไหน จริงๆ แล้วมีไฟล์เก็บ config ต่างๆ ของมันอยู่ครับ

  69. WordPress : แสดง Post ที่เกี่ยวข้องโดยไม่ใช้ Plugin

    • #Related Posts
    • #Theme
    • #WordPress

    WordPress มี plugin ช่วยแสดงผล related posts อยู่มากมาย แต่ความจริงแล้ว เราสามารถเขียนเองได้ไม่ยากนัก วิธีที่ผมใช้คือเขียนลงไปใน theme เลย

  70. เพิ่ม Code Snippet ให้ Sublime Text 2

    • #Coding
    • #Snippets
    • #Sublime Text 2
    • #Web Development

    สำหรับการเพิ่ม code snippet ให้กับ Sublime Text 2 นั้นก็ง่ายๆ เลย เริ่มจากไปที่เมนู Tools > New Snippet ก็จะเจอหน้าจอ default ตามรูป

  71. แนะนำบล็อกใหม่ AppArai "รีวิวแอพ ตามใจฉัน"

    • #บล็อก
    • #รีวิวแอพ iPad
    • #แอพ iPad

    มันเริ่มมาจากการชักชวน "เล่นๆ" ของผมกับเพื่อนๆ อีก 3 คน ว่าอยากทำบล็อกรีวิวแอพมือถือ/แท็บเล็ต ดีๆ ซักบล็อกนึง AppArai.in.th จึงถือกำเนิดขึ้น

  72. วิธีใช้ Lightroom Presets ตอน 2: ติดตั้ง Presets

    • #Photoshop Lightroom
    • #Presets

    ปกติ Adobe Photoshop Lightroom มี presets มาให้เยอะพอสวมควรครับ ซึ่งทำให้เราสามารถปรับแต่งรูปของเราได้หลายๆ แนว นอกจากนี้ เรายังสามารถเพิ่ม presets ให้กับ Lightroom ได้อีกด้วยครับ

  73. วิธีใช้ Presets ใน Adobe Photoshop Lightroom

    • #Photoshop Lightroom
    • #Presets
    • #วิธีใช้ Lightroom

    Presets ใน Adobe Photoshop Lightroom ก็คือชุดการปรับค่าต่างๆ ของรูปภาพในโหมด develop ที่ถูกเซฟเก็บไว้ เพื่อไว้เรียกใช้ในคราวต่อไปได้ทันที

  74. บันทึก Google DevFest Chiang Mai 2011 ตอนที่ 2

    • #DevFest 2011
    • #Google
    • #HTML5
    • #JavaScript
    • #Offline Application

    บันทึกตอนที่สองจากงาน Google DevFest Chiang Mai 2011 เรื่อง HTML5 Offline Application กับ Creating Modern Web Applications ครับ

  75. บันทึก Google DevFest Chiang Mai 2011 ตอนที่ 1

    • #DevFest 2011
    • #Google
    • #Google Analytics
    • #HTML5
    • #JavaScript

    ไปงาน Google DevFest 2011 มาเหมือนกันครับ ต้องขอจดบันทึกไว้ (ไม่งั้นลืมแน่นอน) เอาเท่าที่จดทันนะครับ ผิดถูกตรงไหน รบกวนบอกด้วยครับ .. อ้อ ไม่ได้ถ่ายรูปมา เพราะว่าไม่ได้ติดกล้องไปด้วยในวันงานครับผม

  76. Sublime Text 2 - Editor เครื่องยนต์ V12

    • #Sublime Text 2
    • #Text Editor
    • #Web Development

    ก่อนหน้านี้ใช้ NetBeans กับ Aptana พบว่ายังชักช้าไม่ทันใจ พอเปลี่ยนมาใช้ editor อย่าง Sublime Text แล้วชีวิตสนุกขึ้นเยอะครับ

  77. Aptana Studio อีกหนึ่ง IDE สำหรับ Web Developer

    • #Aptana IDE
    • #Tools
    • #Web Development

    Aptana นั้นเป็น IDE ทางเลือกอีกตัวนึงที่น่าใช้ครับ บน Linux (Ubuntu) นั้น Aptana ทำงานได้ไวกว่า Netbeans พอสมควรเลยล่ะ

  78. เครื่องมือทำมาหากิน ฉบับ Web Developer

    • #Tools
    • #Web App
    • #Web Development

    เนื่องด้วยเพื่อนผม @YuthNo ได้ mention พาดพิงมาใน twitter ว่าไม่ค่อยมี tool อะไรใหม่ๆให้ลองเล่น ผมก็เลยได้ไอเดียมาเขียนบล็อกซะเลย ว่ากันด้วยเครื่องไม้เครื่องมือที่ผมใช้ทำมาหากิน (ด้วยอาชีพ web developer) อยู่ทุกวันนี้ ว่ามีอะไรบ้าง

  79. Jailbreak iPad 3G

    • #iPad 3G
    • #Jailbreak
    • #Multitasking Gesture

  80. iPad 2 ปะทะ iPad 1

    • #Apple
    • #Gadget
    • #iPad
    • #iPad 2

  81. Netbeans Tips: สร้าง Code Template ไว้ใช้เอง

    • #Code Templates
    • #Coding
    • #CSS3
    • #NetBeans IDE
    • #Zen Coding

  82. แทรก Google Maps ใน WordPress

    • #Google Maps
    • #WordPress

  83. ภาพถ่ายพระจันทร์เต็มดวง Super Moon 2011

    • #Super Moon 2011
    • #พระจันทร์เต็มดวง
    • #ภาพภ่ายพระจันทร์

  84. ขุนช่างเคี่ยน ต้นปี 2554

    • #ขุนช่างเคี่ยน
    • #ดอกพญาเสือโคร่ง
    • #ดอยปุย
    • #เชียงใหม่

  85. 5 บล็อกในดวงใจ ประจำปี 2010

    • #2010
    • #Web Design
    • #Web Developement
    • #บล็อก

  86. สวัสดี iPad 3G

    • #Apple
    • #iPad 3G
    • #iPod Touch

  87. โค้ดสำคัญสำหรับ WordPress Theme หากเปิดใช้งาน Threaded Comments

    • #JavaScript
    • #Notte
    • #Threaded Comments
    • #WordPress Theme

  88. เขียน HTML ให้เร็วปรี๊ดด้วย Zen Coding สำหรับ NetBeans IDE

    • #NetBeans IDE
    • #Web Developement
    • #Zen Coding

  89. ความรู้สึกจากการใช้เลนส์ Nikon AF-S 35mm f/1.8G

    • #D-SLR
    • #Nikon
    • #Nikon AF-S 35mm f/1.8G
    • #รีวิว
    • #เลนส์

    เลนส์ Nikon AF-S 35mm f/1.8G นั้นถือเป็นเลนส์ที่คุ้มค่า คุ้มราคาที่สุดตัวหนึ่งของ Nikon เลยก็ว่าได้ แนะนำให้มีกันทุกคนสำหรับกล้อง DX Format ครับ

  90. NetBeans Tips#5 เปลี่ยนลักษณะ Editor ได้ดั่งใจ

    • #Coding
    • #Editor
    • #NetBeans IDE

  91. NetBeans Tips #4 หาคลาส ตัวแปร ยังไงก็เจอ

    • #Coding
    • #NetBeans IDE

  92. NetBeans Tips #3 จัดระเบียบโค้ดด้วยเมนู Format

    • #NetBeans IDE
    • #Readable Code
    • #Web Developement

  93. NetBeans Tips#2 ใช้งาน Code Auto-complete

    • #Auto-completion
    • #Editor
    • #HTML
    • #NetBeans IDE
    • #PHP

  94. NetBeans Tips#1: เริ่มสร้างโปรเจ็ค

    • #NetBeans IDE
    • #PHP
    • #Web Developement

  95. แนะนำ NetBeans IDE สำหรับเขียนโค้ด PHP

    • #Coding
    • #NetBeans IDE
    • #PHP
    • #Web Developement

    Netbeans IDE นั้นถือเป็น IDE ที่ดีตัวหนึ่งสำหรับ web development โดยเฉพาะกับ PHP ครับ

  96. วิธีตั้งค่า Mozilla Thunderbird ให้ใช้งานอีเมล Google Apps ได้

    • #GMail
    • #Google Apps
    • #Mozilla Thunderbird
    • #การตั้งค่า Thunderbird

  97. หูฟัง AKG K420 "เขาบอกว่าผมเสียงดี"

    • #AKG 420P
    • #รีวิว
    • #รีวิวหูฟัง AKG 420

  98. เปลี่ยน Logon Screen ของ Windows 7 ด้วย Tweaks.com Logon Changer

    • #Logon Screen
    • #Tweaks
    • #Windows 7

  99. ฝึกวาดภาพใน iPod Touch ด้วยแอพ MyPaint Free

    • #iPod Touch
    • #MyPaint Free
    • #วาดภาพ
    • #ศิลปะ

  100. Don't Make Me Think - หนังสือดีๆเกี่ยวกับ Web Usability

    • #Book
    • #Steve Krug
    • #Web Standards
    • #Web Usability

  101. ภาพบรรยากาศ ชมสุริยุปราคา 2553

    • #15 มกราคม 2553
    • #มอชอ
    • #สุริยุปราคา
    • #สุริยุปราคาวงแหวน

  102. ฟิลเตอร์ Hoya HD C-PL (ตอนที่ 2 ออกสนามจริง)

    • #C-PL
    • #Filter
    • #Hoya HD
    • #ขุนช่างเคี่ยน
    • #ดอยปุย
    • #เชียงใหม่

  103. ฟิลเตอร์ Hoya HD CP-L (ตอนที่ 1)

    • #C-PL
    • #Filter
    • #Hoya HD
    • #การถ่ายภาพ

  104. ลักษณะโปรแกรมเมอร์จบใหม่ ที่บริษัทซอฟต์แวร์ต้องการ

    • #Programmer
    • #Programming
    • #Software

  105. [Gallery] พลุวันพ่อ 5 ธันวาคม 2552

    • #ดอกไม้ไฟ
    • #พลุวันพ่อ
    • #อัลบั้มภาพ

  106. พระจันทร์เต็มดวง 01/12/2552

    • #Photoshop Lightroom
    • #ดวงจันทร์
    • #พระจันทร์เต็มดวง
    • #ภาพถ่ายพระจันทร์

  107. เปรียบเทียบ Optimize Image แบบต่างๆใน Nikon D60

    • #Nikon
    • #Nikon AF-S 55-200 VR
    • #Nikon D60
    • #Optimize Image
    • #การถ่ายภาพ

  108. อย่าลืมดูฝนดาวตกลีโอนิดส์กันนะครับ

    • #ฝนดาวตก
    • #ฝนดาวตกลีโอนิดส์

  109. A Good Programmer

    • #Good Programmer
    • #IT Finishing School

    A good programmer is who ...

  110. Buffalo Ministation ตัวเก่าปะทะตัวใหม่

    • #Buffalo
    • #Buffalo Ministation
    • #External Harddisk

  111. เก็บตกลอยกระทง

    • #ถ่ายภาพ
    • #ลอยกระทง
    • #ไฟเย็น

  112. พระจันทร์เต็มดวง คืนวันลอยกระทง

    • #พระจันทร์เต็มดวง
    • #ภาพภ่ายพระจันทร์
    • #ลอยกระทง

  113. ภาพถ่ายพระจันทร์(เกือบ)เต็มดวง

    • #Nikon AF-S 55-200 VR
    • #Nikon D60
    • #ภาพถ่าย
    • #ภาพภ่ายพระจันทร์

  114. รวมแหล่งความรู้ PHP สำหรับมือใหม่และมือเก่า

    • #PHP
    • #Programming
    • #Tools
    • #แหล่งความรู้ PHP

  115. ฝนดาวตกเพอร์ซิอิดส์ คืนวันแม่

    • #Astronomy
    • #ฝนดาวตก
    • #ฝนดาวตกเพอร์ซิอิดส์
    • #วันแม่

  116. โทรศัพท์เสีย

    • #Gadget
    • #iPod Touch
    • #Nokia
    • #Sony Ericsson
    • #โทรศัพท์มือถือ

  117. น้ำตกไทรย้อย จ.เชียงใหม่

    • #น้ำตกไทรย้อย
    • #อัลบั้มภาพ
    • #เชียงใหม่

  118. ประสบการณ์ Jailbreak iPod Touch 2G Firmware 3.0

    • #Firmware 3.0
    • #iPhone
    • #iPod
    • #iPod Touch
    • #Jailbreak iPod Touch 2G
    • #ปลดล็อก iPod Touch

  119. ขาตั้งกล้อง Slik Pro 330 EZ

    • #Photobug
    • #Slik Pro 330 EZ
    • #ขาตั้งกล้อง
    • #รีวิว

  120. [Gallery] ภาพถ่ายพระจันทร์เสี้ยว #2

    • #กลุ่มดาวหมีใหญ่
    • #ดวงจันทร์
    • #ภาพถ่ายดวงดาว
    • #ภาพภ่ายพระจันทร์
    • #อัลบั้มภาพ

  121. ภาพบรรยากาศ กิจกรรมสังเกตสุริยุปราคา มอชอ

    • #ปรากฏการณ์ทางดาราศาสตร์
    • #ภาพถ่าย
    • #ภาพถ่ายสุริยุปราคา
    • #มอชอ
    • #สุริยุปราคา

  122. พรุ่งนี้แล้ว ไปดูสุริยุปราคากัน

    • #มอชอ
    • #สังเกตสุริยุปราคา
    • #สุริยุปราคา

  123. ไปดาวอังคารด้วยกันมั้ย

    • #NASA
    • #ดาวอังคาร
    • #ไปดาวอังคาร

  124. [Gallery] วัดสวนดอก จ.เชียงใหม่

    • #HDR
    • #Nikon D60
    • #วัดสวนดอก
    • #อัลบั้มภาพ
    • #เชียงใหม่

  125. ค้นหาและแก้ไขข้อความทั้งบล็อก ด้วยปลั๊กอิน Search and Replace

    • #Search and Replace
    • #WordPress
    • #WordPress Plugin
    • #ย้ายบล็อก

  126. เดินหาขาตั้งกล้อง

    • #Benro A-300EX
    • #Photobug
    • #Slik Pro 330 EZ
    • #ขาตั้งกล้อง

  127. พระจันทร์คืนนี้

    • #Nikon AF-S 55-200 VR
    • #ภาพภ่ายพระจันทร์

  128. [Gallery] My First Sunset

    • #landscape
    • #Nikon AF-S 55-200 VR
    • #Nikon D60
    • #พระอาทิตย์ตก
    • #ภาพถ่าย
    • #อัลบั้มภาพ

  129. ภาพถ่ายพระจันทร์เสี้ยว

    • #Nikon AF-S 55-200 VR
    • #Nikon D60
    • #ดวงจันทร์
    • #ภาพถ่ายดวงดาว
    • #ภาพภ่ายพระจันทร์

  130. สุริยุปราคาเต็มดวงแห่งศตวรรษ 22 ก.ค.52

    • #Stellarium
    • #สุริยุปราคา
    • #สุริยุปราคาเต็มดวง

  131. วิธีแก้ MSN Error 8100030d ฉบับเอาจริง!

    • #8100030d
    • #MSN Error
    • #วีธีแก้ Error MSN

  132. [Gallery] ทะเล เกาะล้าน

    • #Nikon D60
    • #ทะเล
    • #ภาพถ่าย
    • #อัลบั้มภาพ
    • #เกาะล้าน

  133. [Gallery] The Northern Freshness

    • #landscape
    • #Nikon D60
    • #จังหวัดน่าน
    • #ภาพถ่าย
    • #อัลบั้มภาพ
    • #อำเภอปัว

  134. Rush Hour

    • #Nikon D60
    • #White Balance
    • #กรุงเทพ
    • #ท้องถนน
    • #ภาพถ่าย
    • #ภาพถ่ายกลางคืน
    • #แสง

  135. ครั้งแรกของหัวใจ “สถานีรถไฟหัวลำโพง”

    • #Nikon D60
    • #ภาพถ่าย
    • #รถไฟ
    • #หัวลำโพง
    • #อัลบั้มภาพ

  136. วันนี้ตรงกับวัน Vernal Equinox

    • #Equinox
    • #Vernal Equinox
    • #กลางคืน
    • #กลางวัน
    • #วสันตวิษุวัต
    • #วิษุวัต

  137. ขับรถเล่น กินลมชิลๆที่ “ห้วยตึงเฒ่า”

    • #ห้วยตึงเฒ่า
    • #อัลบั้มภาพ
    • #เชียงใหม่

  138. ทำภาพพาโนรามาง่ายๆด้วย Adobe Photoshop CS4

    • #Nikon D60
    • #Photoshop CS4
    • #การถ่ายภาพ
    • #พาโนรามา

  139. ประสบการณ์ Jailbreak iPod Touch 2G

    • #iPod
    • #iPod Touch
    • #Jailbreak iPod Touch 2G

  140. Flowers & I

    • #ดอกไม้
    • #มอชอ
    • #อัลบั้มภาพ

  141. สุริยุปราคา 26 มกราคม 2552

    • #สุริยุปราคา
    • #สุริยุปราคาวงแหวน

  142. กระเป๋ากล้องใบใหม่: Fotofile PRO-mini I

    • #DSLR
    • #Fotofile Pro-Mini I
    • #กระเป๋ากล้อง

  143. Unseen - ดอยปุย เชียงใหม่

    • #ดอยปุย
    • #ภาพถ่าย
    • #อัลบั้มภาพ
    • #เชียงใหม่

  144. กลุ่มดาวนายพราน เหนือเมืองเชียงใหม่

    • #Astronomy
    • #กลุ่มดาวนายพราน
    • #การถ่ายภาพดวงดาว
    • #อ่างแก้ว

  145. รีวิว External Harddisk: Buffalo Ministation (จริงๆแล้วนะ)

    • #Buffalo
    • #External Harddisk
    • #รีวิว

  146. ฝนดาวตกเจมินิดส์ ประจำปีนี้

    • #Astronomy
    • #ฝนดาวตก
    • #เจมินิดส์

  147. จุดจบของดวงดาว

    • #จุดจบของดวงดาว
    • #ดาวนิวตรอน
    • #ดาวยักษ์แดง
    • #ดาวฤกษ์
    • #ดาวแคระขาว
    • #หลุมดำ

  148. พรีวิวขาตั้งกล้อง Slik Sprint Pro GM

    • #Photobug
    • #Slik Sprint Pro GM
    • #ขาตั้งกล้อง

  149. ฝนดาวตกลีโอนิดส์ ประจำปีนี้

    • #Astronomy
    • #กลุ่มดาวสิงโต
    • #ดวงจันทร์
    • #ดาวเสาร์
    • #ฝนดาวตก
    • #ลีโอนิดส์

  150. External Harddisk ยี่ห้อ Buffalo

    • #Buffalo
    • #External Harddisk
    • #พันธุ์ทิพย์เชียงใหม่

  151. Stellarium 0.10.0 ฟีเจอร์ใหม่เพียบ

    • #Astronomy
    • #Stellarium
    • #โปรแกรมดูดาว

  152. ฟ้าสวยแบบไม่ต้องพึ่ง C-PL ด้วย Quick Retouch

    • #C-PL
    • #Nikon D60
    • #Quick Retouch
    • #กล้องดิจิตอล
    • #การถ่ายภาพ
    • #ภาพท้องฟ้า

  153. รูปถ่ายจากกล้อง Nikon D60

    • #18-55 VR
    • #Nikon D60
    • #กล้องดิจิตอล
    • #การถ่ายภาพ

  154. LHC คืออะไร? ทำไมต้องกลัวกัน?

    • #LHC
    • #หลุมดำ
    • #เครื่องเร่งอนุภาค
    • #โปรตอน

  155. Google Chrome บราวเซอร์ตัวใหม่จากกูเกิ้ล

    • #Google
    • #Google Chrome
    • #เว็บบราวเซอร์

  156. ฝนดาวตกเพอร์ซิอิดส์

    • #Astronomy
    • #กลุ่มดาวเปอร์เซอุส
    • #ฝนดาวตก
    • #ฝนดาวตกเพอร์ซิอิดส์
    • #วันแม่

  157. ดูสุริยุปราคาเต็มดวงด้วยโปรแกรม Stellarium

    • #Stellarium
    • #ดูดาวในคอม
    • #สุริยุปราคา
    • #โปรแกรมดูดาว

  158. ฝนดาวตก เดลต้าคนแบกหม้อน้ำ 27 กรกฏาคมนี้

    • #Aquarius
    • #Astronomy
    • #กลุ่มดาวคนแบกหม้อน้ำ
    • #ฝนดาวตก

  159. สุริยุปราคาเต็มดวง วันที่ 1 สิงหาคม 2551

    • #ดวงจันทร์
    • #ดวงอาทิตย์
    • #ปรากฏการณ์ทางดาราศาสตร์
    • #สุริยุปราคา
    • #อุปราคา
    • #โลก

  160. ดาวน์โหลด wallpaper ภาพอวกาศและดวงดาวฟรี

    • #Download
    • #Wallpaper
    • #กล้องฮับเบิล
    • #ภาพถ่าย

    หลายๆคนชอบมีภาพอวกาศหรือดวงดาวต่างๆไว้ประดับห้องนอน โต๊ะทำงาน ในอัลบั้มภาพ หรือแม้กระทั่งบนจอคอมพิวเตอร์ ผมเองก็เหมือนกันครับ โดยเฉพาะหน้าจอ Desktop ก็ชอบหาภาพอวกาศ ดวงดาวหรือเนบิวลาต่างๆมาเป็น Wallpaper อยู่เสมอ

  161. NASA's Astronomy picture of the day

    • #ดูดาวในคอม
    • #ภาพถ่ายดวงดาว
    • #เว็บไซต์

  162. ดวงจันทร์บังดาวอังคาร 10 พฤษภาคม นี้

    • #Google
    • #Google Mars
    • #Google Moon
    • #transit
    • #ดวงจันทร์
    • #ดาวอังคาร

  163. ตำนานกลุ่มดาวคนคู่

    • #กลุ่มดาวคนคู่
    • #ตำนาน
    • #นิทานดวงดาว

  164. กลุ่มดาวคนคู่

    • #M35
    • #กลุ่มดาว
    • #กลุ่มดาวคนคู่

  165. ดาวพฤหัสปะทะดาวศุกร์

    • #ดาวพฤหัส
    • #ดาวศุกร์

  166. สารพันปัญหาดาราศาสตร์ #1

    • #ความรู้ทั่วไป

  167. ดาวหางคืออะไร

    • #ดาวหาง

  168. กลุ่มดาวแมงป่อง

    • #กลุ่มดาว
    • #กลุ่มดาวแมงป่อง
    • #ทางช้างเผิอก

  169. ฝนดาวตกควอดแรนต์ 3-4 มกราคม นี้

    • #กลุ่มดาวคนเลี้ยงสัตว์
    • #กลุ่มดาวหมีใหญ่
    • #ควอดแรนต์
    • #ดาวดวงแก้ว
    • #ฝนดาวตก

  170. ชมพระจันทร์เต็มดวง

    • #พระจันทร์เต็มดวง
    • #ภาพภ่ายพระจันทร์

  171. ความสว่างปรากฏ และความสว่างสัมบูรณ์

    • #ความสว่างปรากฏ
    • #ความสว่างสัมบูรณ์

  172. รีวิว Stellarium, โปรแกรมดูดาว

    • #Stellarium
    • #โปรแกรมดูดาว

  173. สีของดาวฤกษ์

    • #สีของดาวฤกษ์

  174. ไปดูมาแล้ว : ฝนดาวตกเจมินิดส์

    • #ฝนดาวตกเจมินิดส์
    • #ภาพถ่ายดวงดาว

  175. กลุ่มดาวนายพราน

    • #กลุ่มดาว
    • #กลุ่มดาวนายพราน
    • #ดาวเต่า
    • #ดาวไถ
    • #เนบิวลาสว่างใหญ่

  176. ฝนดาวตกเจมินิดส์ (อีกซักที)

    • #กลุ่มดาวคนคู่
    • #ฝนดาวตก
    • #เจมินิดส์

  177. อายุของดาวฤกษ์

    • #ดาวฤกษ์
    • #อายุของดาวฤกษ์

  178. "พี่ฮะๆ ปีแสงนี่มีกี่วัน???"

    • #ปีแสง
    • #หน่วยวัดทางดาราศาสตร์
    • #แสง

  179. แนะนำหนังสือ #1

    • #CMU Book Fair
    • #หนังสือดาราศาสตร์

  180. เรื่องน่ารู้เกี่ยวกับดวงอาทิตย์ของเรา

    • #จุดบนดวงอาทิตย์
    • #ดวงอาทิตย์
    • #เรื่องน่ารู้

  181. ทำไมดวงอาทิตย์ตอนเช้ากับเย็น "โต๊โต"

    • #ขนาด
    • #ขนาดปรากฏ
    • #ดวงจันทร์
    • #ดวงอาทิตย์

  182. ตำนานกลุ่มดาวนายพราน #2

    • #ดาวนายพราน
    • #ตำนาน
    • #ตำนานกลุ่มดาวนายพราน
    • #นิทาน
    • #นิทานดวงดาว

  183. ตำนานกลุ่มดาวนายพราน #1

    • #กลุ่มดาวนายพราน
    • #ตำนาน
    • #นิทานดวงดาว

  184. เตรียมตัวดูดาว

    • #Astronomy
    • #หัดดูดาว
    • #เริ่มต้นดูดาว

  185. มาดูฝนดาวตกกันเถอะ

    • #ดาวตก
    • #ฝนดาวตก
    • #ลีโอนิดส์
    • #เจมินิดส์

  186. มหัศจรรย์กับการกำเนิดดาวฤกษ์

    • #กำเนิดดาวฤกษ์
    • #ดาวฤกษ์
    • #โปรโตสตาร์

    ดาวฤกษ์นั้นมีวัฏจักรชีวิตที่น่าสนใจ ระยะเวลาแต่ละช่วงชีวิตนั้นอาจแตกต่างกันไปตามขนาดของมัน เรามาดูกันดีกว่าว่าดาวฤกษ์นั้นเกิดขึ้นมาได้ยังไง

  187. ดาวฤกษ์ - ดาวเคราะห์

    • #ดวงดาว
    • #ดาวฤกษ์
    • #ดาวเคราะห์
    • #ดูดาว

    ความแตกต่างระหว่างดาวฤกษ์กับดาวเคราะห์น้น นอกจากเรื่องแสงสว่างในตัวเองแล้ว ยังมีประเด็นอื่นๆ ที่น่าสนใจอยู่อีกด้วย

  188. ชอบดูดาวกันไหม??

    • #เริ่มต้นดูดาว
    • #แม่

    คำถามนี้ผมถามคนอื่นอยู่บ่อยๆครับ ส่วนมากก็เป็นเพื่อนๆนี่แหละ ส่วนมากก็มักจะตอบกันว่าเฉยๆ รองลงมาก็คงเป็น ไม่ชอบ ส่วนคนที่บอกว่า ชอบ อย่างผมน่ะ มีน้อยคนนัก

  189. Posts