-
- 09
- 01
10
- こんにちは。完全に今となっては、Windowsユーザーの穐西です。
MacWinZipper
ホームページをやりだしてからは、Macユーザーではなくなってしまったのですが、
会社のMacユーザーの方が困ったので、メモしておきます。
Macで作った日本語ファイルをWindowsにメールやメール便で送ったとき、
Windows側でファイル名が文字化けしてしまったことも少なくないと思います。
あれって、かなり面倒なんですよね。。。
illustraterにリンクしている画像が全部文字化けしてしまって、全部を一から貼り直さないといけなかったり、Mac側で画像のファイル名を全部半角英数字に打ち直したり。。。(-_-;)
特に、印刷データなどの場合、何十枚もある画像を貼っているわけで、それを考えるだけでも気が遠くなります。
でも、やっぱ調べたら、世の中にはそれを解消するソフトが存在したんです。
ほんと、ありがとうございます。
» 続きを読む
-
- 08
- 16
10
- 最近、運動不足を実感しているタカヤグラフィスの穐西です。
これぞ、国宝『三徳山投入堂』！！
ちょっと動いただけでも、汗が噴出して見た目かっこ悪い。。。
そんな僕ですが、友人のススメで以前から気になっていた国宝『投入堂』を見に行ってきました。
そこに辿りつくまでの道中、ナメてました(T_T)
歩くというより、登るという山道でした！！何度くじけそうになったことか。。。
でも、やっぱそこは友人がいたからこそ、登れました！別に、励ますとかそうゆうのはないのですが、一緒にいるだけで頑張れる！そんな感じです。
道中、ズボンが破れたり、靴底が剥がれたりと、色々問題はありましたが、山頂の『投入堂』を見た瞬間、ブルーな気持ちなど全ての雑念が吹っ飛びました。
途中で引き返さなくて、ほんとうに良かった(>_<)
» 続きを読む
-
- 08
- 10
10
- こんにちは。高校野球が始まりましたね！
jQuery.flickableを使った縦スクロール
高校野球は毎年楽しみに見ているタカヤグラフィスの穐西です。
さて、仕事でよく使う『jQuery』ですが、
縦スクロールのサンプルがないことにショックを受けました(ーー;)
そんなこんなで、自分でサンプルを作りました。
元ネタにさせていただいたのは、『jQuery.flickable』です。
いつもながら、jQueryのカスタマイズは苦労します。
» 続きを読む
前から気になっていた『Fuse Kit』-
- 08
- 03
10
- 毎日暑い日が続いて、アイスが手放せないタカヤグラフィスの穐西です。オッス！
『画像置換』と『JQuery』のバグについて
さて、日々勉強ということで、今回は『CSSの画像置換』と『jQuery』について。
どちらも大好きで、僕のサイト制作には多用させていただいておりますが、
なんとその２つは、ケンカしてしまうようです。。。
こちらがよく使う『画像置換』
↓HTML↓
<ul class="globalNavi2">
<li class="gnavi_home"><a href="#"><img src="img/gnavi2_home.jpg" /></a></li>
<li class="gnavi_css"><a href="#"><img src="img/gnavi2_css.jpg" /></a></li>
<li class="gnavi_html"><a href="#"><img src="img/gnavi2_html.jpg" /></a></li>
<li class="gnavi_blog"><a href="#"><img src="img/gnavi2_blog.jpg" /></a></li>
<li class="gnavi_link"><a href="#"><img src="img/gnavi2_link.jpg" /></a></li>
<li class="gnavi_sitemap"><a href="#"><img src="img/gnavi2_sitemap.jpg" /></a></li>
<li class="gnavi_contact"><a href="#"><img src="img/gnavi2_contact.jpg" /></a></li>
</ul>
↓CSS↓
.globalNavi2 {
width: 970px;
height: 28px;
margin: 0 auto;
text-align: left;
}
.globalNavi2 li {
width: 104px;
height: 28px;
float: left;
}
.globalNavi2 li a {
width: 104px;
height: 28px;
display: block;
}
.globalNavi2 li.gnavi_home {
background: url(../img/gnavi2_home_ov.jpg) top left no-repeat;
}
.globalNavi2 li.gnavi_css {
background: url(../img/gnavi2_css_ov.jpg) top left no-repeat;
}
.globalNavi2 li.gnavi_html {
background: url(../img/gnavi2_html_ov.jpg) top left no-repeat;
}
.globalNavi2 li.gnavi_blog {
background: url(../img/gnavi2_blog_ov.jpg) top left no-repeat;
}
.globalNavi2 li.gnavi_link {
background: url(../img/gnavi2_link_ov.jpg) top left no-repeat;
}
.globalNavi2 li.gnavi_sitemap {
background: url(../img/gnavi2_sitemap_ov.jpg) top left no-repeat;
}
.globalNavi2 li.gnavi_contact {
background: url(../img/gnavi2_contact_ov.jpg) top left no-repeat;
}
.globalNavi2 li a:hover {
background-color:transparent;
}
.globalNavi2 li a:hover img{
visibility:hidden;
}
なのですが、フェードイン＆アウト系のJQueryとのバグが起こってしまうとのこと。
ま、僕の場合は、IE6にしか起こりませんでしたが。。。
そして、今回画像を一枚でbackground-positionでやる方法を初めて試してみました。» 続きを読む
