คิดถึงวันพ่อ 2559

bike for dad
bike for dad

เมื่อ 5 ธันวาคม 2558 ไปรับเสื้อปั่นเพื่อพ่อที่
สวนเขลางค์ จังหวัดลำปาง
ได้รับสายรัดข้อมือ ปั่นเพื่อพ่อ และอื่น ๆ
แล้วยังพบโกแดง ฝาก sticker ให้กับเพื่อนที่มหาวิทยาลัย
จำได้ว่าร่วมกิจกรรมปั่นจนถึงปลายทางตามแผน
คือ จากศาลากลางถึงห้าแยกหอนาฬิกา
คิดถึงอดีตที่งดงาม คิดถึงพ่อหลวงแห่งแผ่นดิน
https://www.facebook.com/photo.php?fbid=10153697715458895&set=a.400266568894.176033.814248894

ทุกวันพ่อ ผมมักคิดถึงพ่อ แต่วันนี้คิดถึงแม่มากกว่าทุกปี เพราะแม่ต้องการคนดูแล
ทุกวันพ่อ ผมมักคิดถึงพ่อ แต่วันนี้คิดถึงแม่มากกว่าทุกปี เพราะแม่ต้องการคนดูแล

นอกจากพ่อหลวงแห่งแผ่นดินแล้ว
ผมก็คิดถึงพ่อสอาด ท่านเสียเมื่อกรกฎาคม 2539
ก็กว่า 20 ปีแล้ว ตอนนั้นยังไม่มีโอกาสดูแลท่าน
แต่สำหรับคุณแม่ของผมแล้ว
ผมมีโอกาสดูแลท่าน
ในยามที่ท่านกำลังต้องการมากที่สุด
https://www.facebook.com/photo.php?fbid=10153697404663895&set=a.347177673894.153816.814248894

 

พี่ยาบ้านไร่ฯ ถ่ายภาพให้ 2558 ชอบมาก
พี่ยาบ้านไร่ฯ ถ่ายภาพให้ 2558 ชอบมาก

https://www.facebook.com/photo.php?fbid=10153697789928895&set=a.400266568894.176033.814248894

นักศึกษาด้านไอทีอย่างน้อยต้องทำ responsive เป็น

นักศึกษาด้านไอทีอย่างน้อยต้องทำ responsive เป็น

เว็บมาสเตอร์
เว็บมาสเตอร์

ถือว่าเป็นสิ่งจำเป็น
ที่นักศึกษาต้องรู้ว่าตัวเองเป็นใคร
Who am i?
เพราะไม่ใช่นักเรียนที่จะไปเข้า #ค่ายค้นหาตัวตน
แล้วหาว่า ตนเหมาะกับอาชีพใด
ถ้าเป็นนักศึกษาก็แสดงว่าเลือกแล้ว
ไม่ใช่กำลังจะเลือก
ตอนนี้มาได้ครึ่งทางแล้วที่จะไปสู่อาชีพที่คาดหวัง
ทุกหลักสูตรมีวิชามากมายต้องเรียนเชื่อมต่อกันเป็น jigsaw
กว่าจะได้ภาพสวยผืนใหญ่ ใส่กรอบ โชว์
ก็ใช้เวลาหลายปี ระหว่างทางต้องทบทวนเป็นระยะ
ว่าทำอะไร เรียนอะไร รู้อะไรไปแล้วบ้าง
หัวข้อต้องรู้มีมากมาย
แต่อย่างน้อยต้องรู้ว่าเรา ทำอะไรเป็นบ้าง
ในสายไอทีก็มีเรื่องเว็บเพจ (webpage)
โดยสิ่งที่ควรรู้ คือ Responsive web design
เพราะแนวโน้มชาวโลกจะขยับไปหา mobile device
ดังนั้นหัวข้ออบรมความรู้เบื้องต้น
เสนอว่าให้นักศึกษาเขียนเว็บเพจด้วย html
จำนวน 3 หน้า ตัวตน ผลงาน และตนเอง
คือ index.html project.htm aboutme.htm
แต่แสดงผลได้ในอุปกรณ์ขนาดต่าง ๆ ได้เหมาะสม

 

ฝากไว้กับ firebase.com หรือ wordpress หรือ facebook ก็ได้

เกี่ยวกับเรา
เกี่ยวกับเรา

http://www.thaiall.com/webmaster/responsive

โครงการ (project)
โครงการ (project)
หน้าแรก (index) เป็นสารบัญ ดัชนี หรือบทนำ
ที่ฉายภาพรวมความเป็นตัวเรา
แต่ไม่ลึกเท่าโปรเจค หรือเกี่ยวกับเรา
หน้าแรกของนักศึกษาน่าจะมีเนื้อหา
ที่มุ่งขายตัวเรา ตัวอย่างหัวข้อดังนี้
- คนต้นแบบมืออาชีพที่ประทับใจ
- กลุ่มที่สนใจที่เราติดตามประจำ
- บทความ ประเด็น หรือข่าวสำคัญ
- เว็บไซต์ที่แนะนำ
- รายการผลงานเด่นที่สะท้อน skill
- ข้อมูลการติดต่อ หรือ อวตารของเรา

 

หน้าโครงการ หรือโปรเจค (Project)
เป็นการขายตัวเรา (ถ้ามี linkin จะดีมาก)
ที่ผ่านมาสวมบท "นักศึกษา" แล้วทำอะไรไปบ้าง
มีงานอะไรที่เราทำส่งอาจารย์แล้วประทับใจ
เทอมหนึ่งเรียน 6 วิชา ๆ ละ 1 งานก็ปีละ 12 งาน
เลือกนำมาแบ่งปัน เพราะนั่นสะท้อนให้เห็น skill 
เว็บเพจหน้านี้จะบ่งบอกอัตลักษณ์ของเรา
ผลงานต้องเป็นที่ประจักษ์ อยู่ในความทรงจำไม่ได้
แนะนำว่าผลงานทุกชิ้นให้เขียนเป็นบล็อก
จะทำเอง ร่วมกัน หรือฟังเขามาก็เขียนบล็อกได้
แต่ถ้านักศึกษาไอทีจะต้องมีโฮมเพจเป็นของตนเอง
แล้วเชื่อมทุกอย่างเข้ากับ social media + blog
เนื้อหาในหน้านี้ มีรายละเอียดผลงานที่ครบถ้วน
มีที่มา เนื้อหา สรุป และลิงค์ดาวน์โหลดจะดีมาก
ทั้งหมดในหน้านี้ก็จะสะท้อน skill เพื่อขายตัวเรา

 

หน้าเกี่ยวกับเรา (About me)
ความเป็นส่วนตัวสำคัญมาก 
แต่การอยู่ในสังคมก็ต้องลดความเป็นส่วนตัวลงบ้าง 
และไม่เปิดเผยอะไรที่ไม่มีวัตถุประสงค์ที่ชัดเจน 
เราต้องเป็นนักประชาสัมพันธ์ตนเองอย่างมีเป้าหมาย
นักศึกษาต้องบอกว่าตนเอง
มี skill อะไร
มี project อะไรผ่านมือมาบ้าง
มี avatar ให้ว่าที่นายจ้างไปติดตามที่ไหน
มี experience กับอะไรที่เป็นงานอดิเรก 
มี interested กับอะไรที่เป็นแผนในอนาคต
แต่ถ้าทำงานในองค์กรเมื่อใด ระดับความเป็นส่วนตัว
จะแปรผันตามนโยบายขององค์กรทันที

2 ตัวล่างของงวด 1 ธันวาคม 2559 ตรงกับอะไร

amphoe 4303
amphoe 4303

ประเทศไทยเข้าสู่การเปลี่ยนแปลงครั้งสำคัญหลายเรื่อง
เรียกว่า critical change ของประเทศก็ว่าได้

จังหวัดบึงกาฬ คือจังหวัดที่ 77
จังหวัดบึงกาฬ คือจังหวัดที่ 77

หากมองลึกเข้าไปที่ประเทศไทย จะพบเลขสำคัญเลขหนึ่ง
ที่เป็นเอกลักษณ์
นั่นคือจำนวนจังหวัดในประเทศไทย
เพื่อน ๆ ซื้อกันรึเปล่า
ประเทศไทยมี 77 จังหวัด โดยจังหวัดบึงกาฬ คือจังหวัดสุดท้าย
แยกจากจังหวัดหนองคาย ในปี พ.ศ. 2554

https://th.wikipedia.org/wiki/%E0%B8%88%E0%B8%B1%E0%B8%87%E0%B8%AB%E0%B8%A7%E0%B8%B1%E0%B8%94%E0%B8%82%E0%B8%AD%E0%B8%87%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B9%80%E0%B8%97%E0%B8%A8%E0%B9%84%E0%B8%97%E0%B8%A2

สังคมต้องการคนดี (We want the good man)

เก็บขยะที่คนอื่นทิ้ง เป็นคนดี
เก็บขยะที่คนอื่นทิ้ง เป็นคนดี

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

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

 

ล่าสุด
มีหนุ่มทำคลิ๊ป นำเสนอว่าเห็นคนทิ้งขยะต่อหน้า
แล้วมีใครบ้างเก็บขยะจากคนที่พึ่งทิ้งไปหยก ๆ
ถ้าเก็บก็แสดงว่ามีจิตสำนึก เป็น “คนดี”
และ มีอีกคลิ๊ปที่ฮือฮาเช่นกัน
คลิ๊ปถามคำถามเป็นภาษาอังกฤษ
แล้วเด็กเยาวชนไทยตอบไม่ได้
ก็นำมาออกรายการ เค้าชี้ปัญหาระบบการศึกษา
แล้วมีคนในโซเชียลถามว่า “จะใช่หรือ”

https://www.youtube.com/watch?v=jR0ZJEHyhyk

 

15 ข้อผิดพลาดที่พบได้ใน UI Website จึงต้องระวัง

ui webpage
ui webpage

Julia Blake เขียนเมื่อ 13 พฤษภาคม 2015
เรื่อง 15 Worst UI Design Features to Watch Out For and Overcome
1. มีปุ่ม Reset อยู่ติดปุ่ม Submit ทำให้กดพลาดได้
2. มีปุ่ม Cancel อยู่ติดปุ่ม Back สำหรับกรอกหลายหน้า ทำให้กดพลาดได้
3. มีปุ่ม X ทำให้เข้าใจผิดว่า ปิดอะไร ซึ่งไม่ชัดเจน สื่อสารผิดพลาดได้
4. มีหน้า Chat เด้งขึ้นมาคุยกับเรา เมื่อเปิดเว็บไซต์ คงไม่ดีแน่
5. มี *** ขณะพิมพ์รหัสผ่าน ทำให้สับสน เพราะมองไม่เห็น
6. สไลด์ภาพอัตโนมัติ เป็นการบังคับให้ต้องดูข้อมูล
7. การเลื่อนข้อมูลให้เลือกแบบ Carousel เหมือนกงล้อ เห็นแล้วเชย
8. เมนูแบบตกลง ไม่เหมาะกับข้อมูลปริมาณมาก
9. ป้ายแบบทับข้อมูลตามมุม น่ารำคาญ
10. ถ้าคลิ๊กโลโก้ก็ต้องกลับไปหน้าแรก อย่าลืม
11. แถบนำทางขนาดใหญ่บนจอภาพ ใช้งานยาก
12. ให้เลือกว่าจะใช้ mouse หรือ keyboard เลื่อนข้อมูล
13. อย่าใช้สีฉูดฉาด
https://alison.com/courses/Colour-Theory-for-Artists-and-Designers
http://www.sessions.edu/certificate-programs/course-color-theory
14. ตัวอักษรเล็กเกินไป
15. ใช้ Captcha ตรวจสอบว่าเป็นมนุษย์หรือไม่
https://idxw.net/2015/05/27/15-%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%9C%E0%B8%B4%E0%B8%94%E0%B8%9E%E0%B8%A5%E0%B8%B2%E0%B8%94%E0%B8%97%E0%B8%B5%E0%B9%88%E0%B8%84%E0%B8%99%E0%B8%AD%E0%B8%AD%E0%B8%81%E0%B9%81%E0%B8%9A%E0%B8%9A-ui-webs/
http://www.onextrapixel.com/2015/05/13/15-worst-ui-design-features-to-watch-out-for-and-overcome/

คนที่บ้านเคยเจ็บป่วยไหม เจ็บไข้ได้ป่วยเป็น 1 ใน เกิด แก่ เจ็บ ตาย สัจธรรมชีวิต

การทานอาหารของผู้สูงอายุ
การทานอาหารของผู้สูงอายุ

สุขภาพเป็นเรื่องสำคัญ
ความดัน เบาหวาน เป็นโรคเรื้อรัง และผู้สูงอายุเป็นกันมาก
พอเป็นแล้วก็อันตราย จะผ่าตัดอะไรก็ยาก เสี่ยงจะไม่ฟื้น
ไม่กินยาควบคุม หรือไม่ดูแลก็เสี่ยงชีวิต เสี่ยงเสียอวัยวะ
http://www.boe.moph.go.th/Annual/AESR2012/main/AESR55_Part1/file11/5855_Hypertention.pdf

สุขภาพคนไทย
สุขภาพคนไทย

ปัญหาสุขภาพของคนไทย
ปี 2555 พบว่า อันดับ 1 คือ โรคความดันโลหิตสูง
รองลงมาคือ โรคหัวใจ โรคเบาหวาน โรคมะเร็ง และโรคหลอดเลือดสมอง
http://www.bloggang.com/viewblog.php?id=cmu2807&date=18-09-2014&group=7&gblog=183

ปี 2560 จะเข้าสู่ยุคผู้สูงอายุเต็มตัว
เรามีถึง 9.9 ล้านคนคิดเป็นร้อยละ 15 ของประชากร 65.3 ล้านคน
เคยอ่านในมติชนออนไลน์ เมื่อ 27 พ.ย.59
“ปู่สงัด” วัย 81 ปี จ.สมุทรสงคราม เล่าว่า
แม้มีลูก 6 คนก็ไม่ได้เป็นหลักประกันชีวิตบั้นปลายว่าจะอยู่สบาย
http://www.matichon.co.th/news/185411

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

22 พ.ย.2559
ฮือฮา! จุฬาลงกรณ์มหาวิทยาลัย เปิดหลักสูตรใหม่ ชื่อวิชา “การตายอย่างมีคุณภาพ”
http://news.mthai.com/hot-news/general-news/534420.html

การติดตาม monitor โฮมเพจหรือเว็บไซต์ได้เช่นเดียวกับคน

website-analysis
ประเมินเว็บไซต์
http://www.check-domains.com/website-analysis/website-analyzer.php

ตัวเราเองก็มักจะประเมินตนเอง หรือมีคนประเมินตัวเราเสมอ
เช่น ได้เกรดอะไร น้ำหนัก ความดัน เบาหวาน
หรือผลสอบแข่งขันต่าง ๆ ว่ามีประสิทธิภาพหรือไม่
http://www.thaiall.com/webmaster/
การทำเว็บไซต์ก็เช่นกัน สามารถติดตามประสิทธิภาพของเว็บไซต์
ได้หลายประเด็น
1. พฤติกรรมการเข้าเว็บไซต์ บริการจากภายนอก
เช่น http://truehits.net/stat.php?login=thaiall
หรือ https://www.stats.in.th/?cmd=stats&sid=47&list=m&y=2016
หรือ https://www.google.com/analytics/

2. พฤติกรรมการเข้าเว็บไซต์ ติดตั้งไว้ภายในเครื่อง
– รวมสคริ๊ปสำหรับนำไปติดตั้ง
http://www.hotscripts.com/category/scripts/php/scripts-programs/web-traffic-analysis/
– วัด web application
http://oracle-java.blogspot.com/2007/08/web-application-jmeter.html
– ภายในเครื่องบริการเว็บก็มี access.log หรือ error.log ที่นำมาวิเคราะห์ได้

3. ประเมินเว็บไซต์ หรือเว็บเพจ
มีหลายมุมให้พิจารณา
http://www.check-domains.com/website-analysis/website-analyzer.php
http://validator.w3.org/check/referer
http://jigsaw.w3.org/css-validator/check/referer
https://developers.google.com/speed/pagespeed/insights/

4. Browser
กด Ctrl-Shift-I มีบริการ Inspector เว็บเพจได้
ว่ารองรับ responsive web design กับอุปกรณ์ต่าง ๆ หรือไม่

5. บริการเสริม
เช่น facebook.com ก็จะมียอด like ยอดแชร์
สามารถ plugin เข้ามาใน webpage ได้
หรือ youtube.com ก็จะมี plugin เช่นกัน
หรือ 4share.com หรือ box.com ก็แชร์แฟ้มให้ดาวน์โหลดได้

บทความที่ esarn.com น่าสนใจ
http://www.esarn.com/%E0%B8%A7%E0%B8%B4%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B2%E0%B8%B0%E0%B8%AB%E0%B9%8C%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C/
เรื่อง ทำไมต้องวิเคราะห์เว็บไซต์ มี 4 วัตถุประสงค์
1. เพื่อศึกษาพฤติกรรมการใช้งานบนเว็บไซต์ของคุณ
2. เพื่อนำมาต่อยอดในการวางแผนทางการตลาดให้กับธุรกิจ
3. เพื่อวางแผนการใช้งานคนและงบประมาณ
4. เพื่อเป็นข้อมูลในการปรับปรุงแก้ไขเว็บไซต์ของเรา

ปรับความสูงของ site-header หรือระยะห่างต่าง ๆ ใน wordpress

style css
style css

แฟ้ม style.css ของ Theme: Twenty sixteen
ใน wordpress มีกำหนดไว้เยอะมาก
ตัวหนึ่งที่ใช้กำหนดความสูงของ header คือ site-header

inspector chrome
inspector chrome

การกำหนดให้ padding: เป็น 0em และ 0%
ทำให้ส่วนของ header มีขนาดเล็กลง
ไม่ต้องมีขอบกินพื้นที่ของเนื้อหา

inspector firefox
inspector firefox

การตามแก้ไข css ใช้ inspector ของ browser
ทั้ง firefox และ chrome ช่วย developer ได้มาก
หาตำแหน่งได้ง่ายขึ้นมาก โดยกด ctrl-shift-i
จากนั้นคลิ๊ก inspector
เมื่อทราบว่าตำแหน่งใดที่กำหนด css ผ่านตัวใด ก็เข้าแก้ไขได้
เช่น

ลดขนาด margin-top หรือ padding เป็น 0em เป็นต้น
ลดขนาด margin top กับ left ของ site เหลือ 2px
ลดขนาด padding ของ site-content
จาก padding: 0 4.5455%; เป็น padding: 0 1%;
เพิ่มขนาด width: 71.42857144%; เป็น 80%
ของ body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content
ลดขนาด width: 21.42857143%; เป็น 10%
ของ body:not(.search-results) article:not(.type-page) .entry-footer

ปรับแฟ้ม header.php ของ Theme: Twenty sixteen ใน wordpress

 

wp banner in header
wp banner in header

20 พ.ย.59 วันนี้เห็นว่าภาพ Banner ใน Header ของ Blog
ได้สุ่มภาพขึ้นมาแสดง ผ่านคุณสมบัติของ Theme
พบว่า คลิ๊กแล้วอยู่ที่หน้าเดิม คือ http://www.thaiall.com/blog
จึงคิดว่าน่าจะคลิ๊กแล้ว พาออกไปข้างนอก Blog ปัจจุบัน
นั่งคิดแป๊ปนึง ก็คิดได้ว่าที่ http://www.thaiall.com/km
มีเนื้อหาเกี่ยวกับ “การจัดการความรู้”
แล้ว Blog เองก็เป็นเครื่องมือหนึ่งสำหรับการจัดการความรู้ที่ดีมาก

ขั้นตอนการแก้ไขแฟ้ม header.php
1. เปิดแฟ้ม header.php
2. มองหาบรรทัดที่ 276 แบบด้านล่างนี้
<a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” rel=”home”>
เปลี่ยนเป็น
<a href=”http://www.thaiall.com/km” rel=”home”>
3. ทดสอบ view ดูหน้า blog ว่าคลิ๊กแล้ว
ไปหน้า KM (Knowledge Management) หรือไม่

อีกเหตุผลหนึ่ง ที่ลิงค์จาก Banner ใน Blog
ไปยัง KM Page คือ ยอด Pageview ของหน้า KM
ติด TOP ในเว็บเพจทั้งหมดของเว็บไซต์ thaiall.com
ใจจริงแล้วอยากลิงค์ไปยัง http://www.thaiall.com/handbill
เพราะมีเนื้อหาของ Handbill เรื่องภาพยนตร์ ที่สอดคล้องกับ Banner
อาจต้องใช้เวลาปรับเว็บไปอีกระยะหนึ่ง เพื่อปลุก Handbill ขึ้นมา
ถึงจะพาจาก Movie Banner ใน Blog ไปยังหน้า Handbill ได้