จะทำยังไงเมื่อทำงานหลายคน (หรือหลายคู่) แล้วมักเจออาการ build ไม่ผ่านเวลาเรา Pull มาใหม่จาก repository

อันดับแรก ต้องมี 1 เครื่องเป็นส่วนกลางเอาไว้ Build แล้วก็มีตุ๊กตุ่นอะไรก็ได้ 1 ตัวเป็นตัวช่วย

จากนั้นให้ปฏิบัติตามกฎเหล่านี้อย่างเคร่งครัด


เมื่อต้องการ Pull จาก repository

1. ดูที่เครื่องส่วนกลางว่ามีตุ๊กตุ่นวางอยู่ไหม ถ้าไม่อยู่ แปลว่ามีคนอื่นกำลัง Push โปรแกรมส่วนที่ยังไม่แน่ใจว่าจะเจ๊งไหมอยู่ ให้รอ
   
2. เมื่อตุ๊กตุ่นวางอยู่ Pull จาก repository ระหว่างนี้ใครจะ Pull ด้วยก็ไม่ว่ากัน แต่ ห้ามใครเอาตุ๊กตุ่นไปเด็ดขาด
   
   

1. Pull จาก repository (ใช้วิธีข้างบน) จากนั้น build+test ให้ผ่าน (ถ้าไม่ผ่านก็แก้จนกว่าจะผ่าน)
2. ไปหยิบตุ๊กตุ่นมาไว้ที่ตัวเอง แล้วก็ Push
3. ไปที่เครื่องกลางแล้วก็ Pull ที่เครื่องกลาง แล้วก็ build+test ให้ผ่าน


4. วางตุ๊กตุ่นไว้ที่เครื่องกลางตามเดิม

• ห้ามวางตุ๊กตุ่น ยังไงก็ต้องแก้ code ให้ build+test ผ่านให้ได้
  
• ง่ายที่สุดก็คือยอมแพ้แล้วก็ Revert ไปซะ


• หรือ ถ้าไม่มีใครรอตุ๊กตุ่นอยู่ก็กลับไปแก้ที่เครื่องตัวเอง (เอาตุ๊กตุ่นไปด้วย) แล้วก็ Push มาใหม่
• อย่าไปแก้ code ที่เครื่องกลาง ส่วนใหญ่ที่ build ไม่ผ่านบนเครื่องกลางแต่ build ผ่านบนเครื่องเรามักจะเป็นเพราะมีไฟล์ใหม่แล้วเราลืม Add หรือลืมลบไฟล์บางตัว ให้ไปแก้ตรงนั้น
  
  

แปล+ผสมโรงมาจาก The Art of Agile Development, Apress 2008

facebook ปรับหน้าตาใหม่นิดหน่อย พาเอาปวดตา เพราะ font บางจุดเช่นใน post ของแต่ละคนที่อยู่ใน feed จะเป็นขนาดเล็ก (11px) ซึ่งถ้าเป็นภาษาอังกฤษก็ยังโอเค แต่ภาษาไทย 11 px มันเล็กไป ไม่ได้มาตรฐานชายไทย

เล่นเอาปวดตา

ไม่พูดพล่ามทำเพลง วันนี้จะมาสอนเรื่องการปรับหน้าตา facebook ใน firefox ให้ font มันใหญ่ขึ้นครับ

ก่อนอื่น สร้างไฟล์ css ชื่อ userContent.css ขึ้นมาครับ
โดยเนื้อหาของไฟล์มีดังนี้

@-moz-document domain(facebook.com) {
 .uiStream .actorName,.uiStream .uiStreamMessage .messageBody {
  font-size: 13px;
 }
}

ถ้าทำไม่เป็น ก็ดาวโหลดเอา ตรงนี้ คลิก

จากนั้นได้ฟายเอ๊ยไฟล์แล้ว ก็เอาไปใส่ไว้ใน Firefox profile directory ครับ
อยู่ไหน? ไปที่ Help > Troubleshooting Information ครับ จะเห็น ปุ่ม Open Containing Folder ครับ กดโลด
กดเข้าไปแล้วให้เข้าไปใน folder ชื่อ chrome ครับ (จริงๆ ไม่ได้โม้) เอาไฟล์ของเราไปใส่ไว้ตรงนี้ แล้วก็ restart Firefox ครับ

font ก็จะกลายเป็น 13px ครับ ถ้าใครเข้าใจ css ก็ลองแก้นู่นแก้นี่ในไฟล์ได้ครับ

อันนี้สำหรับ firefox เท่านั้น browser อื่นๆก็น่าจะทำได้เช่นกัน ลอง search หา custom css ตามด้วยชื่อ browser ดูครับ

เพราะ facebook เปลี่ยนแปลงบ่อย พรุ่งนี้ css นี้อาจใช้ไม่ได้แล้ว ก็ให้ไปแก้เอานะครับ สงสัยก็กริ๊งกร๊างมา

เพิ่มเติม ขำๆ :

@-moz-document domain(google.co.th) {
 #logo {
  background: 
url("http://profile.ak.fbcdn.net/hprofile-ak-snc4/hs468.snc4/49310_687080324_2590281_n.jpg") 
no-repeat scroll 0 0 transparent !important;
  width : 162px !important;
  height : 257px !important
 }
}

how can you do that?

เยี่ยมมากเลยครับพี่น้อง ใช้ javascript วาด/animate vector graphic ได้แล้วครับ

อันดับแรกใส่ไฟล์เหล่านี้ไว้ที่ head:

<script type="text/javascript" src="javascripts/jquery-1.4.2.min.js">
</script>
<script type="text/javascript" src="javascripts/raphael-min.js">
</script>
<script type="text/javascript" src="javascripts/letters.js">
</script>

$(function() {
    var r = Raphael("holder", 500, 500),
    discattr = {
        fill: "#fff", 
        stroke: "none"
    };
    function reset()
    {
        r.clear();
        var workText = "WORK";
        var xPositions = [55,175,280,380]
        for (var i = 0; i < workText.length; i++)
        {
           var key = workText[i];
           r.path(letters[key]).attr({
               fill: "#fff", 
               stroke: "#fff", 
               "fill-opacity": .3, 
               "stroke-width": 1, 
               "stroke-linecap": "round", 
                translation: xPositions[i]+" 50"
           });  
        }

        var theText = "สุดๆ";
        var colors = ["#f00","#0f0","#00f","#ff0"];
        for (i = 0; i < theText.length; i++)
        {
            var letter = r.path('M441.729,279.046c0').attr({
                fill: colors[i] , 
                stroke: "#fff", 
                "fill-opacity": 1, 
                "stroke-width": 1, 
                "stroke-linecap": "round"
            });  
            key = theText[i];
            if (key && key in letters) {
                letter.animate({
                    path: letters[key]
                    }, 1000);
            }

        }

        var btn= r.text(410, 450, "Again? click!").attr({
            fill: "#fff", 
            "font-size": 16
        });
        btn.mouseover(function (event) {
            this.attr({cursor: "pointer",fill: "red"});
        });
        btn.mouseout(function (event) {
            this.attr({fill: "#fff"});
        });
        btn.click(function (event) {
            reset();
        });

    }

    reset();
});

<div style="background: none repeat scroll 0% 0% rgb(0, 0, 0); 
width: 500px; height: 500px; float: left;" id="holder">
</div>

ปุ่ม “Like” ข้างบน (แบบ standard) นี้เกิดจาก script:

ถ้าจะทำแบบข้างบนนี้ (แบบ button count) ใช้:

//... script ข้างบนเหมือนเดิม ...

layout=”box_count”>

สุดท้าย (แบบ box count):

//... script ข้างบนเหมือนเดิม ...

เพิ่มเติม!!!!!
ใน IE จะไม่ขึ้นครับ ... เวร …

ต้องใส่

xmlns:fb="http://www.facebook.com/2008/fbml"

ที่ tag html บนสุดครับ แบบนี้:

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://www.facebook.com/2008/fbml">

ห่างหายไปนาน วันนี้เอา jQuery UI plugin ตัวนึงมาแก้ๆเล็กน้อย เพราะต้องใช้เอง แล้วไป google ดูไม่มีใครทำไว้
สิ่งนั้นคือ Datepicker ที่แสดงผลเป็น พ.ศ. ได้นั่นเองครับ

read more