サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
衆院選
www.welinadesign.com
アンチテキスト飛ばしのための、マウスイベントボタン実装Tipsです。 これでわざわざCSSにa:overなど書かなくて済みます。ボタン画像の制作も楽々！ 前回の記事にも書きましたが、「テキスト飛ばし」や「画像置換」がNGとなりつつあり、ナビゲーションメニューのマウスオーバーイベントをCSSで実装しづらくなりました。 まず下記のソースをご覧ください。 <ul id="nav"> <li class="nav01"><a href="hoge.html" title="hogeへのリンク">hoge</a></li> </ul> たとえば、上記のようなHTML構造のナビゲーションを、ボタン画像にしたい場合に大抵の場合、通常時画像とオーバー時画像をマージした１枚画像を用意し、下記のようなCSSでテキストを飛ばして、ボタン画像を背景として配置しますよね。 ul#nav li.na
WEBサイトを作るうえで、誰もが悩むコーディング作業の恐怖。 ブラウザ毎の解釈の違いが生み出す、意図しない表示の数々。 増えすぎたブラウザの種類。今現在、私が知っているブラウザだけでも多数あります。 Firefox Internet Explorer Series Netscape Series Opera Google Chrome Safari Flock Sleipnir その差異を補うべく、今現在も更新されているreset.cssのお話。 まず、reset.cssをご存知でない方のために、簡単に説明すると・・・。 コーディングの際、必ず行うであろう「ブラウザチェック」ですが、この作業で起こる「フォントの表示が違う」だとか「1pxずれた」だったり、「隙間が空いた」などなど・・・。これはブラウザによって、コアが違うために起こってしまう問題なのですが、この現
以前ご紹介した特製リセットCSS「Poisona」をバージョンアップしました。 制作作業をするなかで色々と問題が発覚したため、多数修正を施しました。 Poisonaを使用してくださっている方がいたら申し訳ないので、修正を施したバージョンのPoisonaを公開させていただきます。 +Sourceをクリックして展開してください @charset "utf-8" /* ==================================================== Poisona Version 2.11 2.11からの変更点 - センタリング時の背景1pxずれに対応 2.10からの変更点 - IE用テーブルセルのフォントリセットを追記 2.00からの変更点 - clearfixのbottom marginをfix - 日本語フォントが入っていない環境（英語版など
先日、使っていたメインPCのHDDがクラッシュしてしまい 全てのデータが召されてしまいました。 リリースしたいのは山々なのですが、仕事のデータなど全てが無かった事になってしまったので もちろんDuoなどVisualStyleのリソースファイルも無い状況です。。。 この際だからと購入したPCは、Vista専用でXPにダウングレード出来ないというオチが。 モチベーション下がるわ、仕事の対応で多忙だわな状況なので VisualStyleの制作は、ペンディングとさせていただきます。 敬遠していたVistaも、スペックさえよければ都だったので 機が向いたらVista用のVSを作るかもしれません。 自分勝手でスミマセンが。 元々、自分が使うために制作していたという経緯があるので、そこは許してください。 そして。 またもややられましたね。http://ahlberg.deviantart.
このページを最初にブックマークしてみませんか？
『Welina Design Studio』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
