วันพุธที่ 17 ตุลาคม พ.ศ. 2555

ความรู้/note เรื่อง HTML/CSS

POST vs GET ของ Form submission

POST is more secure - Cannot call an action via URL modification.
Using GET, users can modified the URL to call an actions.



Margin vs Padding

สรุปแบบง่ายๆ คือ Margin คือ ระยะห่างระหว่าง element border ของแต่ละ element
ส่วน Padding คือ ระยะห่างระหว่าง content กับ border ของ element หนึ่งๆ
link1
link2

"Margin is on the outside of block elements while padding is on the inside.
use margin to separate the block from things outside it, padding to move the contents away from the edges of the block." from stackoverflow


CSS - Margin Property เซตได้กี่แบบ

Examples:
  • margin:10px 5px 15px 20px;
    • top margin is 10px
    • right margin is 5px
    • bottom margin is 15px
    • left margin is 20px
  • margin:10px 5px 15px;
    • top margin is 10px
    • right and left margins are 5px
    • bottom margin is 15px
  • margin:10px 5px;
    • top and bottom margins are 10px
    • right and left margins are 5px
  • margin:10px;
    • all four margins are 10px
Note: Negative values are allowed. And default value is 0.



CSS - Overflow Property

Overflow ใช้กำหนดว่า เมื่อ content ล้นออกมาจาก element box จะให้แสดงผลอย่างไร

ValueDescriptionPlay it
visibleThe overflow is not clipped. It renders outside the element's box. This is defaultPlay it »
hiddenThe overflow is clipped, and the rest of the content will be invisiblePlay it »
scrollThe overflow is clipped, but a scroll-bar is added to see the rest of the contentPlay it »
autoIf overflow is clipped, a scroll-bar should be added to see the rest of the contentPlay it »
inheritSpecifies that the value of the overflow property should be inherited from the parent element


CSS - float Property

คุณสมบัตินี้ กำหนดว่า box of element ควรจะลอยหรือไม่

ValueDescriptionPlay it
leftThe element floats to the leftPlay it »
rightThe element floats the rightPlay it »
noneThe element is not floated, and will be displayed just where it occurs in the text. This is defaultPlay it »
inheritSpecifies that the value of the float property should be inherited from the parent element

http://www.w3schools.com/cssref/pr_class_float.asp


CSS - em vs px

หน่วย em แปรผันตามขนาดของ font-size เช่น ถ้า font-size คือ 12, 1 em คือ 12 ด้วย มักใช้เพื่อ mobile-device-friendly

หน่วย px ไม่เป็นแบบ scalable แต่เป็น fixed-size. 1 px คือ 1 จุดบนหน้าจอ


วันจันทร์ที่ 15 ตุลาคม พ.ศ. 2555

สุดยอด Paid Editor - Sublime Text 2

ผมเองเพิ่งจะมีโอกาสได้เรียนรู้การพัฒนาเว็บ HTML และ CSS อย่างจริงจัง ระหว่างที่เรียนรู้ด้วยตนเอง ก็ไปพบ Editor ตัวหนึ่ง ที่ทรงพลังมากๆ (แต่ว่าถ้าอยากเป็นเจ้าของต้องเสียเงินซื้อนะ) สามารถโหลดมาใช้ฟรีได้ เวลาใช้ไปเรื่อยๆ บางครั้งจะมี dialog ขึ้นเตือนว่ามันเป็น Unregistered version ก็กด Cancel ไป ก็สามารถใช้ต่อได้ ส่วนตัวผมแนะนำให้ซื้อนะครับ คุ้มค่า คุ้มราคามากๆอยู่แล้ว

สำหรับใครที่อยากลอง download ไปลองใช้ดู
http://www.sublimetext.com/2
สนนราคาอยู่ที่ $59 USD (ราคา ณ ปัจจุบัน เป็นเงินไทย)
http://www.sublimetext.com/buy

ที่นี้ถามว่ามันพิเศษยังไง? ลองดูรายละเอียดเต็มๆได้จาก http://www.sublimetext.com/
ผมจะพูดเฉพาะ feature ที่ผมประทับใจละกัน


  1. เลือกแก้ไขแบบ Multiple Selections ได้ ซึ่งระหว่างการพัฒนา code ต่างๆ บ่อยครั้งเรามีความต้องการที่จะแก้ไข code ทีเดียวหลายๆแห่งพร้อมๆกัน แต่ Editor ส่วนใหญ่ ให้ไม่ได้
  2. Cross Platform คือ สามารถใช้บน ระบบปฏิบัติการอะไรก็ได้ (ผมใช้ทั้ง Windows และ Mac) ซึ่งตอบโจทย์ของผมได้ดีทีเดียว
  3. ความสามารถในการค้นหาไฟล์และ code ส่วนที่เราต้องการลงไปแก้ไปหรือไปลงไปดู ได้อย่างรวดเร็ว โดยใช้ Ctrl+P
  4. มี Plug-in เจ๋งๆ มากมาย โดยเฉพาะ Zen Coding ที่ทำให้การพัฒนาเว็บด้วย HTML รวดเร็วมากๆ
วันนี้พอเท่านี้ก่อนละกันครับ


วันพุธที่ 10 ตุลาคม พ.ศ. 2555

เริ่มต้นที่เป้าหมายชีวิต

ผมเชื่อว่าคนส่วนใหญ่(รวมทั้งตัวผมเอง) เคยถามคำถามนี้กับตัวเองทั้งนั้นว่า

"เราเกิดมาทำไม?"

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

เฉลยของผมก็คือ:

  1. เริ่มต้นที่การตั้งเป้าหมายชีวิต - ถามตัวเอง(อย่างจริงจัง)ว่าต้องการอะไรในชีวิต ขนาดคุณจะเดินทางไปที่ไหนสักแห่ง คุณก็มีการตั้งเป้าหมายแล้ว ทำไมคุณถึงไม่ตั้งเป้าหมายให้กับชีวิตคุณล่ะ?
  2. ใส่รายละเอียดให้กับเป้าหมาย เช่น บ้าน พร้อมที่ดิน 1 ไร่ ในกรุงเทพฯ
  3. กำหนดเวลาให้กับเป้าหมาย เช่น ก่อนอายุ 35 ปี ฉันจะต้องมี...
  4. เลือกเครื่องมือ/วิธีการ/โค้ช ที่จะทำให้ได้เป้าหมายนั้นภายในระยะเวลาที่กำหนด ถ้ายังไม่รู้ อย่างน้อยๆ ก็หาหนังสือของคนที่ประสบความสำเร็จในชีวิตมาอ่าน เพื่อสร้างความรู้ใหม่ๆ สร้างโอกาส สร้างโชคดีให้กับตนเอง

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

เมื่อทำอะไรจนเพียงพอ(กับเป้าหมายที่ตั้งไว้) เค้าจะมีชีวิตอยู่ได้อย่างพอเพียง

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