Human knowledge belongs to the world!
คิดดูนะว่าว่า Yahoo! ลงโฆษณา Browser ของ Microsoft (IE8) ใน Google Adsense อืมมม สมาฉันกันแล้วเหรอ 3 ค่ายนี้ หรือร่วมมือกันฆ่า IE6 โดยเฉพาะ ? ;P
แล้วก็เข้า http://downloads.yahoo.com/th/internetexplorer/
Yahoo ประเทศไทย ลงทุน !!! มาแนวเดียวกับ Google เลยทีเดียว แต่รอบนี้ IE 8 ไม่ใช่ Firefox !
จาก entry หมดเวลา Internet Explorer 6 แล้ว เลิกใช้มันได้แล้ว !!! และจาก Campaign “Say No To IE 6!” จากเว็บ SaveTheDevelopers.org นั้นเค้าให้เอา code ด้านล่างนี้ไปใส่
<script src="http://www.savethedevelopers.org/say.no.to.ie.6.js"></script>แต่ถ้าเว็บใครใช้ jQuery นี่อาจจะไม่ได้ แบบ Theme K2 ของผม วิธีอีกแบบที่สามารถทำได้ และทำงานร่วมกับ jQuery ได้ก็คือใช้ CSS – Conditional comments นั้นเอง โดยกำหนดไว้ว่าถ้า IE ที่ version น้อยกว่า 7 ให้โชว์ตัว popDown นี้ขึ้นมาครับผม
<!--[if lt IE 7]>
<script type="text/javascript" src="path/to/savethedevelopers.js"></script>
< ![endif]-->เสร็จแล้วในไฟล์ savethedevelopers.js ก็ปรับแก้เป็นแบบนี้ครับ
jQuery(document).ready(function(){
var now = new Date();
var time = now.getTime();
var div = document.createElement('a');
var id = 'saynotoie6_div_' + time;
div.setAttribute('id',id);
div.setAttribute('href','http://www.savethedevelopers.org/');
div.setAttribute('target','_blank');
div.style.display = 'block';
div.style.color = '#1d1d1d';
div.style.textAlign = 'left';
div.style.fontFamily = 'Arial';
div.style.fontSize = '11px';
div.style.background = 'url(https://webhost.domain/path/to/savethedevelopers/PopDown.gif)';
div.style.padding = '0';
div.style.position = 'absolute';
div.style.top = '0';
div.style.right = '40px';
div.style.zIndex = '999999';
div.style.width = '330px';
div.style.height = '63px';
div.style.marginTop = '-80px';
div.style.filter = 'alpha(opacity=95)';
document.body.appendChild(div);
var animate = function(){
var myDiv = document.getElementById(id);
var value = parseInt(myDiv.style.marginTop)
myDiv.style.marginTop = value + 1 + 'px';
if(parseInt(myDiv.style.marginTop) < -1){
var timer = setTimeout(animate,30 * 80/Math.abs(value) * .27);
}else{
var timer = setTimeout(hide,25000);
}
}
var hide = function(){
var myDiv = document.getElementById(id);
var value = parseInt(myDiv.style.marginTop)
myDiv.style.marginTop = value - 1 + 'px';
if(parseInt(myDiv.style.marginTop) > -80){
var timer = setTimeout(hide,1.4 * 80/Math.abs(value) * 3.70);
}
}
setTimeout(animate,1000);
});ลองเทียบกับของเก่าเค้าก็ได้นะครับ อันนี้ผมปรับให้โชว์ไว้สัก 25 วินาทีครับผม ส่วนถ้าเอาไปใช้กับ mootools หรือตัวอื่น ๆ ก็เปลี่ยนการ windows.onload เป็นแบบอื่น แทนการใช้ jQuery(document).ready(); ครับ
เรามาร่วมด้วยช่วยกันประกาศครับผม เอาพวกไม่ได้มาตรฐานออกไปจากสังคมสักทีนึงครับผม
พอดีว่าวันนี้ทำ Theme ‘K2’ ให้ support กับ IE 6 ให้มากที่สุด เล่นซะหมดแรงเลย ซึ่ง จริง ๆ K2 มันก็สนับสนุนอยู่แล้ว แต่ว่าบางส่วน และไม่ทั้งหมด ไป ๆ มา ๆ เลยยอมแพ้ ช่างมัน ใครใช้ Internet Explorer 6 เข้ามาก็เจออะไรเหว่ง ๆ หน่อยก็อย่าไปคิดมากแล้วกัน และแนะนำให้ไปใช้ Internet Explorer 7, Firefox 2 หรือ Opera แทนแล้วกันนะ เพราะว่าตัว Internet Explorer 6 นี่มันทำให้คนทำเว็บสูญเสียพลังงานในการทำให้เว็บต้องไปสนับสนุนมันมาก ยิ่งในประเทศไทย ที่ร้อยละ 70 ของเครื่องคอมพิวเตอร์ใช้ Windows เถื่อนนี่ยิ่งเแล้วใหญ่ ส่วนใหญ่มักไม่กล้า upgrade software ต่าง ๆ เนื่องจากกลัวโดย block ไม่ให้ใช้งาน ทำให้พลาดความสามารถใหม่ ๆ ของโลกเทคโนโลยีรุ่นใหม่ ๆ ไปเยอะ ซึ่งเป็นเรื่องที่น่าเสียดายมาก ๆ T_T
แต่อีกอย่างคือเว็บของกระทรวงต่าง ๆ ในไทย รวมถึงพวกเว็บของหน่วยงานราชการต่าง ๆ ยังคงทำเว็บแบบไม่สนใจ web standard เลย ซึ่งเป็นการเลือกปฎิบัติอย่างมาก ยิ่งเว็บ rd.go.th นี่ตอนลงทะเบียน หรือกรอกข้อมูลภาษีนี่ให้ใช้แต่ Internet Explorer 6 เท่านั้น ซึ่งผมก็เซงอย่างรุนแรง ผมว่าคนทำระบบมันไม่มีความสามารถให้รองรับได้หลากหลาย Browser มากกว่า หรือว่ามันขี้เกียจก็ไ่ม่รู้ หรือไม่แน่นะ ความสามาถอาจจะไม่ถึงก็ได้ แต่ดันโดนให้มาทำระบบนี้พอดี -_-‘ อืมมม น่าคิดนะ
Current Campaign
Say No To IE 6!
Our current campaign focuses on assisting users in upgrading their Internet Explorer 6 web browser. This campaign will result in former IE 6 users having a more enjoyable experience on the web while (hopefully) creating a less stressful and complicated environment for web developers by hastening the retirement of an outdated browser.SaveTheDevelopers.org :: Making The Web A Better Place, One Campaign At A Time…
เจ้า IE7 { css2: auto; } นั้นตอนนี้เป็น version ที่ 0.9 (alpha) แล้ว และหยุดพัฒนาตั้งแต่ปี 2005/08/19 โดยหลัก ๆ ที่เอามาใช้เพราะนำมาแก้ไขปัญหา PNG alpha transparency ใน IE5/6 นั้นเอง และ JavaScript ตัวแก้ไขตัวนี้ก็ทำงานได้ดีตลอดมา ผมนำไปใช้กับ Siampod.com และได้ผลดีมาก ๆ แต่เว็บ blog ตัวเองก็ยังไม่ได้ใส่มัน -_-‘ เดี่ยวใส่วันสองวันนี้แหละ เริ่มวาง ๆ แล้ว ;)
IE7 is a JavaScript library to make IE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6.
- supports the following CSS selectors:
- namespace|selector
- parent > child
- adjacent + sibling
- adjacent ~ sibling
- [attr], [attr="value"], [attr~="value"] etc
- .multiple.classes (fixes bug)
- :hover, :active, :focus (for all elements)
- :first-child, :last-child, only-child, nth-child, nth-last-child
- :check, :disabled, :enabled
- :root, :empty, :contains(), :not()
- :before/:after/content:
- :lang()
- works with both HTML and XML documents
- supports imported style sheets
- preserves the cascade of the style sheet
- does not alter the document structure
- does not repeatedly query the DOM tree using JavaScript
- uses pure CSS to enforce style sheet rules
- supports the W3C box model in both standards and quirks mode
- supports fixed positioning (flicker free)
- supports overflow:visible
- supports min/max-width/height
- fixes broken (X)HTML elements (abbr, object)
- standardies forms behavior
- supports PNG alpha transparency
- lightweight script (22K)
- completely modular (add/remove fixes)
- works for Microsoft Internet Explorer 5+ (Windows only)
[Update 11/11/2007 1:38am]
นั่งแก้ มันทำไมใช้ไม่ได้ก็ไม่รู้ พอหา ๆ ใน Google เจอคนมีปัญหาแบบเดียวกัน แต่สรุปได้ว่า เพราะใช้ Themes K2 นี่เอง T_T คนใช้ IE 6 ก็เศร้ากันไปนะครับ อันนี้ช่วยไม่ได้ ฮา ….
มีคนถามมาว่าใช้อะไรทดสอบเว็บบ้าง สำหรับผมก็มีเท่านี้แหละ
รวมแล้วก็ 5 ตัว เวลาส่งงานจะได้สบายใจ และ user ของเว็บที่เราส่งงานไปเค้าจะได้ไม่ด่าเราตอนหลังว่าทำเว็บห่วย ๆ ไม่รองรับ web browser ที่เค้าใช้ ;)
จริง ๆ ยังมี Tools อีกหลายตัวที่เอาไว้ทดสอบเพิ่มเติมอย่าง The Proxomitron สำหรับลอง Monitor packet ของ HTTP หรือพวก Firebug เอาไว้ดูพวก error ในเว็บ (เป็น Extension ของ Firefox) เดี่ยวไว้ว่าง ๆ จะเอา review ครับ (จริง ๆ มีเว็บที่เค้า review อยู่หลายเว็บนา …… ลองหาก่อนก็ได้ หุๆๆ )