วันนี้ผมลองนั่งทำ html5 จริง ๆ สักที ผมก็นั่งเขียนโครงคร่าว ๆ ตาม structure ของ html5 นั่นแหละ และด้วยความที่เราพอมีความรู้ในเรื่องของ standard web ซึ่งก่อนจะเขียน tag อื่น ๆ แทรก ผมก็เลยขอทำการ check html5 โดยใช้ตัว check validator ของ w3c ซึ่งเป็นมาตรฐานกลางที่คนทำเว็บใช้ตรวจสอบกัน
W3C html5 validator error
28
Jul
milliontreesforking ไม่สนับสนุน IE 6
27
Jun
บริษัืท ปตท. จำกัด (มหาชน) ได้มีโครงการปลูกป่า 1 ล้านกล้า ถวายพ่อ และได้สร้าืงสื่อประชาสัมพันธ์โครงการโดยผ่านทางเว็บไซต์ที่ชื่อว่า http://www.milliontreesforking.com
โดยผู้ที่เข้ามาในเว็บไซต์ สามารถเข้ามาปลูกต้นไม้เพื่อช่วยกันรณรงค์และบอกกล่าววิธีการในการแก้ปัญหาโลกร้อนได้ โดย application ตัวนี้จะมีการเชื่อมต่อกับ Facebook ของเรา เพื่อติดตามการเจริญเติบโตของต้นไม้ รดน้ำต้นไม้ให้ตนเองและเพื่อน ๆ รวมถึงร่วมกิจกรรมต่างของทาง ปตท
Accessible Twitter
26
Jun
ช่วงหลัง ๆ ผมมีความสนใจด้าน web Accessibility มากขึ้น ผมเคยคิดอยู่เสมอ ๆ นะ ว่างานที่ทำด้าน New Media ที่ผมทำจะสามารถทำอะไรเพื่อสังคมได้บ้าง
วันนี้ผมไปเจอ api อยู่ตัวหนึ่ง ชื่อ accessible twitter เป็น api ที่สามารถให้ผู้พิการทางสายตาเข้ามาใช้งาน twitter ได้ โดยผ่านการอ่านของเครื่อง Screen Reader
ผู้พิการทางสายตาสามารถเข้าใช้ twitter ได้โดยผ่านทาง http://www.accessibletwitter.com ซึ่งเมื่อเราเข้ามาหน้าแรกก็จะเห็นรูปร่างหน้าตาเว็บ ที่ดูแล้วไม่มี media อะไรมาก ใช้ text ที่เครื่องอ่านหน้าจอสามารถอ่านได้ง่าย
Set Workspace Default in Photoshop
23
Apr
การทำงานกับ photoshop บางครั้งเราได้ตั้งค่าอุปกรณ์ต่าง ๆ มาใช้ในการทำงานอย่างมากมาย พอใช้นาน ๆ เข้าก็เริ่มงงว่าตัวเองตั้งค่าอุปกรณ์อะไรไปบ้าง วันนี้ผมก็เลยจะมาบอก วิธีการตั้งค่าอุปกรณ์ให้เป็นค่ามาตรฐานเหมือนตอนที่เราทำการลงโปรแกรมใหม่ ๆ
ให้ไปที่ menu bar จะเห็น menu ที่ชื่อว่า window > workspace > essentials(default)
ถ้าเป็นตัวเวอร์ชั่นที่ต่ำกว่า cs4 จะเป็นคำว่า default ให้คลิกที่ essentials(default) ค่าอุปกรณ์ต่าง ๆ ที่เราได้เคยตั้งไว้ก็จะกลับมาเป็นค่ามาตรฐานเหมือนตอนที่เราลงโปรแกรมใหม่ ๆ
New Features in Adobe cs5
15
Apr
สำหรับ Adobe cs5 ที่ออกมาใหม่นั้น ได้มี Features ใหม่ ๆ ที่น่าสนใจหลาย ๆ ตัวด้วยกัน ในที่นี้ผมขออิงข้อมูลจาก indesignthai ซึ่งได้ให้ข้อมูลที่เป็นภาษาไทยได้อย่างครบถ้วน
InDesign CS5 กับคำบรรยายภาพอัตโนมัติ- Adobe Bridge CS5 กับการ Export File
- Adobe Premiere CS5
- After Effects CS5 กับความสามารถใหม่
- Adobe Illustrator CS5 กับความสามารถใหม่
- Flash CS5 และ Flash Catalyst CS5 กับความสามารถใหม่
- Dreamweaver CS5 กับความสามารถที่น่าสนใจ
- Adobe Photoshop CS5 Extended
Adobe Creative Suite 5 ออกแล้ว
13
Apr
ออกมาแล้วครับสำหรับ Adobe cs5 ซึ่งประกาศอย่างเป็นทางการในวันที่ 12 เมษายน 2553 โดยครั้งนี้ adobe ออกมา 5 ชุด ได้แก่
- Creative Suite 5 Master Collection
- Creative Suite 5 Design Premium
- Creative Suite 5 Design Standard
- Creative Suite 5 Web Premium
- Creative Suite 5 Production Premium
Sneak peek of Content-Aware Fill in Photoshop
25
Mar
Bryan O’Neil Hughes ได้สาธิตความสามารถของ photoshop ด้วยการ select ส่วนของภาพที่ไม่ต้องการ และให้ photoshop ทำการ fill ค่าลงไป ความสามารถตัวนี้อาจจะมาพร้อมกับ photoshop cs5
ผมไม่รู้จะอธิบายอย่างไรเหมือนกัน ไปดู vdo กันดีกว่า
Adobe Photoshop Cook Stop-Motion
01
Mar
ไปเจอการใช้ โปรแกรม adobe photoshop ให้ทำขนมให้ โดยเป็นการใช้เทคนิคที่เรียกว่า stop-motion ไอเดียนี้ใครจะลอกเลียนแบบก็ไม่ว่านะ
Adobe Photoshop Cook from Lait Noir on Vimeo.
Set history in Photoshop
19
Feb
วันนี้ผมจะมาเขียนเรื่องการตั้งค่า history ใน photoshop ค่ามาตรฐาน history ของ photoshop คือ 20 หมายความว่า ในการทำงานครั้งหนึ่ง ๆ เราสามารถที่จะย้อนงานไปได้แค่ 20 ครั้งเท่านั้น แต่ถ้าเราต้องการย้อนงานให้มากกว่านั้น ต้องมีการตั้งค่าก่อน
เริ่มจากการเรียก history มาใช้กัน ให้ไปที่ window > History
ซึ่งจะปรากฏ Dialog Box ดังนี้
Best of CSS Design 2009
15
Feb
วันนี้จะพาไปชมกับ 50 website สุดยอดในการออกแบบ CSS ซึ่งจัดโดย Best Web Gallery ในหัวข้อ Best of CSS Design 2009 สิ่งที่น่าสังเกต website เหล่านี้จะเป็นแบบ minimalistic และใช้ฟอนต์ที่เป็นตระกูลของ serif ซะส่วนใหญ่ การใช้รูปขนาดใหญ่มาเป็น background ของ website จะนิยมในช่วงปี 2008 สำหรับในปี 2009-2010 จะนิยม background แบบ texture เรามาดูเว็บไซด์ที่ผ่านการคัีดเลือกทั้งหมดเลยดีกว่าครับ เผื่อบางคนจะได้นำแนวคิดในการออกแบบไปปรับปรุงงานของตัวเองกัน
- Sushi and Robots
ดูตัวอย่างทั้ง 50 website ได้ที่นี่
