Rss

  • youtube
  • linkedin
  • google

Archives for : CSS3

เทคนิคในการออกแบบเว็บไซต์สมัยใหม่

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

เทคนิคที่นิยมใช้งานกัน อย่างมากคือ การแทนที่โครงสร้างเว็บไซต์แบบเดิมที่เป็น HTML layout (Table Tag) ด้วย CSS (DIV Tag) เช่นการใช้ fluid Layout เป็นต้น ในบทความนี้รวบรวมจากข้อแนะนำ วิธีการของ Web Designer ระดับโลก นำมาช่วยในการออกแบบเว็บไซต์แบบมืออาชีพ

อ่านต่อ http://www.bakerymedia.com/modern-webdesign

รวม 13 ฟอนต์ไทยแห่งชาติในรูปแบบ WEBFONT เพื่อใช้แสดงผลในเว็บไซต์

รวม 13 ฟอนต์ไทยแห่งชาติในรูปแบบ Webfont เพื่อใช้แสดงผลในเว็บไซต์

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

ต่อมาเทโนโลยีพัฒนามาสู่ Webfont (CSS3 @font-face) ที่สามารถดึง font จากเรื่อง Server มาแสดงผลได้ เช่น Google Webfont แต่อย่างไรก็ตาม ภาษาไทยก็ยังไม่มีให้ใช้ การใช้ฟอนต์ภาษาไทยสวยๆในเว็บด้วย CSS3 @font-face รวมไปถึงการแปลงฟอนต์จากเว็บ Fontsquirrel ก็อาจจะมีปัญหาบ้าง เพราะตัวเครื่องมือที่ใช้ในการแปลงนั้นไม่มี Preset

จนถึงวันนี้ ข่าวดี 13 ฟอนต์ไทยแห่งชาติ ถูกบรรจุใน Webfont แล้ว ที่สำคัญ ฟรี วันนี้เลยได้รวบรวม 13 ฟอนต์ฟรีมาตรฐาน จากสำนักงานส่งเสริมอุตสาหกรรมซอฟต์แวร์แห่งชาติ (SIPA) มาแปลงเป็นเว็บฟอนต์เพื่อให้ดาวน์โหลดไปใช้งานกันได้เลย

 

วิธีการใช้งานก็แค่ดาวน์โหลดชุด Webfont ของฟอนต์ใดๆด้านล่าง และเมื่อแตกไฟล์ออกมาจะมีไฟล์ index.html ซึ่งภายในจะมีวิธีการติดตั้งฟอนต์ลงในเว็บไซต์ไว้เรียบร้อย

อ่านต่อได้ที่นี่ครับ

ความสามารถใหม่ของ CSS3

ความสามารถใหม่ของ CSS3

Top 10 Best Product in Home Kit 2017 Top 10 Best Product in Women Fashion 2017 Top 10 Best Product in Technology 2017 Top 10 Best Product in Car Accessories 2017