ทำได้ง่ายๆกับเมนู DROP-DOWN สุดเจ๋งด้วยปลั๊กอิน jQuery และ CSS


มาต่อเนื่องครับกับการใช้ปลั๊กอิน jQuery โดยวันนี้จะเป็นการสร้างเมนู drop-down หลายเว็บไซต์ที่มีการพัฒนาเมนูรูปแบบต่างๆมากมายบางคนก็ใช้รูปบ้างเขียน css บ้างก็แตกต่างกันได้ครับโดยเมนูถือว่าเป็นสิ่งสำคัญอีกอย่างหนึ่งสำหรับการพัฒนาเว็บไซต์เพื่อให้ผู้ใช้ได้สามารถเข้าใช้งานในส่วนต่างๆได้อย่าง่ายได้ผู้พัฒนาจะต้องดูส่วนนี้เป็นจุดสำคัญโดยการเลือกใช้รูปแบบเมนูก็น่าสนใจโดยเราจะเห็นว่าเว็บไซต์ทั่วไปจะมีรูปแบบเมนูที่แตกต่างกันได้แนวแต่ความเหมาะสมและพื้นที่ในการออกแบบโดยวันนี้ผมเอารูปแบบของเมนู drop-down หลายรูปแบบที่น่าสนใจครับเป็นอีกเทคนิคที่น่าสนใจครับโดยเมนูมะมีรูปแบบการ drop-down ขึ้นลงทำให้ดูน่าสนใจเรามาลองดูกันดีกว่าครับว่าจะเจ๋งซักแค่ไหน

Continue reading ทำได้ง่ายๆกับเมนู DROP-DOWN สุดเจ๋งด้วยปลั๊กอิน jQuery และ CSS

ห้ามพลาด! สร้างระบบ Crop ตกแต่งรูปภาพด้วย API Dropbox


วันนี้เป็นการนำเอา API ของผู้ให้บริการใน้รื่องของการฝากไฟล์บนระบบ cloud รายใหญ่ที่หลายคนอาจจะรู้จักดีคือ dropbox เมื่อไม่นานมานี้ dropbox ได้เปิดบริการ API รูปแบบใหม่ที่สามารถจะนำไฟล์ที่ถูกเก็บไว้ใน Dropbox สามารถที่จะเอามาเก็บไว้ในเว็บไซต์ต่างได้ผ่าน API ตัวนี้ Dropbox api โดยวันนี้เราก็จะมาลองใช้เจ้า Api ตัวนี้กันโดยการทำงานง่ายๆคือการ crop รูปภาพที่เราฝากไว้ใน Dropbox นั้นเองหรือบางคนอาจจะใช้บริการซิ้งภาพจากอุปกรณ์เคลือนที่ของเรา โดยเราสามารถนำภาพที่เรามีนั้นมาปรับแต่งโดยการ Crop และสามารถที่จะเก็บไว้ในเว็บไซต์ของเราหรือผู้ที่ให้บริการ crop ภาพจาก dropbox ก็ได้ เราลองมาดูตัวอย่างกันดีกลัวครับ

Continue reading ห้ามพลาด! สร้างระบบ Crop ตกแต่งรูปภาพด้วย API Dropbox

เทคนิคที่นักออกแบบไม่ควรพลาดการใช้ความโปร่งใสเพื่อออกแบบเว็บไซต์


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

Continue reading เทคนิคที่นักออกแบบไม่ควรพลาดการใช้ความโปร่งใสเพื่อออกแบบเว็บไซต์

ปรับปรุงใหม่ 3 เทคนิคการสร้างแกลลอรี่และSWATCH BOOK ด้วยCSS3 และ jQuery


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

Continue reading ปรับปรุงใหม่ 3 เทคนิคการสร้างแกลลอรี่และSWATCH BOOK ด้วยCSS3 และ jQuery

แจกกันฟรีๆ ฉลองเทศกาลคริสมาสต์กับการ์ตูนซานตาคลอสและของขวัญแสนน่ารัก


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

Continue reading แจกกันฟรีๆ ฉลองเทศกาลคริสมาสต์กับการ์ตูนซานตาคลอสและของขวัญแสนน่ารัก

เทคนิดใหม่สร้าง Timeline สำหรับแสดงผลรายละเอียดด้วย CSS 3D


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

Continue reading เทคนิดใหม่สร้าง Timeline สำหรับแสดงผลรายละเอียดด้วย CSS 3D