การพัฒนาเว็บไซต์

Categories Archives

SCROLL

สวัสดีครับ เคยไหมครับ เวลาที่เราออกแบบ Design หน้าเว็บไซต์อยู่ แล้วมีบางส่วนของหน้าเว็บที่จะต้องแสดงรูปภาพ ปกติผมจะไปนั่งหารูปภาพใน Google ทีละภาพมาใส่ๆไปก่อน เพื่อไม่ให้พื้นที่ตรงนั้นมันโล่ง และลูกค้าก็จะได้รู้ว่าตรงนี้เว้นไว้ใส่รูปภาพนะ ซึ่งก็ต้องเสียเวลากันพอสมควร กว่าที่จะเจอรูปภาพที่เกี่ยวข้อง และมีขนาดความกว้าง x ความสูง ใกล้เคียงกับ Div ที่เรากำหนด ถ้าใครเป็นเหมือนกันกับผม ปัญหานั้นจะหมดไปนับตั้งแต่ที่คุณได้อ่านบทความตอนนี้จบ เพราะวันนี้ผมจะมาแนะนำ API สำหรับสุ่มรูปภาพ เพื่อใช้ในขั้นตอนการออกแบบ Front-End Webdesign นะครับ 1. Placeholder.com สร้างรูปภาพใช้ชั่วคราว Placeholder.com เป็นเว็บไซส์ที่มี API สำหรับ generate รูปภาพให้กับเรา (API นี้สร้างรูปให้ไม่ใช่การสุ่มรูปนะ) โดยเราสามารถที่จะกำหนด ความกว้าง x สูง กำหนดสีพื้นหลัง และกำหนดข้อความที่จะแสดงบนรูปภาพนั้นๆได้ ถ้าใครนึกภาพไม่ออก ผลลัพท์ที่ได้จากการใช้งาน API เจ็นรูปภาพจาก Placeholder.com จะหน้าตาประมาณนี้ครับผม จากรูปตัวอย่างผมได้ทำการเรียกใช้งานรูปภาพผ่าน URL นี้ครับผม อธิบายแต่ละส่วน จาก URL ข้างต้น ได้ดังนี้– ขนาดรูปภาพ […]

API สำหรับการสร้างรูปภาพ QR Code แบบ Dynamic ก่อนอื่นเราพูดถึงในกรณีปกติทั่วไปกันก่อนนะครับ ในการสร้างคิวอาร์โค๊ดเพื่อเอาไปใช้งานบนเว็บไซต์ของนั้นเราอาจจะใช้เครื่องมือในการแปลงข้อความหรือลิ้งค์เป็น QR Code เช่น https://qr-code-generator.com หลังจากใช้งานแล้วเราก็จะได้ไฟล์รูปภาพ QR Code จำนวน 1 รูป ที่ระบบ Generate มาให้ เพื่อไปใช้งานบนเว็บไซต์ของเรา วิธีนี้สามารถใช้งานได้หากไม่ได้ต้องการ QR Code จำนวนมากๆ และเนื้อหาใน QR Code ไม่ได้มีการเปลี่ยนแปลง แต่โจทย์ของผมคือผมมีหน้าเว็บไซต์ในระบบจำนวนมาก และอยากให้ทุกๆหน้าที่ผมมีอยู่ สามารถแสดงรูปภาพ QR CODE ประจำหน้าของตัวเอง โดยทุกๆหน้าก็จะมี QR Code ไม่เหมือนกันเลย ดังนั้นการใช้งาน API สำหรับการสร้าง Dynamic QR Code ดูจะดีกว่าการนั่งเจ็นรูปภาพ QR Code ทีละรูปแน่นอน เราไปดูวิธีการกันครับ สร้าง Dynamic QR Code สำหรับการสร้างรูปภาพ QR […]

FOLLOW US
Dark
Light