คูล ๆ รู้ค่าสีด้วย ColorPick Eyedropper

วันนี้เราจะมารู้จักและใช้งานส่วนขยายของบราวเซอร์เพิ่มกันอีกซักตัวนะคะ โดยส่วนขยายที่จะมานำเสนอในวันนี้นั้น เป็นส่วนขยายที่จะช่วยให้สายออกแบบ/กราฟฟิก สวย ๆ คูล ๆ อย่างพวกคุณ รู้ได้อย่างง่ายดายเลยว่าสีที่สนใจบนเว็บนั้น มีค่าสีอะไร เพียงแค่ชี้ไปบริเวณที่ต้องการ ค่าสีก็จะโผล่ขึ้นมาให้ทราบเลยค่า โดยระบบสีได้ที่มาจะเป็นแบบ RGB นะคะ ซึ่งเป็นระบบสีที่เค้าศึกษากันมาแล้วว่าเหมาะสมกับการใช้แสดงผลบนหน้าจอคอมพิวเตอร์และสื่อดิจิตอลต่าง ๆ ค่ะ RGB คืออะไร RGB ย่อมาจากสีพื้นฐาน ได้แก่ สีแดง (Red) เขียว (Green) และน้ำเงิน (Blue)  พอผสมสีทั้งสามในสัดส่วนต่างๆ จะได้เฉดสีอีกมากมายที่มีความสวยสดใสบนหน้าจอถึงประมาณ 16.8 ล้านเฉดกันเลยทีเดียว อ่ะ ไปติดตั้ง ColorPick Eyedropper ให้กับ Google Chrome ของเรากันดีกว่าค่ะ ซึ่ง Blog นี้ขอรวบรัดวิธีการติดตั้งกันเลยนะคะ ไปที่ https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg แล้วกดปุ่ม “เพิ่มใน Chrome” ค่ะ เท่านี้ ต้าวก้อนสี โผล่ขึ้นมาแบบนี้ก็เป็นอันติดตั้งเรียบร้อยแล้วละค่า วิธีการใช้งาน ก็คลิกบน ต้าวก้อนนนสี … Read more

บันทึกภาพจากเว็บไปยัง Google Drive ของเราโดยตรง ด้วยส่วนขยาย “Save to Google Drive”

Save to Google Drive

วันนี้ผู้เขียนจะมาแนะนำส่วนขยายของบราวเซอร์ (Extension) ที่น่าใช้กันอีกซักตัวนะคะ นั่นก็คือ “Save to Google Drive” ซึ่งเป็นส่วนขยายที่จะช่วยให้เราสามารถบันทึกภาพที่มีอยู่บนเว็บไซต์ต่างๆ ที่เราต้องการไปยัง Google Drive ของเราโดยตรงได้ทันทีค่ะ เริ่มกันเลยดีกว่าค่ะ เพิ่มส่วนขยายนี้ให้กับ Google Chrome ของเรากันก่อน กด URL นี้ https://chrome.google.com/webstore/detail/save-to-google-drive/gmbmikajjgmnabiglmofipeabaddhgne?hl=th แล้วกดปุ่ม “เพิ่มใน Chrome” ค่ะ รอจนติดตั้งเรียบร้อย ก็จะพบ ICON นี้โผล่ขึ้นมา ซึ่งการเพิ่มส่วนขยาย Save to Google Drive ให้กับ Chrome ของเราก็เป็นอันเสร็จเรียบร้อย พร้อมใช้งานแล้วละค่า มาใช้งานกันค่ะ เพียงแค่คลิกขวาบนภาพที่เราต้องการบันทึกไปยัง Google Drive แล้วเลือก “บันทึกภาพไปที่ Google ไดรฟ์” เท่านี้ภาพที่เราต้องการก็จะจัดเก็บลงไปยัง Google Drive ของเราค่ะ (เข้าใช้งานบัญชี Google ไว้แล้ว) โดยเริ่มต้นภาพนั้นจะถูกบันทึกไปยัง … Read more

โหมดไม่ระบุตัวตน ?

สวัสดีท่านผู้อ่านทุกท่าน Blog ปิดท้ายของเดือนพฤษภาคม ปี 64 นี้ ผู้เขียนขอเล่าในเรื่องของความรู้เพิ่มเติมในการใช้ Browser ละกันเนอะ จากการใช้งานท่องเว็บของเราในแต่ละวัน คาดว่าผู้อ่านแต่ละท่าน คงจะคุ้นเคยกับคำว่า โหมดไม่ระบุตัวตนกันมาบ้างแล้ว จริงๆ ในแต่ละ Browser เนี่ย ชื่อเรียกมันก็จะต่างกันนะ เช่น Incognito , Private หรือ Inprivate เป็นต้น ซึ่งทั้งหมดทั้งมวลมันก็คือ โหมดไม่ระบุตัวตนนั่นแหละ โหมดไม่ระบุตัวตน คืออะไร ? เอาแบบภาษาบ้านๆ พูดง่ายๆ ก็คือ เป็น Feature นึงที่มีอยู่ในทุกๆ Browser โดยโหมดนี้ จะทำให้ Browser ของเราจะไม่จัดเก็บข้อมูลของเว็บที่เราเข้า ไม่มีที่อยู่ ไม่มี cookie ไม่มีข้อมูลที่เราป้อนก่อนหน้า ก็คือไม่มีอะไรเลย ! มันก็คงคล้ายๆ กับการทำให้ Browser ของเราความจำเสื่อมชั่วคราวนั่นแหละนะ คราวนี้มาขยายความแบบทางการกันหน่อย Browser จะไม่เก็บประวัติการเข้าใช้งานเว็บไซต์ Browser จะไม่เก็บ … Read more

เขียนโค้ดแก้ปัญหา browser block popup แบบง่ายๆ ใช้งานได้จริง

เดี๋ยวนี้การเปิดหน้าเวบของผู้ใช้งานทั่วไปมักใช้มือถือแทนคอมพิวเตอร์แล้ว แล้วตอนนี้ browser ทั่วไปจะทำการ block popup JavaScript ใน function window.open ดังนั้นทำให้ง่ายที่สุดคือใช้ link ให้เป็นประโยชน์ โดยใช้ properties href ในการเรียกใช้ตามโค้ดตัวอย่างข้างล่างนี้ เท่านี้สั้นๆ ง่ายๆ หวังว่าจะเป็นประโยชน์สำหรับคนเขียนโค้ดและผู้ใช้งานไม่ต้องปิด block popup ที่เครื่องตัวเองอีกต่อไป

Chrome ~ Live Caption

กราบสวัสดีคุณผู้อ่านทุกๆ ท่านนนน … blog วันนี้ ผู้เขียนจะขอว่าด้วยเรื่องของ Google Chrome Live Caption !! คาดว่าหลายๆ ท่านอาจจะเคยเจอปัญหาเช่นเดียวกับผู้เขียน เช่น เมื่อเราต้องการดูข้อมูลวิธีการอะไรสักอย่างนึง เราก็จะ Search google เพื่อหาข้อมูล บ่อยครั้งที่ข้อมูลที่เราได้จะอยู่ในรูปแบบของวิดีโอ ซึ่งมีผู้รู้หลายๆ ท่านมาแชร์เอาไว้ และก็บ่อยครั้งอีกเช่นเดียวกัน ที่ความรู้เหล่านั้นอยู่ในรูปแบบภาษาอังกฤษ (ซึ่งทักษะภาษาอังกฤษของผู้เขียนก็ … นะ T T) ปัญหาของผู้เขียนก็คือ ฟังไม่ทัน ฟังไม่เข้าใจ เค้าพูดอะไร !! 55+ ดังนั้นผู้เขียนจึงหาข้อมูล หาวิธีการต่างๆ ที่จะช่วยให้ตัวเองสามารถเข้าใจในข้อมูลเหล่านั้นได้เพิ่มมากขึ้น ในระยะเวลาที่จำกัด ค้นไปค้นมา นั่นแน่ … ก็มาเจอกับ Feature ใหม่ของ Google Chrome ที่มีชื่อว่า Live Caption นั่นเอง Live Caption บน Google … Read more