Tag

css

Oct 16, 20231 min

วิธีการใช้งาน css clamp()

เมื่อเราพูดถึงการทำเว็บแบบ Responsive การใช้งาน clamp() เป็นเครื่องมือที่น่าสนใจในการจัดการขนาดตามขนาดของอุปกรณ์ที่แสดงผล

clamp css

Feb 28, 20221 min

ทำความเข้าใจ CSS Flexbox - 1

ในปัจจุบัน ในการจัด layout ของเว็บไซต์ เราสามารถใช้ CSS Flexbox ซึ่งสะดวกสบายกว่าแต่ก่อนที่เราใช้ table, float หรือ position ได้มากขึ้นเยอะ

align-items css

Feb 18, 20221 min

วิธีไล่สีตัวอักษรด้วย CSS

ในการสร้างคอนเท้นต์ในเว็บไซต์นั้น บางทีเราต้องการไล่สีให้ตัวอักษรเพื่อความสวยงาม โดยเรามีวีธีไล่สีตัวอักษรด้วย CSS แบบนี้

css gradient

Feb 13, 20221 min

วิธีการใช้สีใน CSS

ในการเขียนเว็บไซต์ CSS เป็นตัวตกแต่งหน้าตาของเว็บไซต์ วิธีการใช้สีใน CSS นั้น มีอยู่หลายวิธี แต่จะขอพูดถึง 4 รูปแบบที่ใช้งานกันบ่อย ๆ

color css

Feb 9, 20221 min

3 CSS Animation ไลบารี่สำหรับนำไปใช้งาน

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

animation css

Aug 27, 20191 min

[CSS] วิธีเช็คหน้าเว็บของเราตอน Print

บางครั้งในการทำเว็บไซต์ เราต้องเขียน CSS เพื่อใช้สำหรับในการ Print ซึ่งเราสามารถสั่งให้ Browser ใช้งาน CSS สำหรับการ Print โดยเฉพาะได้ในเนื้อหานะครับ

css print

Jul 7, 20141 min

[CSS] Equal Width Menu (ทำเมนูให้กว้างเท่ากัน)

Equal Width Menu หรือการทำให้เมนูกว้างเท่ากันนั้น แต่ละคนคงมีวิธีทำที่แตกต่างกันไป ผมก็ไปเจอมาวิธีนึงซึ่งง่ายๆ เลย ใช้แค่ CSS ก็เรียบร้อยแล้ว

css equal width

Jul 18, 20131 min

CSSDEE : ในที่สุดเมืองไทยก็มีเว็บรวมงานเว็บสวย ๆ แล้ว

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

css cssdee

Jul 30, 20121 min

[WordPress] Class ที่เราไม่ควรลืมในการเขียน CSS

เวลาเราสร้าง WordPress Theme ขึ้นมานั้น แน่นอนว่า CSS เป็นส่วนประกอบสำคัญอย่างหนึ่งเลย โดยตัว WordPress จะยึดตัว style.css เป็นหลัก และใน style.css นั้นเราควรมี Class เหล่านี้อยู่ด้วย

css wordpress

Apr 23, 20121 min

[CSS] พื้นฐานการเรียกใช้งาน CSS

เขียนเกี่ยวกับ CSS มาเยอะแยะ คราวนี้ขอย้อนกลับไกลหน่อย ย้อนกลับมาถึงการเรียกใช้งาน CSS ซึ่งการเรียกใช้งาน CSS นั้นก็มีอยู่ในหลาย ๆ รูปแบบ

css

Feb 25, 20121 min

[HTML CSS] บางอย่างที่เราอาจจะยังไม่รู้

วันนี้ไปเปิดเจอ Slide ของคุณ Chris Coyier เจ้าของเว็บ CSS-Tricks ได้พูดไว้ในหัวข้อ What We Don’t Know เลยเอามาแชร์ให้ได้อ่าน ได้ดูกันนะครับ >_<

browser css

Dec 20, 20112 min

อยากเรียน Web Design ฟรี ดูใน iTunes ดิ

ใน iTunes นั้นจะมีส่วนของ Podcasts ซึ่งมีหลายเรื่องที่เราสนใจไว้ให้ได้ดู ได้ฟังแบบฟรีบ้าง เสียเงินบ้าง แต่เรามาหาแบบฟรีกันดีกว่า ลองไปดูว่ามีอันไหนบ้าง

css html

Dec 19, 20111 min

[CSS] คำสั่งทั่วไปที่ใช้จัดการฟอนต์

หลังจากที่ทำความรู้จักกับคำสั่งที่ใช้จัดการข้อความแล้ว เรามาทำความรู้จักกับคำสั่งที่ใช้จัดการกับตัวอักษรกันนะครับ

css font-family

Dec 18, 20111 min

[CSS] คำสั่งทั่วไปที่ใช้จัดการกับข้อความ

ข้อความต่าง ๆ ที่ปรากฎในหน้าเว็บของเรานั้น เราสามารถใช้ CSS กำหนดอะไรได้บ้าง ลองไปดูกันนะครับ

color css

Dec 17, 20112 min

[CSS] วิธีใช้ background เบื้องต้น

มาทำความเข้าใจการใช้งานคำสั่ง background สำหรับ css กันนะครับ เพราะเชื่อว่านี่เป็น 1 ในคำสั่งที่ใช้บ่อยเป็นอันดับต้น ๆ และคนหัดทำ css น่าจะรู้จักมันไว้

background css

Dec 16, 20111 min

[HTML CSS] ขี้เกียจเขียน Form โว้ย FormBakery ช่วยด้วย

ไม่รู้ว่าหลาย ๆ คนเป็นเหมือนผมหรือเปล่า แต่ผมเนี่ยโคตรขี้เกียจจะเขียน Code HTML ที่มันเกี่ยวกับ Form ยังไงก็ไม่รู้บอกไม่ถูก เวลาตัดเว็บแล้วเจอ Form เนี่ยจะตัดช้าลงไปอย่างไม่น่าเชื่อ แล้วผมก็ไปเจอเว็บนี้ FormBakery ลองไปดูว่า FormBakery มันทำอะไรเกี่ยวกับ Form ให้เรานะครับ

css form

Dec 10, 20111 min

[CSS] แนะนำ Slide ที่ควรดูเพื่อทำความเข้าใจกับ CSS

เวลาหัดทำ CSS เราคงอยากหาความรู้เพิ่มเติมให้มากที่สุด วันนี้ผมมี Slide มา 5 อัน ดูแล้วน่าจะเข้าใจ CSS มากขึ้นนะครับ

css slide

Dec 9, 20111 min

[CSS3] แนะนำเว็บที่มีตัวอย่างการเขียน CSS3 ให้นำไปใช้

คราวนี้มีเว็บมาแนะนำครับ เป็นเว็บที่มีตัวอย่างการเขียน CSS3 ไว้เรียบร้อยให้เราสามารถนำไปปรับใช้งานได้ เว็บนั้นก็คือ CSS3 Click Chart by Impressive Webs ลักษณะของเว็บก็เป็นแบบนี้ครับ

css css3

Dec 8, 20111 min

[CSS] ข้อแตกต่างระหว่าง width:auto กับ width:100%

ในการทำเว็บนั้น เราอาจจะเจอกรณีที่ layout ต้องเปลี่ยนไปตามความกว้าง เช่น เวลาทำเว็บที่เป็น responsive หรือเวลาที่สั่งพิมพ์ทางเครื่องพิมพ์ ตามปรกติแล้ว เราจะเคลียร์ค่า float หรือ width

css width

Nov 23, 20111 min

วิดีโอสอนพื้นฐานของ HTML CSS Javascript จาก Google

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

css google

Nov 22, 20111 min

CSS : แต่งกล่อง Facebook Like Box กัน

เพิ่งไปเจอมา เลยเอามาเขียนไว้เผื่อใครยังไม่รู้ จริง ๆ แล้วเราสามารถกำหนด Stylesheet ให้กับตัว Facebook Like Box ได้นะครับ

css facebook