CSS

สอนเขียนเว็บบทที่ 2 CSS ภาค 2

บทความมีอะไรบ้าง? บทความนี้ผมจะสอนพวกพื้นฐานการเขียนเว็บโดยจะเริ่มแบบคนไม่รู้เลยว่าเว็บทำงานแบบไหนอย่างไร เพื่อให้พอมีความรู้และสามารถต่อยอดได้นะครับ อาจจะไม่ลงรายละเอียดแบบลึกว่ามันส่งค่าอะไรยังไง แต่จะพยายามให้คนอ่านสามารถเข้าใจและเขียนเว็บได้ในระดับเริ่มต้น โดยผมคิดว่าสิ่งที่ผมจะสอนนั้นจะสามารถหารายได้หรือสร้างรายได้นั่นเอง แต่ต้องให้คุณพยายามทำความเข้าใจและตั้งใจจริงนะครับ Set up เครื่องมือเขียน code HTML CSS ภาค 1 CSS ภาค 2 Javascript PHP โดยในบทความชุดนี้ผมจะมีการบ้านให้คุณได้ฝึกทักษะที่สอนในบทความอยากให้คุณลองทำตามดูนะครับโดยผมจะมีเฉลยให้ในตอนท้ายของบทความนะครับ ขอร้องว่าอย่าโกงกันนะเพราะตั้งใจเขียนเพื่อให้คุณได้เรียนรู้จริงๆ ถ้าติดตรงไหนในบทความอยากให้เพิ่มเติมอะไรก็สามารถ comment บอกได้นะครับ ผมเองจะพยายามปรับปรุงให้ดีขึ้นเรื่อยๆ ทฤษฎีกล่อง หลังจากคุณได้ทำการสร้างไฟล์แล้วคุณก็อาจจะคิดว่าแล้ว tag ในภาษา html มันมีกี่อันใช้อันไหนบ้างที่จะทำให้เว็บเราสวยๆ เหมือนพวกเว็บที่เราเข้าบ่อยๆ อยากให้ใจเย็นๆก่อนครับ เดี๋ยวผมจะสอนต่อไปอย่างแน่นอนว่า tag อะไรจำเป็นบ้าง tag ต่อมาที่จะสอนคือ tag div ครับเรียกได้ว่าเป็นพระเอกของเราเลยทีเดียว เพราะอะไรเจ้า tag div นั้นมันคือ tag ที่ browser จะทำการแปลงเป็น กล่องสี่เหลี่ยมครับ การเขียนเว็บในปัจจุบันมันคือเอากล่องสี่เหลี่ยมมาซ้อนๆกันนั่นเอง ดูภาพง่ายๆจะเป็นแบบนี้ครับ โดย css […]

สอนเขียนเว็บบทที่ 2 CSS ภาค 1

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

CSS trick

บทความนี้จะทำไว้รวมสิ่งที่เรียนรู้ CSS จากคนอื่นมา ขี้เกียจเขียนไว้ในสมุดเดี๋ยวก็ลืมว่าเขียนไว้เล่มไหน เลยเอามาแปะไว้ก่อน adminเป็นโปรแกรมเมอร์ที่ตามหาคุณค่าของชีวิตและความฝันในวัยเด็ก ชอบเล่นเกม เรียนรู้ทุกอย่าง ชอบเจอคนใหม่ๆ งานสังคมทุกชนิด ออกกำลังกายในวันว่าง อ่านหนังสือ มีเว็บรีวิวหนังสือด้วย www.readraide.in.th //www.oxygenyoyo.com

[How to] ทำกล่องไม่ให้อักษรเกินด้วย CSS

หลายๆคนเวลาทำเว็บจะมีบางตำแหน่งอย่างให้ตัวอักษรไม่เกินจากความกว้างของกล่องที่ครอบว่า ในกรณีนี้จะเป็น Div,a,span, etc. พวกนี้ โดยเราอยากให้มีตัวจุด 3 จุด ต่อท้ายให้รู้ว่ามันยังไม่จบนะมีต่ออีกแต่ประโยคมันยาวเกินไปเอาล่ะไปดูกันดีกว่าว่าทำอย่างไร adminเป็นโปรแกรมเมอร์ที่ตามหาคุณค่าของชีวิตและความฝันในวัยเด็ก ชอบเล่นเกม เรียนรู้ทุกอย่าง ชอบเจอคนใหม่ๆ งานสังคมทุกชนิด ออกกำลังกายในวันว่าง อ่านหนังสือ มีเว็บรีวิวหนังสือด้วย www.readraide.in.th //www.oxygenyoyo.com

เริ่มต้นใช้ยังไง 960 Grid CSS Framework

ทักทายกันหน่อย … สืบเนื่องมาจากผมนั้นอยากทำเว็บสนองความอยากตัวเอง โดยหาอะไรที่มันสะดวกรวดเร็วและเข้าใจง่าย ตัว CSS Framework ตัวนี้ได้รับการแนะนำมาจากเพื่อนๆอีกที และเขาใช้กันจริงจังเอาเราก็อยากใช้ แต่ใช้ไม่เป็น ฮ่าๆ เราจึงต้องหาอ่านคู่มือ เหมือนเครื่องใช้แหละครับ เราจะใช้โดยไม่เรียนรู้วิธีใช้มันก็ยังไงอยู่ ใช้ไปก็ไม่รู้ว่าถูกผิดเราจึงต้องศึกษาแหละครับ ติดตามได้ในบทความนี้ครับ … adminเป็นโปรแกรมเมอร์ที่ตามหาคุณค่าของชีวิตและความฝันในวัยเด็ก ชอบเล่นเกม เรียนรู้ทุกอย่าง ชอบเจอคนใหม่ๆ งานสังคมทุกชนิด ออกกำลังกายในวันว่าง อ่านหนังสือ มีเว็บรีวิวหนังสือด้วย www.readraide.in.th //www.oxygenyoyo.com

ความน่าค้นหาของ (เสน่ห์ ) CSS sprites : เทคนิค,เครื่องมือ,ตัวอย่าง

CSS sprites อาจจะไม่ใช่เรื่องใหม่ ในความเป็นจริงแล้วมันเป็นเทคนิคที่ดีกลายมาเป็นเรื่องพื้นฐานของนักพัฒนาเว็บไซร์ ( Web developer ) ที่จะต้องเรียนรู้ แน่นอนแหละว่า CSS sprites ไม่ใช่สิ่งสำคัญ คุณจะไม่ใช่มันก็ได้ แต่บางเหตุการณ์นั้นมันก็มีประโยชน์เป็นข้อได้เปรียบในการปรับปรุงแก้ไข โดยเฉพาะอย่างยิ่งเรื่องการที่เราต้องการให้ server ของเรานั้นโหลดน้อยๆ และถ้าคุณผู้อ่านนั้นไม่เคยได้ยินมาก่อน เกี่ยวกับ CSS sprites เอาล่ะ ! ถึงเวลาที่เราจะไปทำความรู้จักกับ CSS sprites ซักทีว่ามันคืออะไร  ? มีความเจ๋งยังไงกับงานของเรา ? และมีเครื่องไม้เครื่องมืออะไรที่จะช่วยเราทำมัน  … !? adminเป็นโปรแกรมเมอร์ที่ตามหาคุณค่าของชีวิตและความฝันในวัยเด็ก ชอบเล่นเกม เรียนรู้ทุกอย่าง ชอบเจอคนใหม่ๆ งานสังคมทุกชนิด ออกกำลังกายในวันว่าง อ่านหนังสือ มีเว็บรีวิวหนังสือด้วย www.readraide.in.th //www.oxygenyoyo.com