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

ซึ่งก็ต้องเีสียเวลามานั่งแก้ Bug ที่เกิดจาก IE6 อีก เพราะตอนนี้ CSS3 ออกมาให้ยั่วน้ำลายนักเขียนเว็บหลายๆคนได้ลิ้มลองใช้ แต่ติดเจ้ากรรม IE6 นี่ซิครับ เลยทำให้ไม่สามารถใช้งานเจ้า CSS3 ได้อย่างเต็มที่

ดังนั้นเมื่อในการรับงานครั้งใหม่ผมจึงมีข้อเสนอแบบนี้มาเสริมครับ

ซึ่งก็บอกได้ว่าส่วนหญ่ลูกค้าจะเลือกแบบหลังครับ ^^

1. การซ่อนข้อความทั้งหมดด้วย css

การซ้อนข้อความทั้งหมดด้วย css นั้นเป็นการใช้ property ของ display คือ none เข้าช่วย โดยวิธีนี้เราจะสร้างพื้นที่ให้กับเนื้อหาของเราและใช้ css ช่วยในการซ่อนข้อความหริอคีย์เวิร์ด

CSS ที่ใช้ display: none

Code : <div style=”display:none;”>ข้อความ </div>

เทคนิคนี้เหมาะกับการซ่อนข้อความไม่เป็นผู้อ่านเห็น เทคนิคนี้ต้องระวังเนื้อหาที่จะซ่อนนะครับ ระวังจะกลายเป็น สแปมคีย์เวิร์ด

ข้อความในกรอบด้านล่างถูกซ่อนไว้ด้วยเทคนิค การซ่อนข้อความทั้งหมดด้วย css

2. การซ่อนข้อความที่เกินจากความกว้างหรือความสูงที่กำหนด

การซ่อนข้อความที่เกินจากความกว้างหรือความสูงที่กำหนด ด้วยcss นั้นเป็นการใช้ property ของ overflow คือ hidden เข้าช่วย โดยวิธีนี้เราจะกำหนดความสูงของเนื้อหาให้เท่ากับ 0 และใช้ property background ช่วยในการแสดงผล

CSS ที่ใช้ overflow: hidden , background : url(“path ของรูป”)

Code : <div style=”background: url(‘path ของรูป’) no-repeat scroll 0 0 transparent; height:0; width: ความกว้างของรูป; overflow:hidden; padding-top:ความสูงของรูป;”>ข้อความ </div>

เทคนิคนี้เหมาะที่จะใช้กับ Banner ที่เป็นรูปและเราต้องการซ่อนคีย์เวิร์ดหรือข้อความไม่เป็นผู้อ่านเห็น

ข้อความด้านล่าง Banner ถูกซ่อนไว้ด้วยเทคนิค การซ่อนข้อความที่เกินจากความกว้างหรือความสูงที่กำหนดด้วย css

3. การซ่อนข้อความที่เป็นลิงค์ด้วยรูป

การซ่อนข้อความที่เป็นลิงค์ด้วยรูปนั้นเป็นการใช้ css property ของ text-indent เข้าช่วย โดยวิธีนี้เราจะติดลบให้กับค่าของ text-indent ข้อความจะไม่ได้ถูกซ่อนหรือหายไปจากจอ แต่จะเคลื่อนตัวไปอยู่ในทางซ้ายตามค่าที่เรากำหนด และใช้ property background ช่วยในการแสดงผล

CSS ที่ใช้ text-indent: -ตัวเลขpx , background : url(“path ของรูป”)

Code : <a style=”background:url(‘path ของรูป’) no-repeat; width:width: ความกว้างของรูป; height:ความสูงของรูป; display:block; text-indent:-5000px”>ข้อความ</div>

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

การจะเลือกว่าจะใช้เทคนิคการซ่อนข้อความด้วย css ใดก็ขึ้่นอยู่กับวิธีการใ้ช้งานและความเหมาะสมครับ

ตลาดน้ำดำเนินสะดวก

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

ถ้ำเขาบิน

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

ธารน้ำร้อน – น้ำตก

หลังจากออกจากถ้าเขาบิน ก็มุ่งไปที่ธารน้ำร้อนบ่อคลึง-ราชบุรี ครับ กะจะว่าไปแช่เท้าสักหน่อย แต่ทางพื้นที่ไม่ให้นะครับ เค้าเขียนป้ายประกาศไว้ “อย่าเอาเท้าไปแช่ในธารน้ำร้อน เนื่องจากชาวบ้านนำน้ำไปใช้บริโภค” ทุกคนจึงลงมติเลยไปแช่น้ำที่นำ้ตก 8 ชั้น (ถ้าชื่อนี่จำไม่ผิดนะครับ) ซึ่งอยู่ห่างจากธารน้ำร้อนไป 1 กม. ครับ และก็สมใจทุกคน พอถึงที่ปุบ ต่างคนก็ถอดรองเท้าเพื่อจะแช่เท้าในน้ำกัน พอถึงตอนนี้แทบไ่ม่อยากลุกไปไหนเลยครับ น้ำเย็นมากกกก ทำให้รู้สึกสดชื่นขึ้นมาเลยทีเดียว แต่ด้วยเวลาจำกัดก็ต้องลาจากน้ำตกแห่งนี้ไปครับ

ฟา์ร์มแกะ

สถานที่สุดท้ายที่ไปกันครับ ที่นี้มีกิจกรรมมากมายให้ทำนะครับ เช่น ขี่ม้า ให้อาหารแกะ ยิงธนู และมีบรรยากาศแและทิวทัศน์เหมาะแก่การถ่ายรูปครับ

สถานที่ต่างๆตั้งแต่ ธารน้ำร้อนจนถึงฟาร์มแกะเป็นทางสายเดียวกันเลยครับ ทำให้การเดินทางไปยังสถานที่ต่างๆใช้เวลาไม่มากครับ

เอารูปมาอวดครับ ยังไม่หมดนะครับ จะทยอยเอาขึ้นรับ

Freelance ที่ดีควรจะ

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

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

3. รู้จักต่อยอดความรู้เดิม คอยศึกษาหาความรู้ใหม่และสิ่งใหม่อยู่ตลอดเวลา
Freelance ที่หาความรู้ใหม่ๆอยู่ตลอดเวลาและสามารถเรียนรู้ Technology ใหม่ๆแล้วนั้นจะสามารถเรียกงาน + เงินจากลูกค้าได้มาก เพราะมันจะทำให้ขอบเขตของการรับงานของเรากว้างขึ้น รับงานได้มากขึ้น และที่สำคัญก็ต้องรู้จักต่อยอดความรู้เดิมให้พัฒนาดีๆขึ้นไปเรื่อยๆครับ

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

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

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

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

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

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

border-width

ใช้ในการกำหนดขนาดของกรอบของวัตถุทั้ง 4 ด้าน (top,right,bottom,left)
เช่น border-width: 4px 5px 5px 9px;

border-color

ใช้ในการกำหนดสีกรอบของวัตถุทั้ง 4 ด้าน (top,right,bottom,left) แต่จะใช้ property ตัวนี้ได้ ต้องกำหนด style ให้กับ borderในcss ก่อน
เช่น border-color: #fff000;

border-style

ใช้ในการกำหนดลักษณะหรือรูปแบบกรอบของวัตถุทั้ง 4 ด้าน ซึ่งรูปแบบของ border ด้วยกันมันมีดังนี้

none ไม่แสดง border

hidden ไม่แสดง border

การกำหนด property border แบบรวม

เราสามารถกำหนด border ใน css แบบรวมได้ครับ border: border-width border-style border-color ;
เช่น border: 1px solid #666;

นอกจากนี้เรายังสามารถกำหนด property border ใน css ในแต่ละด้านของกรอบได้ครับ

1. คอมพิวเตอร์คู่ใจ

Freelance อย่างผมต้องพกไว้เสมอครับ หากต้องเดินทางไปเที่ยวที่ไหนที่ไปเกิน 2 วันนะครับต้องพกติวตัวด้วยเลยครับ เพื่อไว้แก้ไขงาน

2. มือถือคู่ยาก

อันนี้ชัวครับ ผมจะไม่ค่อยปิดมืออถือครับ อาจบอกได้ว่าจะเปิดเกือบ 24 ชั่วโมงเลยก็ว่าได้ นอกจากจะต้องการเวลาที่เป็นส่วนตัวจริงๆ

3. สมุดโน็ตคู่ชีพ

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

4. แว่นตาของผม

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

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

ขอบคุณภาพจาก google.com และ siamphone.com นะครับ

Text Color : ใช้กำหนดสีของตัวอักษร

Text Color เป็น css ที่ใช่ในการกำหนดสีให้ตัวอักษร ซึ่งสามารถกำหนดได้ 3 แบบ
– ใช้ชื่อของสี เช่น “black”
– ใช้ค่าสีของ RGB เช่น “rgb(255,255,255)”
– ใช้ค่าของรหัสสั Hex เช่น “#0000000″
เช่น

Text Alignment : การจัดตำแหน่งของตัวอักษร

Text Alignment เป็น css ที่ใช้ในการจัดตำแหน่งของตัวอักษร ทั้ง left (ซ้าย) , right (ขวา), center (ตรงกลาง), justify (จัดให้เสมอเท่ากันในทุกบรรทัด)
เช่น

Text Decoration : ตกแต่งตัวอักษร

Text Decoration เป็น css ที่ใช้ในการตกแต่งตัวอักษร ส่วนใหญ่จะใช้ร่วมกับ Tag a โดยจะมี blink (ตัวอักษรจะกระพริบ), line-through (มีเส้นลากผ่านตรงกลางของตัวอักษร), overline (มีเส้นลากผ่านด้านบนตัวอักษร), underline (มีเส้นลากผ่านด้านล่างตัวอักษร), none ( ไม่แสดงผล)
เช่น

Text Transformation : แปลงตัวพิมพ์เล็ก – ใหญ่ของตัวอักษร

Text Transformation เป็น css ที่ใช้ในการแปลงตัวพิมพ์เล็ก – ใหญ่ของตัวอักษร ไม่ว่าในข้อความจะเขียนอักษรตัวพิมพ์เล็ก – ใหญ่ โดย uppercase (แปลงตัวอัษรทั้งหมดเป็นตัวพิมพ์ใหญ่), lowercase (แปลงตัวอัษรทั้งหมดเป็นตัวพิมพ์เล็ก), capitalize (แปลงตัวอัษรเฉพาะตัวหน้าของคำเป็นตัวพิมพ์ใหญ่)
เช่น

Text Indentation : ใช้กำหนดระยะย่อหน้าหรือความห่างของตัวอักษรในบรรทัดแรก

Text Indentation เป็น css ที่ใช้กำหนดระยะย่อหน้าหรือความห่างของตัวอักษรในบรรทัดแรกกับจุดเริ่มต้นของข้อความ หรือ อาจพูดง่ายๆๆ ก็คือระยะความห่างของย่อหน้านั้นเองครับ
เช่น

ลักษณะของ Font

Font สามารถแบ่งเป็นออกได้เป็น 2 ประเภทใหญ่ๆ

Sans-serif : เป็นลักษณะของตัวอักษรที่ไม่มีเส้นปิดหัวปิดท้าย
Serif : เป็นลักษณะของตัวอักษรที่ส้นปิดมีเส้นปิดหัวปิดท้าย

ซึ่งผมคิดว่า Sans-serif เป็นลักษณะของตัวอักษรที่อ่านง่ายกว่า Serif ครับ

Font-Family

Font-Family ใช้กำหนดชนิดหรือประเภทของตัวอักษรบนเว็บครับ ซึ่งก็ขึ้นอยู่ที่เครื่องคอมของคุณแหละครับว่าจะมี font ที่กำหนดนี้ไว้หรือป่าว โดยทั่วไปจะเขียนกับกับไว้ว่าหาก Font-Family ที่อยู่ใน ” ” ไม่มี ให้เอาตัวหลังตัวอื่นมาแทนตามลำดับ

เช่น : font-family: “Lucida Grande”, Arial, Tahoma;
หมายความว่า หาก font “Lucida Grande” ในเครื่องไม่มี ให้เอา Arial มาแสดง แทน

font-style : ใช้กำหนดรูปแบบของตัวอักษร

ใช้กำหนดรูปแบบของตัวอักษรว่าจะเป็นอย่างไร normal ( ธรรมดา ) italic ( ตัวเอียง ) เป็นต้น

เช่น font-style: italic;

font-variant : ใช้กำหนดตัวอักษรให้เป็นแบบ small-caps

เป็นการแปลงตัวอักษรที่เป็นตัวพิมพ์เล็ก ให้กลายเป็นตัวพิมพ์ใหญ่ทั้งหมด โดยที่ขนาดยังคงเล็กเท่าตัวพิมพ์เล็ก

เช่น font-variant: smapp-caps;

font-weight : ใช้กำหนดขนาดความหนาของตัวอักษร

เช่น font-weight: bold;

font-size : ใช้กำหนดขนาดของตัวอักษร

เช่น font-size: 14px;

font : ใช้กำหนดค่าของ property font แบบรวม

ใช้กำหนดค่าของ property font แบบรวมทั้ง font-style, font-variant, font-weight, font-size, font-family ได้พร้อมกันตามลำดับ

เช่น font: italic small-caps bold 14px Lucida Grande;

ขอขอบคุณข้อมูลภาพจาก
http://www.w3schools.com/css/css_font.asp

โดยในส่วนของกระทรวงมหาดไทย นอกจากแต่ละจังหวัด จะร่วมกันจัดบูทนิทรรศการและออกร้านแสดง พร้อมจำหน่ายสินค้า OTOP แล้ว ยังมีการจัดกิจกรรม “รอยพระบาทยาตราทั่วประเทศ” : นิทรรศการเกี่ยวกับพระราชดำรัสฯ และพระราชกรณียกิจที่พระบาทสมเด็จพระเจ้าอยู่หัวเสด็จพระราชดำเนินไปยังแต่ ละภาค รวมทั้งกิจกรรม “ทุกขอบเขตรอยเท้าพ่อ ขอสืบสาน” : ทำหนังสือเดินทางตามรอยพระบาท 76 จังหวัด แจกผู้ร่วมงานที่เข้าชมนิทรรศการ ซึ่งจะมีการประทับตราจังหวัดลงในหนังสือเดินทางรวมทั้งมีของที่ระลึกพิเศษ และรางวัลมอบให้ผู้เข้าชมนิทรรศการด้วย และกิจกรรม “นิรมิต ทิพย์ขบวน ล้วนล้ำค่า” : เป็นการแสดงร่วมกับขบวนเฉลิมพระเกียรติทั่วภูมิภาค 11 ขบวน

เอาภาพงาน “รวมพลังใจถวายความภักดี” ที่ราชดำเนินบางส่วนมาฝากครับ