Skip to main content

แบ่งพื้นที่เนื้อหาเป็นคอลัมน์ ด้วยคำสั่ง CSS Multiple Columns

โดยปกติแล้วการแสดงผลเนื้อหา จะแสดงผลเต็มพื้นที่ <div> หรือ ความกว้างหน้าเว็บ แต่ด้วยคำสั่ง CSS Multiple Columns สามารถกำหนดให้เนื้อหาภายใน <div> หรือ ภายในพื้นที่ความกว้างหน้าเว็บ ให้แสดงผลแบ่งเป็นคอลัมน์ (ให้นึกถึงการจัดหน้าของนิตยสาร หรือหนังสือพิมพ์)

ขั้นตอนสร้างเว็บไซต์ เริ่มต้นจากศูนย์ สำหรับมือใหม่

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

มาทดลองกัน!

ขั้นตอนในการสร้างเว็บไซต์ เริ่มต้นจากศูนย์ สำหรับมือใหม่ มีขั้นตอนคราวๆ ดังนี้

กางปฏิทิน Drupal 7 และ Drupal 8 จะหมดอายุ พ.ย. 2021 เตรียมย้ายไป Drupal 9

ข้อมูลจากเว็บไซต์ Dries Buytaert ผู้สร้าง Drupal ได้เขียนบันทึกไว้ตั้งแต่เดือนกันยายน 2018 เกี่ยวกับรอบการพัฒนาของของ Drupal 7, 8 และ Drupal 9

Drupal 7,8 and Drupal 9

วิธีใช้งาน Google Fonts สำหรับเว็บไซต์ และงานมัลติมีเดีย

เว็บไซต์ Google Fonts -- https://fonts.google.com -- โดยสามารถเลือกดูเฉพาะภาษาที่ต้องการ เช่น Language: Thai (ภาษาไทย) เป็นต้น

Google Fonts

วิธีนำ Google Fonts ไปใช้แสดงผลในเว็บไซต์

1. กดเครื่องหมาย + (ปุ่มวงกลมสีแดง) มุมขวาของกรอก font ที่ต้องการ

มาแล้ว มือถือเรือธง Xiaomi Mi 9 (จีน) และ Samsung Galaxy S10 (เกาหลีใต้)

วันที่ 19-20 กุมภาพันธ์ 2019 เรียกว่าเป็นต้นปีแห่งการแข่งขันที่ดุเดือด ระหว่างค่ายมือถือจากประเทศจีน Xiaomi และค่ายมือถือจากประเทศเกาหลีใต้ Samsung

Xiaomi Mi 9

โดยเริ่มจากวันที่ 19 ค่ายมือถือยักษ์ใหญ่จากจีน Xiaomi เปิดตัวมือถือเรือธงรุ่นล่าสุด Xiaomi Mi 9 ด้วยสเป็คจัดเต็ม หน้าจอขนาด 6.39 นิ้ว จอแหว่งด้านบนเป็นกล้องหน้า กรอบตัวเครื่องเป็นสแตนเลส หน้าจอกระจก Gorilla Glass รุ่นที่ 6 ขอบด้านล่าง หนาเพียงแค่ 3.6 มิลลิเมตร ระบบสแกนลายนิ้วมือใต้จอ

ปรับระดับวรรณยุกต์ให้สวยงามได้ในคลิกเดียว ด้วย Photoshop 20

ปัญหาภาษาไทยกับโปรแกรมในตระกูล Adobe เป็นของคู่กันมายาวนาน ด้วยความเฉพาะตัวของอักษรไทย ที่มีสระและวรรณยุกต์หลายระดับชั้น โดยเฉพาะ ไม้เอก ไม้โท ฯลฯ ที่มีโอกาสขึ้นไปขี่อยู่บน ไม้หันอากาศ หรือว่าสระอิ สระอี ต่างๆ

ก่อนหน้านี้ เวลาใช้งานโปรแกรม Adobe Photoshop CC ผมใช้วิธีเลือก ปรับยก "ทีละตัว" ด้วยการเลือกไฮไลท์ตัวอักษรนั้น แล้วก็ใช้เมาท์เลือกระดับที่ต้องการ (ตัวอย่างในภาพ วรรณยุกต์ ไม้เอก -่ อยู่เหนือสระอี)

ปรับระดับวรรณยุกต์ใน Photoshop 20

การออกแบบเว็บไซต์ที่ผิดพลาดและควรหลีกเลี่ยง

ผมอ่านบทความหนึ่ง หัวข้อ Worst design fails, and how to avoid them เขาเขียนอธิบายถึงความผิดพลาดในการออกแบบเว็บไซต์ที่ควรหลีกเลี่ยง ในบทความนั้นเขียนไว้ 6 หัวข้อ ได้แก่

Failed

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

Switch back to Firefox again! กลับมาใช้ Firefox เป็นเบราว์เซอร์หลักอีกครั้ง (ลบ Chrome ออกเลย)

เมื่อประมาณ 1 เดือนที่แล้ว มีข่าวว่า Microsoft ยกธงขาว จะไม่พัฒนาโปรแกรมฐานราก EdgeHTML สำหรับเบราว์เซอร์ Edge ของตัวเอง เพื่อแข่งขันกับ Google Chrome และ Firefox แต่จะย้ายไปใช้ระบบฐานราก Chromium ที่เป็นระบบ Open Source ซึ่งสามารถนำมาปรับปรุงพัฒนาเป็นโปรแกรมของตัวเองได้ เรียกว่าลดขั้นตอนการพัฒนาโปรแกรม จากเดิมที่ต้องทำเองทั้งหมด เปลี่ยนมาทำเพียงแค่ส่วนติดต่อกับผู้ใช้งานเท่านั้น

แนะนำแอพ Pixlr X: Photo Editor เว็บสำหรับแก้ไขรูปภาพออนไลน์

ถ้าถามถึงโปรแกรมแต่งภาพ เกือบทุกคนน่าจะนึกถึง Adobe Photoshop โปรแกรมมหาชน แต่ทว่าการที่จะหาโปรแกรม Photoshop มาใช้งานได้นั้น ต้องดาวน์โหลดไฟล์ติดตั้งขนาดใหญ่ รวมถึงต้องจ่ายค่าสมาชิกรายเดือน เพื่อได้สิทธิใช้งานแบบลิขสิทธิถูกต้อง (ในอดีตต้องเสียค่าสิทธิในการใช้โปรแกรมหลายหมื่นบาท)

ทำให้เกิดโปรแกรมทางเลือกออกมาให้เลือกใช้ทดแทนมากมาย อาทิ Photoscape, GIMP, Krita หรือ SumoPaint เป็นต้น

Subscribe to Stuff