Web Designer VS UX Designer คนไหนดีกว่า?

ความแตกต่างระหว่าง UX  Designer และ Web Designer

การเพิ่มอีเมล-ตั้งค่าอีเมล ใน Macbook

วันนี้ผมจะมาแนะนำการเซ็ตอีเมลกับ Macbook ทำตามขั้นตอนดังต่อไปนี้นะครับ    

1. คลิ๊กที่ System Preferences รูปฟันเฟืองตรงแถบด้านล่าง Screen Shot 2013-11-06 at 10.29.24

2. เมื่อคลิ๊กแล้วจะขึ้นหน้าต่างดังภาพ และให้เลือก Mail, Contacts, Calendars Screen Shot 2013-11-06 at 10.30.15  

3. เมื่อถึงหน้าต่างนี้ให้เลือก Add Other Account...

Screen Shot 2013-11-06 at 10.30.30  

4. เลือก Add a Mail account ดังภาพ

Screen Shot 2013-11-06 at 10.30.41  

5. พิมพ์ชื่อ อีเมล รหัสผ่าน ตามภาพครับ

Screen Shot 2013-11-06 at 10.31.25  

6. คลิ๊ก Continue ตามภาพด้านล่างนี้

Screen Shot 2013-11-06 at 10.31.45  

7. คลิ๊ก Connect ต่อได้เลยครับ

Screen Shot 2013-11-06 at 10.32.05  

8. เลือก IMAP (คือการก๊อปปี้อีเมลจากโฮสติ้งมาใช้งาน อีเมลบนโฮสติ้งจะไม่ถูกดูดมาเก็บไว้ที่เครื่องเราทั้งหมด) และกรอกข้อมูลดังภาพ โดยกรอกโดเมนเนมของเราเอง และคลิ๊ก Continue

Screen Shot 2013-11-06 at 10.32.54  

9. กรอกข้อมูลเมลส่งออกดังภาพ และให้ติ๊กเครื่องหมายถูกที่ Authentication ด้วยนะครับ(อย่าลืม)  และคลิ๊ก Continue

Screen Shot 2013-11-06 at 10.43.16  

10. ขั้นตอนสุดท้ายให้คลิ๊ก Create เป็นอันว่าเสร็จการตั้งค่าอีเมลเครื่อง Macbook ครับ ขอให้ทุกคนโชคดีครับ

Screen Shot 2013-11-06 at 10.43.30

CSS การกำหนดความกว้างของบรรทัด

กำหนดขนาดของบรรทัดโดยใช้คำสั่ง line-heigh เช่น #text-test1{ float:left; width:500px; height:200px; font-size:14px; font-family:Tahoma, Geneva, sans-serif; line-height:1.5em; } โดยคำสั่งนี้สามารถใช้หน่อยได้สองแบบคือ line-height:1.5em; และ line-height:20px; หน่อย em ก็คือ ขนาดจำนวนเท่า ส่วน px ก็คือ จำนวนความละเอียดของหน้าจอ

CSS การจัดการกับข้อความ

ในการทำเว็บไซต์ การจัด css ให้กับข้อความก็เป็นสิ่งที่จำเป็น เพื่อให้การจัดเรียงกันของตัวอักษร ขนาด สี เป็นไปตามที่นักพัฒนาต้องการ วันนี้เรามาดู คำสั่งในการจัดการกับข้อความกันครับ .text{ font-family: Tahoma; font-size: 18px; color:#000; font-weight:bold; line-height: 1; word-wrap:break-word; } จากโคดตัวอย่างด้านบน มาดูกันว่า แต่ละคำสั่ง ใช้กันอย่างไร คำสั่งแรก คือ font-family ใช้กำหนด ประเภทของ font ที่เราต้องการ font-size  ใช้กำหนด ขนาดของ font color  ใช้กำหนด สีของ font font-weight ใช้กำหนด ความหนาของ font สามารถกำหนดความหนาเป็น bold หรือเป็นค่า 100,200,... ได้ตามต้องการ line-height  ใช้กำหนด ความสูงระยะห่างของแต่ละบรรทัด word-wrap  ใช้กำหนด การทำงานในกรณีที่ข้อความในบรรทัดนั้นยาวเกินกว่าบล็อก ที่ครอบไว้แล้ว เราใช้ break-word ในการตัดคำเพื่อขึ้นบรรทัดใหม่  

เรียกใช้เขียน jQuery ทำอย่างไรให้ถูกต้อง

การเรียกใช้ jQuery หรือ JavaScript Library ตัวอื่นๆตาม ต้องเรียกใช้เพียงครั้งเดียวเท่านั่น จะเรียกใช้ใน <head></head> หรือว่าด้านล่างสุดของ code แต่ต้องไม่อยู่นอก <body></body> เช่น ภาษา PHP เรา include ไฟล์ .php ต่างๆเข้ามา ไฟล์นั่นๆอาจใช้ Plugin ของ jQuery แต่เราไม่ต้อง เรียกใช้ jquery.js หรือ jquery.min.js อีกแล้ว เพราะเราได้เรียกใช้ไปบน <head> หรือ ข้างล่างสุดของ code ไปแล้ว ไม่จำเป็นต้อง เรียกใช้อีกรอบ เพราจะทำให้ Plugin ของ jQuery นั่นๆไม่ทำงาน*** ตัวอย่าง การเรียกใช้บน <head> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Jquery</title> <script src="js/jquery.min.js"></script> </head> <body> </body> </html>   ตัวอย่าง การเรียกใช้ล่างสุดของ code แต่ต้องไม่อยู่นอก <body></body> *ข้อดีจะทำให้เว็บโหลดเร็วขึ้น ข้อเสีย Plugin ของ jQuery บ้างตัวจะไม่สามารถทำงานได้ <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Jquery</title> ... </head> <body> ... ... ... <script src="js/jquery.min.js"></script> </body> </html>

การเพิ่มอีเมล/ตั้งค่าอีเมลใน iPhone & iPad

การเพิ่มหรือการตั้งค่า Mail Server ใน IPhone หลายท่านคงใช้งานเป็นแล้ว แต่ทางเราขอลงภาพการเซ็ตค่าเพื่อให้ง่ายดังนี้ครับ

1. เลือก Icon "การตั้งค่า" ตรงมุมซ้ายล่างรูปฟันเฟืองนะครับ

image

2. เลือกหัวข้อ "Mail รายชื่อ ปฏิทิน"

image

3. คลิ๊กหัวข้อ "เพิ่มบัญชี"

image

4. เลือกหัวข้อ "อื่น ๆ"

image

5. คลิ๊กหัวข้อ "เพิ่มบัญชีเมล"

image

6. เลือก "IMAP" และพิมพ์ข้อมูล ชื่อ อีเมล

image

พิมพ์ชื่อโฮสเป็นชื่อโดเมนเนมของท่าน โดยด้านหน้าจะเป็น mail. นำหน้าตามรูปภาพ

image

7. หากมี POP UP แบบนี้ขึ้นไม่ต้องตกใจนะครับ ให้กด "ต่อไป" ได้เลยครับ

image

8. หน้านี่เป็นอันเสร็จการตั้งค่าอีเมล/เพิ่มอีเมลแล้วครับ ง่ายใช่ไหมครับ

image  

วิธีการใส่เงาตัวหนังสือด้วย css3

ใน css3 จะมีคำสั่งที่ใช้ในการใส่เงาให้กับ ตัวหนังสือ คือคำสั่ง text-shadow วิธีใช้ เช่น <html> <head> <style> h1{ text-shadow:5px 5px 5px #000; } </style> </head> <body> <H1>TEST CSS TEXT SHADOW</H1> </body> </html> เป็นการใส่เงาให้กับตัวหนังสือที่อยู่ใน tag H1 ให้มีความหนา 5px เบลอ 5px เยื้องไปข้างหลัง 5px และสีของเงาคือ สีดำ(#000)

[Css] Margin กับ Padding ต่างกันอย่างไร

Margin คือการเลื่อนตำแหน่ง ของวัตถุ ไปตามที่เรากำหนด โดยเลื่อนไปทั้งวัตถุ เช่น .box { margin-left:50px; } ผลก็คือ tag ที่ใช้ class box จะถูกเลื่อนไปทางขวา 50px; นั่นเอง Padding คือการเลื่อนภายในวัตถุ โดยจะไม่เลื่อนตัววัตถุ เช่น .box{ padding-top:30px; } ผลก็คือ ภายใน tag ที่ใช้ class box จะถูกเลื่อนลงไป 30px; นั่นเอง   box

ดูดอีเมลจาก Google App มาใช้กับ Outlook 2010

ในเมื่อ Google App ที่ใช้กันทุกวันนี้ ไม่รู้ว่าเราคิดถูกหรือคิดผิดกันแน่ ที่มาใช้เปลี่ยนจากการใช้ Outlook ดี ๆ กันอยู่ และย้ายมาใช้ Google App (ผมก็เป็นหนึ่งในนั้น) ในเมื่อตั้งแต่บัดนี้เป็นต้นไป Google App จะไม่มีบริการฟรีอีกแล้ว นั้นทำให้เราซึ่งเป็นผู้บริการรับทำเว็บไซต์จะต้องตื่นตัวไม่แนะนำให้ลูกค้ามาใช้บริการนี้อีกต่อไป เพราะมันไม่ฟรีอีกแล้ว ยิ่งไปดู Rate ราคาของค่าบริการด้วยแล้ว ก็เห็นจะยากสำหรับคนไทยที่จะจ่าย ช่วงนี้ก็เลยมีลูกค้าหลายท่านโทรเข้ามาถามถึงการย้ายอีเมลกลับมาใช้ Outlook เหมือนเดิม ดังนั้นผมจึงหาข้อมูลมาแจ้งโดยทั่วกันดังนี้ อ้างอิงจากการตั้งค่า Outlook 2010 (ไม่สอนการเซ็ตค่าเริ่มต้นนะครับ) เอาง่าย ๆ 1) เข้าไปที่ ตั้งค่าบัญชีผู้ใช้ --> ดับเบิ้ลคลิ๊กอีเมลที่ต้องการตั้งค่าขึ้นมา ก็จะเห็นตามรูปภาพ ให้เซ็ตค่าดังภาพ google_app_to_outlook_2010   2)  คลิ๊กปุ่นการตั้งค่าเพิ่มเติมด้ายขวาล่าง จะเห็นตามภาพ และคลิ๊กถูกตามรูปภาพ google_app_to_outlook_2010-3   3) คลิ๊กแท็ปขั้นสูง เพื่อตั้งค่า Port ดังนี้ google_app_to_outlook_2010-3 เป็นอันเสร็จสิ้นการตั้งค่า และกดปุ่ม ตกลง ได้เลยครับ >-<  

วิธีการสร้าง 301 redirect กับไฟล์ .htaccess

การสร้างไฟล์ .htaccess โดยใช้คำสั่ง 301 redirect จะใช้เมื่อต้องการย้ายเว็บไซต์เดิมไปเว็บไซต์ใหม่ หรือ โดเมนเนมเดิมไปโดเมนเนมใหม่นั่นเองครับ เหตุเพราะหากเราสร้างเว็บไซต์มาเว็บนึ่ง หากเราต้องทำ PR ใหม่ทั้งหมดคงเป็นเรื่องที่ปวดหัวและใช้เวลาอย่างมาก ดังนั้น Google จึงให้เครดิตสำหรับผู้ที่มีเว็บไซต์เดิมอยู่แล้ว แต่ต้องการย้ายเว็บไซต์ใหม่ ไม่ต้องกลับมาทำ PR ใหม่ทั้งหมดครับ ก่อนอื่นต้องสร้างไฟล .htaccess มาก่อน และใส่โค๊ดด้านล่างนี้เข้าไปครับ 1. หากต้องการ Redirect หน้า webpage จาก a.html(เว็บไซต์เดิม) ไป b.html(เว็บไซต์ใหม่) ใช้คำสั่ง Redirect 301?a.html b.html 2. Redirect หน้า weppage a.html ในโดเมนปัจจับบัน ไปยัง http://www.new.domain.com/a.html (อาจเป็นเนื้อหาเหมือนกัน) Redirect 301?a.html http://www.newdomain.com/a.html 3. Redirect ทุกไฟล์ในโดเมนเก่า ไปยังโดเมนใหม่ Redirect 301 / http://www.newdomain.com/   ** ตัวนี้ผมใช้ทุกเว็บครับ ปกติหากไม่ใส่โค้ดนี้ ทำให้ google มองเว็บไซต์เรามี 2 URL ครับ คือ http//domainname.com และ http://www.domainname.co เมื่อใส่โค้ดด้านล่างนี้แล้ว จะทำให้เมื่อมีคนเข้า URL  http//domainname.com ก็จะทำการ redirect มาที่ http://www.domainname.com ทุกครั้งครับ Options +FollowSymlinks RewriteEngine on rewritecond %{http_host} ^domain.com [nc] rewriterule ^(.*)$ http://www.domain.com/$1 [r=301,nc]