Posts tagged firefox

แนะนำ firefox extension เจ๋งๆ

วันนี้เราก็มี tool ที่ใช้แล้วรู้สึกเวิร์ค จะมาแนะนำกัน เป็น firefox extension ใช้สำหรับ Browser firefox นั่นเอง ตัวแรกเป็น

View source chart

เมื่อเราลง addon ตัวนี้แล้ว เราจะสามารถคลิกขวาที่หน้าเว็บ แล้วเลือกคำว่า view source chart เราก็จะสามารถ ดูซอร์ส โค้ด ของหน้าเว็บ ได้อย่าง advance มากขึ้น โดยจะมีการแบ่ง เป็น สี และ ครอบ object แต่ละก้อนให้เราดูอย่างชัดเจน

ตัวอย่าง

view source chart

ดาวน์โหลด ตัว addon นี้ ได้ที่นี่ View source chart

Fire shot

เป็นตัวที่ สำหรับ capture หน้าเว็บ เหมาะกับคนที่ทำงาน ควบคุมการ ทำหน้าเว็บให้เป็นไปตามดีไซน์ เมื่อมีการผิดพลาด เราก็จะ capture หน้าเว็บ แล้วทำเครื่องหมาย วง หรือ ลุกศร ชี้ไป และพิมพ์ข้อความส่งกลับไปบอกคนทำ html ? addon ตัวนี้ จะทำให้งานตรงนี้ง่ายขึ้นมาก
เพราะจะมี เครื่องมือให้เราวงล้อมกรอบส่วนที่ต้องการจะใส่คอมเม้น พร้อมหมายเลข 1, 2 ,3 เพื่อบอกจำนวนตำแหน่ง และให้เราใส่คอมเม้น ได้ ในคลิก เดียว หรือจะ เปลี่ยนจากการล้อมรอบ เป็นลูกศรชี้ก็มีให้เลือก

ตัวอย่าง

fire shot

แต่ว่าตัวนี้ จะต้องใช้กับ firefox เวอชั่น 2.0 เป็นต้นไป นะครับ ดาวน์โหลด ได้ที่นี่ fire shot?

ผมเคยแนะนำตัว Addon ไปหลายตัวเหมือนกันทั้ง web developer tool bar,? firebug เพื่อนๆ มี addon ตัวไหน ที่ใช้อยู่ ใช้แล้วดี ใช้แล้วมันส์ ก้แนะนำกันมาได้ในคอมเม้น เลยนะครับ บรรยายสักหน่อย ใส่ลิ้งค์มาเลย

Related Articles

Share
Categories: Web tools
Tags:

การจัดการกับความสูง

สำหรับคนที่ได้ลองเขียน css ด้วยตัวเองมาบ้างแล้ว ก็คงพอจะทราบว่า แท้จริงแล้ว หน้าเว็บก็ไม่ได้มีอะไรมากไปกว่าการทำกล่องและใส่ margin padding ซึ่งก็คือ การจัดตำแหน่งการแสดงผลของหน้าเว็บเพจ โดยใช้โค้ดที่แยกออกจากส่วน โครงสร้าง HTML เท่านั้นเอง แต่ภายใต้การกระทำที่แสนจะพื้นฐาน กลับมีเทคนิคมากมาย เพราะเบราเซอร์ที่มีในโลกนี้ ไม่ได้ทำงานไปในทิศทางเดียวกัน หากเขียน css ให้เว็บเพจดูได้สมบูรณ์ที่ เบราเซอร์เดียวแล้วละก็ เราจะไม่ต้องมีเทคนิคอะไรเลยก็ทำได้ง่ายแสนง่าย? ดังนั้นเมื่อเริ่มเขียน css สิ่งที่ควรจะระลึกไว้เสมอคือ?ถ้าต้องการให้เว็บดูได้สมบูรณ์ที่ หลายๆเบราเซอร์ อย่าใช้โค้ดใหม่ (css2 , css3) หรือโค้ดเทพต่างๆให้มากนัก เพราะคุณจะประสบปัญหาการแสดงผลอย่างแน่นอน แล้วจะต้องมานั่ง hack กันให้เสียเวลา??พยายาม keep simple เข้าไว้ หรือถ้าคุณไม่แคร์ และคิดว่า จะให้เว็บดูสุดยอดที่ firefox เท่านั้น นั่นก็อีกเรื่อง ใส่กันเข้าไปให้เต็มที่ ตามใจอยาก

เข้าเรื่องที่จะพูดถึงกัน เว็บเพจโดยทั่วไปแล้ว มักจะถูกกำหนดความกว้าง (width) เป็นค่าอย่างใดอย่างหนึ่ง อาจเป็น pixel หรือ เปอร์เซ็นต์ เพราะเราไม่ต้องการให้มีการยืดที่ด้านข้าง แต่เว็บเราเลื่อนลงข้างล่าง ความสูง(height) จึงมักจะเป็นตัวแปรตาม คือไม่กำหนดค่า แล้วแต่ว่า เนื้อหาภายในมีมากน้อยเพียงใด เรามาดูว่า ปัญหาของค่า height นั้นมีอะไรบ้าง

Read more…

Related Articles

ชีวิตง่ายขึ้นด้วย Fire bug

กลายเป็น ของจำเป็น และต้องใช้ไปซะแล้ว สำหรับ add-ons? Firefox ตัวนี้? Fire bug หลังจากที่บริษัทผมได้ให้ทีม production ที่ทำ css กว่า 60 คน เปลี่ยนการใช้ตัวมาตรฐานในการเทส css จาก IE6 มาเป็น Firefoe 1.5 เพราะว่า ถ้าดูได้สมบูรณ์ที่ Fx1.5 เบราเซอร์อื่นๆส่วนใหญ่มักจะเหมือนกัน ทำให้ลดเวลาการแก้ไขลงไปได้

Fire bug ใช้ทำไรได้มั่ง เค้าบอกว่า “You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page…” ใช้ แก้ css แบบเห็นๆกันสดๆ บนเบราเซอร์กันไปเลย? ไม่ต้องแก้ไฟล์ css แล้ว อัพขึ้น server แล้ว รีเฟรช ค่อยเห็นผล บางทีแก้นิดๆหน่อย อัพไปอัพมา เสียเวลามาก แล้วมันดีกว่า web developer tool bar ยังไง? Read more…

Related Articles