Colourise กู้คืนสีสันให้กับภาพขาวดำของคุณ

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

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

รูปสมัยคุณพ่อคุณแม่ผมตอนหนุ่มๆสาวๆ มักเป็นรูปถ่ายขาวดำ หรือถ้าเป็นสีก็มักจะเป็นสีโทนหม่น แถมเก่าตามอายุไปซะอีก ไม่ได้สีสันสดใสเหมือนรูปถ่ายในสมัยนี้ แถมฟิล์มก็เก็บรักษาแบบไม่ถูกวิธีนัก เอามาอัดไม่ก็ไม่ได้แล้ว เสียไปซะหมด

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

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

แถมด้วยความคมชัดระดับสูง ที่พอให้เราเอาไปพิมพ์ภาพต่างๆได้ด้วย ทั้งหมดนี่ฟรี ฟรีและคือดี 555 แต่ถึงจะไม่ได้เหมือนสีจริงๆ 100% แต่ก็นับว่าแต่ละรูปก็ทำได้ดีไม่น้อยเลยนะครับ

ตัวระบบบอกว่าไม่ได้ทำการเก็บรูปของเราไว้ ถ้าโหลดเสร็จแล้วก็ไม่ต้องกังวลว่าจะค้างอยู่ ตัวระบบใช้งาน  Flask เป็นหน้าเว็บ ทำงานบน Google Cloud Platform ผสานพลังจาก NGINX และใช้ Load Balancer เป็นตัวช่วยเสริมกำลัง ก่อนจะจบด้วยการทำ caching static content บน CDN อย่าง Cloudflare ยอดนิยม

ด้านกลไกสมองในการคินค่าสีใช้ Fast.ai และ PyTorch เข้ามาช่วย กลไกการคืนค่าสีบอกเลยว่าอ่านแล้วเข้าใจยากจริงๆ เพราะต้องให้ระบบ เดาสีอย่างเหมาะสมมาให้ 

แถมยังใช้ Generative Adversarial Networks ร่วมกับการออกแบบคืนค่าสี ในลักษณะการทำงานแบบ deep learning technique ยอมรับเลยว่าคนพัฒนาเหนื่อยแน่ๆกว่าจะได้ อะไรที่ดูง่ายๆแบบนี้ออกมา

ใครที่คิดถึงอดีต อยากดึงรูปภาพไร้สีสันของคุณกลับมา ลองดูเครื่องมือเรียบๆตัวนี้ครับ หอมกลิ่นความเก่าดีจริงๆ

Link: https://colourise.sg/

คุณอาจจะกำลังสนใจ เรื่อง
Link: ChatBot เครื่องมือที่หลายๆเว็บเลือกใช้

Snippet generator ช่วยสร้างทางลัดให้ทำงานไว้ขึ้น

Snippet คือเครื่องมือสำคัญ ในการทำงาน ในการเขียน Code ให้ไว รวดเร็ว คุณจะทำงานได้เร็ว ง่ายขึ้น สะดวกขึ้น การสร้าง Code เก็บไว้ใช้งาน แล้วเรียกออกมาง่ายๆ จะเป็นทางลัด ที่ดีที่สุดครับ

Snippet คือเครื่องมือสำคัญ ในการทำงาน ในการเขียน Code ให้ไว รวดเร็ว คุณจะทำงานได้เร็ว ง่ายขึ้น สะดวกขึ้น การสร้าง Code เก็บไว้ใช้งาน แล้วเรียกออกมาง่ายๆ จะเป็นทางลัด ที่ดีที่สุดครับ

เวลาเขียน Code ส่วนตัวแล้วผมจะถนัดใช้งาน Text Editor เล็กๆมากกว่า IDE ทรงพลัง อาจจะเป็นเพราะใช้งานได้ไม่ครบตามความสามารถของเค้าก็เป็นได้

แต่เวลาใช้งานพวก Text Editor แล้วก็จะรู้สึกว่า สิ่งที่ขาดไปเลยคือ เรื่องของ Code snippet ซึ่งมันจะช่วยให้เราทำงานได้ไวขึ้นเยอะมากๆเลย

ถ้าแค่ HTML/CSS อันนี้ไม่ค่อยห่วง มี Emmet ไว้ให้ใช้งาน ตัวเบาไปได้เยอะ แต่เวลาเขียนอะไรซ้ำๆเดิมๆ นี่ ผมก็อยากพิมพ์แค่คำ 2 คำแล้วก็พ่นออกมาเลยเหมือนกัน

การสร้าง Code Snip ไว้ใช้งานเองเสริมขึ้นมาจึงเป็นทางเลือกที่ผมเลือกใช้ แต่ก่อนก็เขียนแค่ Class หรือ Function อะไรที่เราใช้งานบ่อยๆ เช่น save() ทุกอย่างดึงออกมาให้หมดเลย

แต่เดียวนี้พาลจะออกแนวขี้เกียจไปซะ ขอแค่ทีเดียวมาทั้ง Controller หรือ Model เลยได้ไหม ยิ่งเจอ Component จาก Bootstrap ด้วยแล้ว แบบพวก Modal, Collapse เขียนเยอะเกิ๊น

ส่วนวิธีสร้าง Code Snip ไม่ยากนะครับ ส่วนใหญ่ก็ทำได้หมดทุกตัว แต่ถ้าใครไม่เคย จะลองเริ่มต้นจากการสร้างผ่าน code snip generator ดูก็ได้ครับ ตัวนี้มีให้แบบใช้งานง่ายๆเลย

Support ได้หมดทั้ง VSCode, Sublime, Atom จำง่ายๆก็คือ description คือคำบรรยายว่าไอ้ Code ชุดนี้เอาไว้ทำอะไร tab trigger ก็คือพอเราพิมพ์แค่สองสามตัวอักษรแล้วกด Tab มันก็จะ Gen Code ออกมาเลยนั้นเอง

เสียดายที่ตัว ATOM ไม่มีการแยกไฟล์ว่า Code นี้เป็นของภาษาอะไรไม่งั้นไฟล์ของผมคงสั้นลงเยอะมากเลย หรือใครมีวิธีแนะนำกันได้นะครับ ส่วนใครจะลองใช้งานเข้าไปได้ที่นี่เลยครับ

Link :: https://snippet-generator.app/

คุณอาจสนใจเรื่องของ 
Link: Content ยุคใหม่สร้างด้วย Editor JS เครื่องมือแนว Block

Tools ดีๆช่วยสร้าง Layout กับ CSS Grid Generator

Tools ดีๆ ช่วยในเรื่องของการพัฒนาเว็บไซต์ โดยเฉพาะเรื่องของ CSS นั้นมีเยอะแยะมากมายเต็มไปหมด วันนี้ผมหยิบยกมาหนึ่งเรื่องครับ เกี่ยวกับเรื่องของ Grid ที่เป็นเรื่องสำคัญมากๆ ในการจัดวาง Layout ของหน้าเว็บเรา

Tools ดีๆ ช่วยในเรื่องของการพัฒนาเว็บไซต์ โดยเฉพาะเรื่องของ CSS นั้นมีเยอะแยะมากมายเต็มไปหมด วันนี้ผมหยิบยกมาหนึ่งเรื่องครับ เกี่ยวกับเรื่องของ Grid ที่เป็นเรื่องสำคัญมากๆ ในการจัดวาง Layout ของหน้าเว็บเรา

Generate basic CSS Grid code to make dynamic layouts! 

CSS Grid เป็นเรื่องสนุก การจัดวาง Layout ต่างๆของหน้าเว็บไซต์ ในยุคนี้ เป็นการสร้างสรรค์ที่ง่ายขึ้น แต่แม้จะง่ายปานใด

ผู้คนก็ยังคงถวิลหาเครื่องมือดีๆ ที่ช่วยให้มัน ทำงานง่ายขึ้นเข้าไปอีก อย่างเครื่องมือชุดนี้ คือ CSS Grid Generator ที่จะช่วยให้เราทำงานง่ายขึ้น

เริ่มกันตั้งแต่ ระบุค่าลงไปก่อน ว่าเราต้องการ กี่ Column และกี่ Row จากนั้นกำหนดลงไปว่าในแต่ละ Column ต้องการให้มีพื้นที่ช่องว่างระหว่างกัน หรือที่เรียกว่า Column Gap อีกเท่าไหร่ และปิดด้วย Row Gap อีกเท่าไหร

จากนั้น ก็เอาเมาส์ไปคลิกตรง div ต่างๆที่เราต้องการเอามาทำงานจริง ทีนี้เราก็จะได้ css ที่ประกอบไปด้วย .parent และ .div1, .div2 ไปตามลำดับที่เราเลือกมา

จะเห็นว่า แค่เราคลิก ไม่กี่ครั้ง ก็จะได้ Layout สวยๆตามใจของเรามาใช้งานกันแล้ว แถมเจ้าเครื่องมือตัวนี้ ยังเป็น Open source ด้วย พัฒนาบนความสามารถของ Vue.js และวางไว้บน netlify

ใครสนใจอยากเล่นกับ Grid แต่ไม่รู้จะเริ่มยังไง ลองเอาตัวนี้ไปเล่นก่อนครับ

Link: https://cssgrid-generator.netlify.com/

คุณอาจสนใจเรื่องของ
Link: Content ยุคใหม่สร้างด้วย Editor JS เครื่องมือแนว Block