Back to iWebsmile.com

Category: Tutorial

CSS Short hands

ผมเชื่อว่า Web Designer หรือ Web Developer หลายๆ คนต้องเคยปรับแต่ง แก้ไข หรือเคยเขียน CSS กันมาแล้ว และหลายๆ คนก็คงงงกับการเรียกใช้ Property ผมจะขอทบทวน CSS เบื้องต้นให้ท่านได้อ่านทำความเข้าใจง่ายๆ ก่อนนะครับ

Cascading Style Sheet หรือที่เราเรียกย่อๆ กันว่า CSS คือ ภาษาหรือชุดคำสั่งในการจัดการหน้า HTML เพื่อให้การแสดงผลถูกต้อง เช่นการกำหนดสีพื้นหลัง สีอักษร จัดโครงสร้างหน้า HTML เป็นต้น Continue reading

การสร้าง Mobile Application ด้วย Dreamweaver (Starter)

สำหรับคลิปนี้ ผมขอพูดถึงการสร้าง Mobile Application จากโปรแกรม Adobe Dreamweaver CS6 และการนำชุดสีจาก jQuery Mobile Swatches บนโปรแกรมและการ Download Themes color swatches มาใช้งาน (สำหรับผู้เริ่มต้นนะ) Continue reading

Cross Media

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

  • E-mail marketing การส่งอีเมล์เพื่อเผยแพร่ข่าวสารหรือกิจกรรม
  • Social network เช่น Facebook, Twitter, Linkedin, Pinterest เป็นต้น
  • Website แหล่งรวม Multimidia ต่างๆ เช่น Video Sound และอื่นๆ อีกมากมาย
  • Content media หรือข้อความอักษรที่ดึงดูดผู้ที่สนใจ
  • สื่ออื่นๆ Continue reading

เรื่องเล็กๆ ที่มือใหม่ มือโปรไม่รู้

คุณรู้หรือไม่ว่า “เว้นวรรค” ด้วยการกด Spacebar บนคีย์บอร์ด หรือการกด Ctrl + Shift + Spacebar มีผลแตกต่างกัน โดยปกติที่เราทราบกันคือ ถ้ากด Space bar ในโค้ด HTML จะสร้างช่องว่างให้ ” ” แต่ถ้าเรากด Ctrl + Shift + Spacebar จะสร้างโค้ดให้ “ ”
แต่คุณรู้หรือป่าวว่าถึงแม้ว่าผลลัพธ์ในการแสดงจะเหมือนๆ กัน แต่ทำงานแตกต่างกันนะ
ยกตัวอย่างผมจะพิมพ์คำว่า “Responsive Web Design” มาดูตัวอย่างกันดีกว่า Continue reading

Responsive Web Design & Extension Grid

Responsive Web Design ?

เทรนใหม่สำหรับเว็บดีไซน์

ณ บัดนี้ต้องยอมรับว่ากระแสสมาร์ทโฟน ยี่ห้อต่างๆ มาแรงเหลือเกินไม่ว่าจะเป็น iPhone, iPad, Samsung Galaxy รุ่นต่างๆ ดังนั้นตัว Adobe CS6 นี้ได้จึงได้ตอบโจทย์ให้กับเทรนใหม่นี้ด้วย New Features บน Dreamweaver CS6 รองรับการทำงาน Responsive web design ได้เป็นอย่างดี ลองชม Video Tutorial Responsive web design & extension grid ดูครับ Continue reading

Review + Tutorial Adobe Muse

วันนี้ผมทำ Review + Tutorial Adobe Muse มาให้ชมกัน เนื่องจากว่า Muse กำลังอินเทรดอย่างแรงในหมู่เหลา Designer ทั้งหลาย ผมก็เลยขออินเทรนกะเค้าบ้างนะอย่าว่ากัน

ตอนนี้ Adobe Muse กำลังเปิดให้ทดลองใช้กันฟรีๆ ก่อนจะเก็บตังค์ โดย Adobe Muse จะเปิดให้บริการแบบรายเดือน ส่วนเรื่องราคาผมจำไม่ได้ว่าประมาณกี่เหรียญ โดยทาง Adobe ให้ทำ Muse ออกมาเพื่อเป็นทางเลือกกับ Web Designer ระหว่าง Adobe Dreamweaver กับ Muse มาให้เลือกใช้ เพราะว่าตัวราคาของ Dreamweaver เองก็ไม่ใช่ถูกๆ เลย Continue reading

กระชับไฟล์ CSS ให้เล็กลงเพื่อการโหลดที่ไวขึ้น

สำหรับ Web Designer แล้วหลายต่อ ต่อหลายคน ที่ไม่เคยเรียน Programming หรือโค้ดทางด้าน CSS HTML มาบ้าง อาจจะไม่ทราบข้อนี้

การเขียนโค้ด ลักษณะที่ยาวเป็นบรรทัดเดียว จะทำให้ ไฟล์ นามสกุล .html หรือ .css หรือไฟล์โปรแกรมใดๆ ก็ตาม จะมีขนาดที่เล็กลง และจะช่วยใช้การโหลดบนหน้าเว็บไซต์ของเราเร็วขึ้นทันตาเห็นทีเดียว
ตัวอย่างเช่น
body{
margin:0 auto;
background-color:#999;
}
แล้วคุณลอง Save ไฟล์ CSS ใครเครื่องของผมได้ไฟล์ขนาด 48bytes แต่พอผมเปลี่ยนเป็นแบบนี้ Continue reading

Adobe Flash Catalyst

เมื่อวันที่ 26 สิงหาคม 2554 ผมได้ไปงานสัมมนาหัวข้อ Keep you ahead on CS5.5 & Any Screen ของบริษัท ITSC จำกัด โดยมีวิทยากร 2 ท่านคือ อ.ขจร พีรกิจ และ คุณธีรเศรษฐ์ จิรภัทร์ชาญเดช

ซึ่งทำให้ผมรู้จักกับความสามารถของใหม่ๆ ของ Adobe CS5.5 ที่ผมมองข้ามไป โดยก่อนหน้านั้นผมมองเพียงแค่ว่า CS5.5 มันคงไม่ต่างอะไรจาก CS5 หลอกคงแค่แก้ Bug โปรแกรมซะมากกว่า แต่เมื่อได้เข้ามางานสัมมนานี้ ทำให้ผมมองเปลี่ยนจากเดิมเลยทีเดียว Continue reading

© 2010-2013 iWebSmile — all right reserved.