Introduction Creating buttons is something every web designer deals with, usually on a very regular basis. It can be one of those tasks that becomes tedious and repetitive but with a few tricks you can make pleasing looking buttons that also give the visitor useful feedback and navigational consistency. In this article I’ll be talking about buttons with 3 states - normal, hover, and pressed - and

TOP  >  WebDesign  >  クロスブラウザの為のCSSテクニック集「15+ techniques and tools for cross browser CSS coding」 IE、Firefox、safariなどを始めとして様々なブラウザがリリースされていて、制作者サイドにはブラウザ間の差異を極力少なくすると言うのは使命の一つだと思いますが、構成によってはなかなか難しく手こずったりする場合があります。今日紹介する「15+ techniques and tools for cross browser CSS coding」はクロスブラウザの為のCSSテクニックを集めたエントリーです。 CSSをリセットする方法からIE用のCSSを読み込ます方法等々、様々なCSSのテクニックが紹介されていますが、今日はその中からいくつか気になったモノをピックアップして紹介したいと思います。

動画・画像・音楽・ブログパーツなどに関連した無料便利ツール・webサービス、ニュース、ネタを紹介します。

ドットインストール代表のライフハックブログ

みなさんご存じの通り、タバコというものは本当にクソ以下の存在です。 嫌煙家の方々からは文字通り煙たがれ、臭いと言われ、無駄だの、バカカス死ねだの、私も本当にそう思います。 なのにバカバカとアホみたいな顔して煙を吸い吸い、無くなりゃ虚ろな顔でコンビニまっしぐらのゾンビとなり、嗚呼、なにをやっているんだ俺はと。 なのでタバコをやめる事にしました。 まず普通に禁煙してみた とりあえず我慢してみようということでタバコを我慢してみました。 コレが本当にキツイ。 発狂寸前のタバコゾンビは仕事もままならなくなりもうコレはダメだと。 我慢とかいやなんですよ本当に。ガムとか意味ないでしょ。 もう医学の力でなんとかするしかないですねコレは。 いざ禁煙外来へ 行ったとこ 大きな地図で見る ブリンクマン指数が200以上である この指数が200以上じゃないと保険が効かないそうです。 調べてから行きましょう。ちなみに

実際の作業に入る前に、基本的なことをやっておきます。 作業ミスや混乱などを避けるためにもまずは基本です。しっかりと見に付けておきましょう。 以下の事について触れるので、理解している方は次のエントリーにお進み下さい。 CSSの記述の仕方 セミコロンについて 大文字と小文字の区別について class名やid名で使用できる文字 コメントアウトについて CSSの記述の仕方 セレクタ { プロパティ:値 } セレクタってのは、スタイルを適用する対象で、bodyとかh1、p、ulなどです。 id名やclass名なども。 プロパティは、そのセレクタにどのようなスタイルを指定するかです。 marginやpadding、borderなど。 値は、指定したプロパティにどんな値を適用するかで、color:red;の太字のredの部分です。 コレで文字の色を赤にするという値を指定してます。 CSSの書式の統一に関

いろいろと窮屈そうに生きているあの人のために、 今は少し気楽に生きている自分のロジックを思いつくままにアウトプットしてみようと思った。 偉そうに見えても、笑って許して。 「ちょっと」を毎日。 現状を変える一発逆転があると思うかもしれないけど、どうやら近道はないみたいです。 毎日少しずつ、少しずつ努力を積み重ねるしかない。まったく人生ってやつは。まったく。 毎日努力している人にはどんな天才も絶対に及ばない。断言していいです。 大事なのは毎日（毎日じゃなくてもいいんだけど、常日頃）続けること。 とにかく結果を焦らない。落ち着けって。 今日の努力が実を結ぶのは、だいたい1年後。のんびり行くしかないですよ。 ちょっとだけやる。「ちょっと」が超大事。 ダイエットしようと思って、いきなり5キロ走るから辛くなる。初日は着替えて玄関出るところで終了。 だけど、やろうと思ったらその日のうちにやる。絶対やる。

idとclassの違いと使い分け！スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか？ この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回

class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

先日の「ブログデザイン勉強会」からしばらく経ちましたが、サイドバーもちょこちょこ再びいじったりしてまして、これで漸く完全リニューアル完了かなぁと思っています。 だいぶ印象変わったかなぁ。ちょっと白ベースが増えた感も否めませんが、まぁコレはコレでありかなと。 で、今回はそのサイドバーを改変する際に知ったCSSのちょっとした小技をメモ。 元々うちの場合、特定のli要素に対してテキストの下に罫線を表示させていたんですが、ここをちょっとゴニョゴニョすると、最後のli要素の下に表示される罫線が消せるというやつです。 この方法、全然知らなくて、今回初めて使いました。なので自分用メモ。 これがコレまでの場合。この場合のCSSは、 li { padding: 0px 0px 5px 0px; list-style: none; background: url(line.gif) bottom repeat

CSS（スタイルシート）でbodyに設定しておくと便利な5つのポイント - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記を読んで、ボクなりな最初に指定して置くと良いポイントを上げたくなったので書いちゃいます。 むしろこのサイトの方向性的に有った方が便利だよなーと。 書くきっかけを頂き、感謝いたします。 ちなみに、最初に指定しておくポイントってそれぞれだと思うので、一つの参考として読んでいただければ幸いです。 最初にbodyに指定しておくと便利だと思う3つを。 body { background:#FFF url(../img/share/bg.gif) no-repeat left top; font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size:80%; } じゃあ、詳細について色々書