Web Dev Recent Entries
Here is a note for no transparent image in transparent box element.
<style type="text/css">
<!--
#imageFrame { background-color: rgba(255,255,255,0.7); filter: alpha(opacity=70); }
#imageFrame img { position: relative; }
-->
</div>
<div id="imageFrame">
<img src="example.jpg" />
</div>
"background-color: rgba(255,255,255,0.7);" is for FF3.x, Safari3.x, 4.x.
"filter: alpha(opacity=70)" and "position: relative" of img tag are for IE8.
And only IE6 and IE7 need "background-color: #FFF;" after "background-color: rgba(255,255,255,0.7);", so you have to detect useragent and write css by javascript.
function uacsssw() {
if(navigator.userAgent.match(/MSIE 6/) || navigator.userAgent.match(/MSIE 7/)){
document.write(
'<style type="text/css">'+
'<!--'+
'#imageFrame { background-color: #FFF; }'+
'-->'+
'</style>'
)
}
if(navigator.userAgent.match(/Firefox\/2/)){
document.write(
'<style type="text/css">'+
'<!--'+
'#imageFrame { background-color: #FFF; }'+
'-->'+
'</style>'
)
}
}
You have to insert this function after style definition.
Because FireFox2 can not overwrite transparent tag of outside box element on image object, I gave it up... Please let me know if you know any trick for FF2.
Lightobox2 can't work on area tag as default.
To solve this problem, it needs replace imageLink.rel with Element.readAttribute($(imageLink),"rel") in prototype.js.
Detail:
insert the line below in line 194.
if (!target.rel) target.rel=Element.readAttribute($(target), "rel");
Quote from discussion in Pat &Alex Blogging.
Google mobile lists both PC site and Mobile site in same result list. And its wireless transcoder tries to transcode PC site for mobile device.
To avoid it and redirect to mobile site from the URL in search results, just add a link tag in head tag of PC site.
<link rel="alternate" media="handheld" href="alternate_page.htm" />
Anchor tags which link to the part of its page placed inside of a box element with clearfix collapse top margin of the box element.
You need clear floated objects after the box element.
Anyone knows alternate way of clearfix?
# do not use "clear" on the frame which tagged floated elements, and use clear on the object after the frame.
FireFox ignores the size of Flash if it is set by percent. FireFox renders HTML strictly based on Doctype when Doctype is HTML 4.0, XHTML 1.0 or later version.
I had to code HTML with this type of Flash that other person made, and faced this problem. I didn't know this old issue.
The solution is adding size 100% for parent elements.
<style type="text/css">
<!--
html,body { height: 100%; width: 100%; }
-->
</style>
You also need add elements outside of Flash tags.
You can see a description about this issue on Adobe Developer Connection page.
Gmail is one of the best solution to handle so much flood of mail, but an inconvenience annoys me these days.
The size of the preview thumbnails of the image attachments.
Because I receive many of mail with atattchments including the automatically converted FAX as jpg, I wrote easy greasemonkey script named gmailEnlargePreview to make the thumbnails larger.
Please try if you like this. The script can be get from :
http://userscripts.org/scripts/show/30437
You can also get Japanese entry from :
http://blog.hippo.fm/2008/07/gmail-greasemonkey.html

After installing the latest ImageMagick (6.4.2), an error occured on MovableType image upload interface. The error said "/usr/local/lib/libMagickCore.so.1 Undefined symbol "pthread_equal".
A web source tells it causes because of misconfigure on some version of FreeBSD (I guess 5.x or earlier version. It works fine on my 6.2.)
An easy solution is disable "thread".
Try it on configure process.
# ./configure --without-threads
Sometimes CPAN install fails because of registered site's problem.
You can change the URL by this command.
cpan> o conf urllist push "CPAN URL"
CPAN site list is available on CPAN SITE page.