ASP.NET MVC : ViewData VS ViewBag Vs TempData

   สวัสดีครับ บทความนี้ผมจะมาเขียนเกี่ยวกับการใช้ ViewData, ViewBag และ TempData ทั้งการใช้งานและข้อแตกต่างแบบคร่าวๆ

ปุ่ม 3D บนเว็บไซต์ !

[ย้ายบทความจาก Gushared.com]
    ถ้าพูดถึงความประทับใจในการเข้าเว็บไซต์ เว็บไซต์แบบไหนล่ะที่คุณเข้าแล้วคุณรู้สึกว่า เห้ย ! แมร่งเจ๋งหว่ะ ถ้าสำหรับผมแล้วเว็บไซต์ที่จะทำให้ผมประทับใจได้จะต้อง ดูสะอาดตา ใช้งานง่ายแบบว่าใครเข้ามาก็ใช้งานเป็นเลย มีความแปลกประหลาดแหวกแนวไปจากเว็บไซต์เดิมๆที่เคยใช้
    ผมได้ลองเข้าไปเว็บไซต์ cssdeck.com ไปเจอตัวอย่างการทำปุ่มแบบ 3D ของคุณ simonpicos เห้ย! แมร่งแนวว่ะ ก็เลยเอามาลองทำดูบ้าง ตามด้านล่างนี้เลยครับ (ลองคลิกปุ่มดูนะครับ >.<)

Support : Chrome, Safari, Firefox และ Opera

Gunghun

เทคนิคการทำให้บอทกลับมาเว็บไซต์คุณอีก

    บอทจ๋าาาา แล้วกลับมาหาฉันอีกน๊าาาา บอทในที่นี้ผมหมายถึงบอทที่ Search engine ใช้มาเก็บข้อมูลและให้คะแนนเว็บไซต์ของเรานะครับ การที่บอทเข้ามาเก็บข้อมูลในเว็บไซต์เราก็มีทั้งข้อดีและข้อเสีย ข้อดีก็คือเว็บของเราจะถูกเปลี่ยนแปลงอันดับตามคะแนนที่บอทให้ ยิ่งถ้าเราอยู่หน้าแรกๆก็แสดงว่าเว็บเราคะแนนเยอะนั่นเอง ส่วนข้อเสียก็คือถ้าบอทเข้ามาเว็บไซต์เราบ่อยๆ เว็บเราอาจจะถูกมองว่าเป็นสแปมหรืออาจส่งผลต่อความเสถียร์ของอันดับได้

เช็ค input type E-mail ง่ายๆด้วย HTML5

[ย้ายบทความจาก Gushared.com]
    สวัสดีครับ วันนี้เป็นบทเรียนง่ายๆของ HTML5 สำหรับคนที่ชอบเขียนเว็บครับ หลายๆครั้งที่เราทำเว็บไซต์แล้วจะต้องมีระบบสมาชิกซึ่งแน่นอนแหละครับว่าระบบนี้จะต้องมีการร้องขอ E-mail ของผู้ที่ต้องการสมัครสมาชิกแน่นอนครับ ไม่ว่าจะใช้ยืนยันตัวสมาชิก ติดต่อสื่อสาร หรือใช้สำหรับแจ้งข่าวต่างๆ ของเว็บไซต์ หลายครั้งที่เราต้องเขียนโค๊ด JavaScript ยาวๆ เพื่อทำการเช็คว่าข้อมูลในช่อง E-mail ที่สมาชิกกรอกนั้นถูกต้องตามแบบฟอร์มหรือเปล่า     แต่วันนี้ HTML5 เข้ามาช่วยคุณแล้วและทำให้ทุกอย่างง่ายเหมือนปลอกกล้วยสุกเข้าปาก ด้วยโค๊ดแค่ไม่กี่บรรทัด

E-mail : 

ผลลัพธ์ ลองกรอกที่เป็น E-mail และรูปแบบที่ไม่ใช่ E-mail แล้วกด Enter ดูนะครับ

E-mail :

 

สร้างเงาให้ตัวอักษรง่ายๆ ด้วย text-shadow

[ย้ายบทความจาก Gushared.com]
    หลายๆท่าน อาจจะคุ้นเคยกับ CSS ซึ่งมีส่วนสำคัญมากที่จะช่วยให้เว็บไซต์เราดูดีได้ การใส่เงาก็เป็นอีกเทคนิคหนึ่งที่จะช่วยให้ตัวอักษรนั้นดูเด่นขึ้นมาได้ดีเลยทีเดียว และการทำให้ตัวอักษรมีเงานนั้น ก็ไม่ใช่เรื่องยากอะไร การกำหนดเงาให้กับข้อความทำได้โดยการกำหนดค่า 4 ส่วนด้วยกัน ได้แก่ กำหนดระยะห่างของเงาในแนวนอน (Horizontal offset), ระยะห่างของเงาในแนวตั้ง(Vertical offset), ค่าความเบลอของเงา(Blur), สีของเงาตามลำดับ(Color)

 text-shadow:HorizontalOffset VerticalOffset Blur Color; 

ตัวอย่าง

Gunghun.com

Gunghun.com

Gunghun.com

Gunghun.com