ผมสงสัยมานานละ พวก css เทพทำไมต้องทำให้ติดกัน ?

[CreePer]

ผมสงสัยมานานละ พวก css เทพทำไมต้องทำให้ติดกันครับ
เวลาจะแก้ ก็แก้ยากเอาเรื่องถ้าไม่ได้เขียนเอง

มันช่วยให้ทำงานไวขึ้นใช่มั้ยครับ 

[thaisew]

ส่วนนึงเร็วขึ้น หลักๆก็ที่ท่านเจอแหละ ผมว่า   

[AbuseMan]

ขนาดไฟล์มันเล็กลง โหลดไวขึ้น เปลือง Bandwidth น้อยลง

[wasantec]

ขนาดไฟล์มันเล็กลง โหลดไวขึ้น เปลือง Bandwidth น้อยลง

ถูกต้อง

[ossytong]

ผมเข้าใจว่าเขียนติดๆ น่าจะหมายถึง
a.c{ color: red}
a.b{ color: blud; font-size: 16px }
แบบนี้หรือเปล่า ถ้าใช่ผมเข้าใจว่าเขียนแบบนี้ คนเขียนเองเขียนง่ายกว่า ไม่ต้องเลื่อนจอไปมาเพื่อดูคำสั่ง อื่นๆ ไม่ต้องเคาะ enter

ส่วนถ้าเป็น ติดกันยาวๆเลย ส่วนใหญ่จะใช้ min tools ต่างๆบีบกันหรือใช้พวก framework มันจะมี auto ตรงนี้ได้เลย อย่างผมใช้ของ Asset cartalyst นอกจากบีบแล้ว มันยัง สร้าง cache ออกมาแล้ว ยุบเป็นไฟล์เดียวกันให้อีกต่างหาก

css จะเขียนติดไม่ติด ถ้าแก้ต่อของคนอื่นก็ ยาก หมดแล่ะครับ ฮาาา - -"
สุดท้ายก็ต้อง overwrite ทับตลอด ^^

ยกเว้นจะเขียนเป็น LESS หรือ SASS แบบนี้ถึงจะโอเครหน่อย อย่างน้อยก็ reuse ได้อ่ะเนาะ
หรือพวกสี ขนาดก็เป็นค่าตัวแปรไว้แต่แรกเลย จะแก้ก็แก้เหมือน config เอาแล้ว compile ใหม่  ^^

[CreePer]

ขอบคุณครับผม

ผมเอาให้ติดกันแบบนี้แหละครับ เห็นพวกเทพๆทำกันเลยขอลองวิชาหน่อย 

นี่งับ


ไม่ใช่เจ้าของหรือไม่เก่งก็คงแก้ไม่ได้ใช่มั้ยครับ เพราะผมเขียนเองบ้างก๊อปบ้าง ยังงงสุดตรี.... เลย

[ossytong]

ขอบคุณครับผม

ผมเอาให้ติดกันแบบนี้แหละครับ เห็นพวกเทพๆทำกันเลยขอลองวิชาหน่อย 

นี่งับ


ไม่ใช่เจ้าของหรือไม่เก่งก็คงแก้ไม่ได้ใช่มั้ยครับ เพราะผมเขียนเองบ้างก๊อปบ้าง ยังงงสุดตรี.... เลย

ไม่น่าจำเป็นต้องเขียนเองขนาดนี้หรือเปล่าครับ
ดูแลยาก
อ่านยาก

เขียนแบบปกติแล้ว ใช้ tools บีบ ก็ออกมาแบบนี้ก็ได้นะครับ มีทั้งแบบ auto และ maunul เลย - -"
เขียนแบบนี้ไม่เวิคเลย ไม่ควรทำตามเลย ใครทำงานด้วย ด่ากันข้ามปีแน่ - -"

Tool สำหรับ Minifier : http://cssminifier.com/

[Zyrus]

น่าจะช่วยเรื่องความเร็วในการโหลดครับ
การใช้งานก็มีสองไฟล์ ไม่น่ามีปัญหากับการแก้ไขปรับปรุง
มีไฟล์ต้นฉบับเพื่อแก้ไข กับ minไฟล์ใช้งานจริง

[npdesign]

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

[CreePer]

ขอบคุณครับผม

ผมเอาให้ติดกันแบบนี้แหละครับ เห็นพวกเทพๆทำกันเลยขอลองวิชาหน่อย 

นี่งับ


ไม่ใช่เจ้าของหรือไม่เก่งก็คงแก้ไม่ได้ใช่มั้ยครับ เพราะผมเขียนเองบ้างก๊อปบ้าง ยังงงสุดตรี.... เลย

ไม่น่าจำเป็นต้องเขียนเองขนาดนี้หรือเปล่าครับ
ดูแลยาก
อ่านยาก

เขียนแบบปกติแล้ว ใช้ tools บีบ ก็ออกมาแบบนี้ก็ได้นะครับ มีทั้งแบบ auto และ maunula เลย - -"
เขียนแบบนี้ไม่เวิคเลย ไม่ควรทำตามเลย ใครทำงานด้วย ด่ากันข้ามปีแน่ - -"

พอดีเด็กกากเกรียน มันชอบก๊อปครับป้องกันไว้ก่อน ผมมีต้นฉบับไว้แล้ว ครับ

[tctheworld]

จริงๆไม่ได้เขียนติดนะครับ มันเป็นไฟล์ css compress ครับ

ลองไป search ดูครับ หลังจากเขาเขียนเสร็จเขาก็ compress เอาเพื่อลดขนาดไฟล์

[ossytong]

ขอบคุณครับผม

ผมเอาให้ติดกันแบบนี้แหละครับ เห็นพวกเทพๆทำกันเลยขอลองวิชาหน่อย 

นี่งับ


ไม่ใช่เจ้าของหรือไม่เก่งก็คงแก้ไม่ได้ใช่มั้ยครับ เพราะผมเขียนเองบ้างก๊อปบ้าง ยังงงสุดตรี.... เลย

ไม่น่าจำเป็นต้องเขียนเองขนาดนี้หรือเปล่าครับ
ดูแลยาก
อ่านยาก

เขียนแบบปกติแล้ว ใช้ tools บีบ ก็ออกมาแบบนี้ก็ได้นะครับ มีทั้งแบบ auto และ maunula เลย - -"
เขียนแบบนี้ไม่เวิคเลย ไม่ควรทำตามเลย ใครทำงานด้วย ด่ากันข้ามปีแน่ - -"

พอดีเด็กกากเกรียน มันชอบก๊อปครับป้องกันไว้ก่อน ผมมีต้นฉบับไว้แล้ว ครับ

เขียนแบบนี้มันก็ Unmin ได้อยู่ดีครับ
Tool : http://mrcoles.com/blog/css-unminify/

[CreePer]

ขอบคุณครับผม

ผมเอาให้ติดกันแบบนี้แหละครับ เห็นพวกเทพๆทำกันเลยขอลองวิชาหน่อย 

นี่งับ


ไม่ใช่เจ้าของหรือไม่เก่งก็คงแก้ไม่ได้ใช่มั้ยครับ เพราะผมเขียนเองบ้างก๊อปบ้าง ยังงงสุดตรี.... เลย

ไม่น่าจำเป็นต้องเขียนเองขนาดนี้หรือเปล่าครับ
ดูแลยาก
อ่านยาก

เขียนแบบปกติแล้ว ใช้ tools บีบ ก็ออกมาแบบนี้ก็ได้นะครับ มีทั้งแบบ auto และ maunula เลย - -"
เขียนแบบนี้ไม่เวิคเลย ไม่ควรทำตามเลย ใครทำงานด้วย ด่ากันข้ามปีแน่ - -"

พอดีเด็กกากเกรียน มันชอบก๊อปครับป้องกันไว้ก่อน ผมมีต้นฉบับไว้แล้ว ครับ

เขียนแบบนี้มันก็ Unmin ได้อยู่ดีครับ
Tool : http://mrcoles.com/blog/css-unminify/

T_T เสียเวลาสุดๆเลยงั้น - -

[gd,lN]

wordpress plugin ก็มีนะครับ ง่ายดี

[Zyrus]

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

เรื่องความเร็วน่าจะเป็นข้อดีและเหตุผลหลักที่ต้องบีบไฟล์ครับ
นอกเหนือจากการตรวจสอบประสิทธิภาพของ css (elementต้องไม่ซ้ากัน, งดเครื่องหมายที่ไม่จำเป็น เช่น remark ฯลฯ)

การแก้ไขปรับปรุงไม่ยากครับ
เหมือนกันกับไฟล์ javascripts ส่วนมาก
คือมีสองไฟล์
ไฟล์หนึ่งที่ไม่ได้บีบอัดเอาไว้แก้ไข ส่วนอีกไฟล์ที่บีบอัดเอาไว้ใช้งาน

[zankumuro]

เอิ่ม มันมีปลั๊กอินบนเซิฟเวอร์อ่ะถ้าจำไม่ผิด เราเขียนขึ้นไปธรรมดานี่ล่ะ พอเรียกผ่านเซิฟเวอร์แล้วมันจะเรียงติดกันเอง

นึกชื่อมันได้แล้วจะมาบอกอีกที

[Ifil2st]

ได้ความรู้มากๆเลยครับ ตอนแรกก็เข้าใจแบบท่าน CreePer 

[hagin]

 
ปูเสื่อรออยากรู้ดวยคนค่ะ

[dekmv]

ให้โหลดเร็วขึ้นครับ 

[fangbif]

ลดขนาด โหลดเร็วขึ้น เราเพิ่งอ่านมาเมื่อวานจาก designil