วันอังคารที่ 27 ธันวาคม พ.ศ. 2559

เว็บดีไซน์ 2017

Web Design Trend ที่จะมาแรงในปี 2017 + ตัวอย่างประกอบ

1. RESPONSIVE! เทรนด์นี้มาแรงไม่ดับแน่
การปรับเปลี่ยนรูปแบบการแสดงผลตามขนาดหน้าจอของอุปกรณ์ต่าง ๆ นอกจากนั้นในส่วนของโลโก้ที่เป็นสัญลักษณ์ของแบรนด์ ก็ต้องทำให้แสดงผลได้ดีที่สุดในทุกๆขนาดหน้าจอแสดงผลด้วยเช่นกัน

2.ใช้ตัวเลขโน้มน้าว
การใช้สถิติมาช่วยโน้มน้าวในงานออกแบบ (Persuasive Design)

3. FLAT COLORS และ FLAT DESIGN
ตั้งแต่ปี 2014 ที่ Google ได้เปิดตัว Google Material Design ซึ่งทำให้การออกแบบเว็ปไซต์และ Mobile App คือการย้อนกลับไปที่พื้นฐาน Design เน้นความ Minimal และเรียบง่าย เน้นว่าอะไรสำคัญไม่สำคัญ เช่น การออกแบบด้วยสี 2 มิติ, ใช้สีโทนเดียว, Flat Design ก็ยังเป็นที่นิยมอยู่ และถูกเหล่าดีไซน์นำมาดัดแปลงรูปแบบการนำเสนองานดีไซน์สวยงามมากมายให้เราได้ชมกัน

4.ใช้ลายเส้นของตัวเอง
าดทีเดียวตรงใจเราแถมยังมีเอกลักษณ์ไม่เหมือนใคร ดีไซน์เนอร์ที่มีความสามารถด้าน Illustration ก็หันมาออกแบบเว็ปไซต์ด้วยการวาดกราฟฟิกต่าง ๆ เองนำมาใช้ภายในเว็ปไซต์ ทำให้เว็ปไซต์เป็นเอกลักษณ์

5. ใช้รูปที่ถ่ายเอง หรือดัดแปลงรูปให้เหมาะกับบทความนั้นๆ
แนะนำ Guideline ในการเลือกดังนี้
  • รูปผลิตภัณฑ์: รูปสินค้าชิ้นนี้เหมาะและเข้ากับ Content รอบๆ ในหน้าหรือเปล่า
  • รูปคน: เป็นไปได้หรือเปล่าที่เราจะใช้รูปที่เราถ่ายเองเพื่อให้มีความน่าเชื่อถือมากขึ้น ถึงแม้จะไม่ใช่รูปมืออาชีพเท่าที่รูปที่เราซื้อมา แต่ก็ดูจริงกว่าให้ความเชื่อถือได้มากกว่า
  • คุณภาพ: เราสามารถแสดงได้ถึงคุณภาพของสินค้าเราผ่านการรูปถ่ายที่มีคุณภาพรูปภาพที่เราคัดสรรตั้งใจแต่งอย่างดี
  • คุณค่า: เราสามารถแสดงคุณค่าสินค้าผ่านรูปถ่ายได้เช่นกัน เช่นถ่ายรูปสินค้าที่วางอยู่รอบๆ ต้นไม้ ก็สามารถแสดงได้ว่าเราเป็น แบรนด์รักสิ่งแวดล้อม
โดยรวมแล้วใช้รูปที่ถ่ายเอง หรือการหารูปที่มีเอกลักษณ์นอกจากทำให้เว็ปไซต์น่าดึงดูดมากขึ้น ยังสามารถแสดงถึง mood and tone ของสินค้าเราได้อีกด้วย

6.ใช้วีดีโอเรียกความสนใจ
ในเมื่อรูปภาพสามารถแทนคำพูดได้พันคำ แล้ววีดีโอจะสามารถแทนคำพูดได้กี่หมื่นคำ

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

แหล่งที่มา   เว็บ Design New

วันจันทร์ที่ 11 กรกฎาคม พ.ศ. 2559

ตัวช่วยวิเคราะห์สถิติงานวิจัย

ตัวช่วยวิเคราะห์สถิติงานวิจัย Data Analysis ใน Excel
ไม่ว่าจะหาค่า Anova, Correlation, F-test, Fourier, Percentile,
t-Test, z-Test ง่าย ๆ ในคลิกเดียวได้ตารางสรุปผลเหมือนทำใน SPSS เลย

ตัวอย่าง การหาค่า t-Test ทดสอบก่อนเรียน/หลังเรียน








แหล่งที่มา    Facebook  : Thailand Partners in Learning 

เทคนิคการพิมพ์จ่าหน้าซองจดหมายใน Word



แหล่งที่มา    Facebook : Thailand Partners in Learning 

วันพฤหัสบดีที่ 30 มิถุนายน พ.ศ. 2559

Image converter to JPG - Online image converter

ถ้าต้องการนำรูปต่างๆ มาทำการ convert ให้เป็นอีกชนิดนามสกุลหนึ่ง ในรูปของ jpg สามารถใช้การ convert online ได้ที่นี่

http://image.online-convert.com/convert-to-jpg

หนังสือ A4 พับครึ่ง ใน Word

วิธีการทำหนังสือ A4 พับครึ่ง ใน Word
ขั้นตอน:
1. File --> Print --> Page Setup --> Book fold --> OK
2. ตั้งค่าพิมพ์แบบหน้าหลัง





แหล่งที่มา     Facebook : Thailand Partners in Learning 

วันอังคารที่ 28 มิถุนายน พ.ศ. 2559

CAPTION + SUBTITLE FORMAT CONVERTER

เราสามารถทำการ convert สำหรับ subtitle ในไฟล์ต่างๆ ที่นำไปใช้สำหรับทำ subtitle ได้ ที่ url : http://www.3playmedia.com/services-features/free-tools/captions-format-converter/

แหล่งที่มา   เว็บไซต์ 3playmedia

HTML5 Video with SRT Subtitles

HTML:

<video controls="controls" width="320" height="176">
<source src="jellies.mp4" type="video/mp4" /><!-- WebKit -->
<source src="jellies.ogg" type="video/ogg" /><!-- Firefox / Opera -->
<track src="jellies.srt" kind="subtitle" srclang="en-US" label="English" />
Your browser does not support HTML5 video.
</video>

The raw video (.MP4)
The subtitle file (.SRT)


หรือ
<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Norwegian">
</video>

แหล่งที่มา   เว็บไซต์ Thomas Sturm หรือ เว็บไซต์ W3Schools

วันจันทร์ที่ 27 มิถุนายน พ.ศ. 2559

พิมพ์ตัวอักษรบาทในไทย-อังกฤษ

เทคนิคการพิมพ์ตัวเลขแล้วให้แสดงค่าเป็นคำอ่านภาษาไทยและภาษาอังกฤษใน Excel ....

การแปลงตัวเลขเป็นคำอ่านภาษาไทยใช้สูตร =bahttext()
สำหรับภาษาอังกฤษ ต้องโหลดตัว add-in เพิ่ม ชื่อสูตร NumtoEng
คลิกดาวน์โหลดได้ที่นี่ https://1drv.ms/f/s!AjAIzNhRySfmm49lG1UawFfuaiEwmg




แหล่งที่มา   Facebook : Thailand Partners in Learning

วันจันทร์ที่ 20 มิถุนายน พ.ศ. 2559

โปรแกรม Microsoft Math


แจกฟรี! ....
โปรแกรม Microsoft Math เวอร์ชั้่นภาษาไทย เพืยงใส่สมการก็สามารถแสดงวิธีทำให้ดูทีละขั้นตอน แถมพร็อทกราฟให้แบบ 2มิติ และ 3มิติ ได้อีกด้วย
ดาวน์โหลดฟรี ที่นี่ 


แหล่งที่มา   Facebook : Thailand Partners in Learning

ทำไมถึงควรใช้ฟอนต์ TH Sarabun New แทน TH Sarabun PSK

ทีมงานเว็บแบไต๋ได้สอบถามคุณศุภกิจ เฉลิมลาภ ผู้ออกแบบก็ได้ความว่าฟอนต์ TH Sarabun New ที่เผยแพร่ในปี 2554 นั้นปรับปรุงจากฟอนต์ TH Sarabun PSK ที่เผยแพร่ในปี 2550 ในเรื่องการแสดงผลในจอความละเอียดต่ำที่ทำได้ดีกว่า โดยคุณศุภกิจอธิบายว่า

“หลังจากได้มีการประกาศและเริ่มใช้แล้ว พบว่าการแสดงผลไม่คมชัดเมื่อใช้งานกับจอภาพที่มีความละเอียดต่ำ ซึ่งเป็นจอส่วนมากที่หน่วยงานราชการใช้ จึงได้มีโครงการทำตัว TH Sarabun New ขึ้นมาเพื่อแก้ไข ปรับปรุงในส่วนของการแสดงผลให้คมชัดยิ่งขึ้น เมื่อใช้ในขนาดที่เล็กครับ แต่ว่าโดยทางกายภาพของฟอนต์แล้ว ไม่ว่าจะเป็นหน้าตา ช่องไฟ ระยะบรรทัดฯ ทุกอย่างเหมือนกันทั้งหมดครับ”

คุณศุภกิจยืนยันว่าฟอนต์ TH Sarabun New สามารถนำมาทดแทน TH Sarabun PSK ได้ทันที แก้ไขในเอกสารเดิมก็ไม่เสียรูปแบบการจัดเอกสารที่เคยทำไว้ ปริ๊นออกมาก็ได้ตัวอักษรเหมือนกัน แต่จะทำให้การแสดงผลบนจอภาพคมชัดขึ้น อ่านง่าย อ่านสบายตาขึ้น

ดาวน์โหลดฟอนต์ sarabun-new ที่นี่

แหล่งที่เก็บ   Facebook : DesignIL: สอนเว็บดีไซน์ Web Design Html/CSS

วันอังคารที่ 10 พฤษภาคม พ.ศ. 2559

ชนิดข้อมูลพื้นฐาน

ข้อมูลพื้นฐานใน Excel มี 2 ชนิด คือ Text, Number

Number คือ ตัวเลข และ วันที่ เวลา

การกรอกข้อมูลวันที่
1) กด Ctrl + ;  หรือ =TODAY()  คือ แสดงวันที่ปัจจุบัน
2) เมื่อเห็นตัวอย่างวันที่ปัจจุบัน ก็จะทราบว่าจะต้องกรอกในรูปแบบ วัน/เดือน/ปี อย่างไร


การกรอกข้อมูลเวลา
1) กด Ctrl + Shift + ;  หรือ =TODAY()  คือ แสดงวันที่ปัจจุบัน
2) เมื่อเห็นตัวอย่างวันที่ปัจจุบัน ก็จะทราบว่าจะต้องกรอกในรูปแบบ วัน/เดือน/ปี อย่างไร

หมายเหตุ  =NOW() แสดงวันที่และเวลา มาให้พร้อมกัน

แหล่งที่มา   Facebook : สอนเอ็กเซล

วันจันทร์ที่ 2 พฤษภาคม พ.ศ. 2559

นับจำนวน



อีกหนึ่งวิธีที่ใช้ในการนับจำนวน...
หากต้องการนับว่า
1) มีช่องว่างกี่ช่อง
2) มีช่องไม่ว่างกี่ช่อง

สามารถทำได้อีกหนึ่งวิธีนั่นก็คือ
1) ใช้ฟังก์ชัน ISBLANK
เข้ามาช่วยตรวจสอบก่อนว่า
ช่องนั้นๆ ว่างหรือไม่
  • ถ้าว่างจะโชว์คำว่า TRUE
  • ถ้าไม่ว่างจะโชว์คำว่า FALSE

2) หลังจากนั้นคลิกเลือกช่องว่างๆ
(ช่อง B7 ก็ได้) แล้วใช้ฟังก์ชัน COUNTIF
เข้ามาช่วยนับตามเงื่อนไขที่ต้องการเช่น
หากต้องการนับว่ามีช่องกี่ช่อง

ก็พิมพ์สูตรลงไปดังนี้
=COUNTIF(B2:B6, TRUE)

และเช่นเดียวกัน
หากต้องการนับว่ามีช่องที่ไว่ว่างกี่ช่อง
ก็พิมพ์สูตรลงไปดังนี้
=COUNTIF(B2:B6, FALSE)

นี่คือความรู้เล็กๆ น้อยๆ
แต่มีผลกับคนใช้เอ็กเซลอย่างแน่นอน

แหล่งที่มา   Facebook : สอนเอ็กเซล

วันพุธที่ 20 เมษายน พ.ศ. 2559

เทคนิค Word ในการทำเอกสารข้อสอบใน Word





เทคนิค Word ในการทำเอกสารข้อสอบ
  • การขีดเส้นอย่างรวดเร็ว 
  • การแบ่งสองคอลัมภ์ 
  • การใส่เลขข้อ และ
  • ตัวเลือกอัตโนมัติ ช่วยให้การทำงานเอกสารได้อย่างรวดเร็วสวยงาม
แหล่งที่มา   Facebook : Thailand Partners in Learning

พลังของคำสั่ง Clear ใน Excel

1) Clear All = ลบทุกอย่าง (ข้อมูล รูปแบบ และ Comment)
2) Clear Formats = ลบเฉพาะรูปแบบ (รูปแบบได้แก่การปรับแต่งต่างๆ เช่น สี ฟอนต์ ตัวหนา ตัวเอียง เส้นกรอบ ฯลฯ)
3) Clear Contents = ลบเฉพาะข้อมูล (เหมือนกับการกดปุ่ม Delete บนคีย์บอร์ด)
4) Clear Comments = ลบเฉพาะ Comment



แหล่งที่มา    Facebook : สอนเอ็กเซล

วันอังคารที่ 19 เมษายน พ.ศ. 2559

ทบทวนความรู้ที่สำคัญ "ข้อมูลพื้นฐาน "กับ Excel

ข้อมูลพื้นฐานที่สำคัญ
ซึ่งสามารถแบ่งได้ 2 กลุ่มหลักๆ คือ

1. Text
ได้แก่ข้อความต่างๆ เช่น
ชื่อ นามสกุล ชื่อบริษัท
หรือข้อมูลที่ไม่ได้นำไป บวก ลบ คูณ หาร

2. Number
ได้แก่ ตัวเลขต่างๆ
รวมไปถึง วันที่ เวลา
ซึ่งเป็นข้อมูลที่สามารถนำไป บวก ลบ คูณ หารได้


แหล่งที่มา    Facebook : สอนเอ็กเซล

วันเสาร์ที่ 9 เมษายน พ.ศ. 2559

เคล็ดลับวิธีการโหลดวีดีโอจากยูทูปโดยไม่ใช้โปรแกรม


  1. เข้า Youtube ที่เราต้องการจะโหลด
  2. ที่ url พิมพ์คำว่า SS หลัง "www." 
  3. จะเข้าสู่หน้าให้ดาวน์โหลดวิดีโอที่เราเปิด




แหล่งที่มา    เว็บไซต์เสียงของครู เว็บไซต์ของครูไทยเพื่อการศึกษาไทย

วันศุกร์ที่ 25 มีนาคม พ.ศ. 2559

Tips & Tricks : ปัญหาการเชื่อมตัวเลขกับข้อความ



แหล่งที่มา   Facebook : Excel for Sales

พลังปุ่ม F2, F4, F5

พลังปุ่ม F2
F2   แก้ไขข้อมูลในเซลที่เลือก
Shift+F2   แทรก comment
Ctrl+F2   File>Print
Alt+F2   Save as...
Alt+Ctrl+F2 Open...

พลังปุ่ม F4
F4   Lock หรือ ไม่ Lock cell
Shift+F4   เลื่อนไปทางขวา
Ctrl+F4      ปิดไฟล์
Alt+F4   ปิดโปรแกรม  
Ctrl+Alt+F4 ปิดโปรแกรม

พลังปุ่ม F5
F5+ใส่ค่าเซลที่ต้องการไป     go to ...
Shift+F5   Find & Replace
Ctrl+F5   ย่อหน้าต่าง
Ctrl+F10   ขยายหน้าต่าง

แหล่งที่มา   Facebook : Excel for Sales

วันศุกร์ที่ 18 มีนาคม พ.ศ. 2559

How to add Subtitles on YouTube






วิธีดาวน์โหลด subtitles จากคลิป YouTube

ท่านที่คุ้นเคยกับคลิป YouTube คงจะทราบว่า หลายคลิปของYouTube มี CC (closed caption) คือปุ่มให้เลือกคลิกเพื่อแสดง subtitles

เราดาวน์โหลดคลิป closed caption หรือ subtitles มันไม่ได้ download มาพร้อมกับไฟล์วิดีโอด้วย

มีขั้นตอนต่อไปนี้
  1. วิธีเลือกคลิปที่มี closed caption
  2. วิธีดาวน์โหลดคลิป (เป็นไฟล์ flv,mp4 หรือ 3GPP) และดาวน์โหลด subtitles (เป็นไฟล์ .txt)
วิธีเลือกคลิปที่มี closed caption
  • ไปที่  www.youtube.com
  • พิมพ์คำค้นลงไป (เช่น english conversation), Enter
  • คลิก CC (closed caption) หรือ คำบรรยาย
  • คลิกลิงค์ที่ต้องการ ถ้าไม่มี subtitles บนจอ ให้คลิก CC- ON ที่ขอบล่างของจอ

วิธีดาวน์โหลดคลิป (เป็นไฟล์ flv,mp4 หรือ 3GPP) และดาวน์โหลด subtitles (เป็นไฟล์ .txt)

  • copy URL ของ YouTube คือ http://www.youtube.com/...............
  • ไปที่ www.keepvid.com   หรือ http://downsub.com/ แล้ว paste URL ลงไปในช่อง Download และกดปุ่ม Enter
  • ได้ผลลัพธ์ดังภาพ
แหล่งที่มา   เว็บไซต์ e4thai.com