[B! tips][css] blurblueのブックマーク

実用的なスタイルシートのテクニックのまとめ | コリス

パネルやボタン、タブ、メニューなどのUIエレメントの美しいスタイルをはじめ、ホバー時のエフェクト、レイアウトなど、CSS3を使ったスタイルシートのテクニックを紹介します。 ※CSS3を使っているため、対応ブラウザはIEでは9くらいのものが多いです。7対応もあります。

blurblue 2012/08/28

リンク

[CSS]ネガティブマージンの理解を深め、活用するテクニック集

スタイルシートのmarginで使用する「ネガティブマージン（マイナスマージン）」について理解しておくべきこと、ネガティブマージンを使用したテクニックなどをSmashing Magazineから紹介します。 The Definitive Guide to Using Negative Margins 1. ネガティブマージンの理解 2. ネガティブマージンの使い方 3. ネガティブマージンのテクニック集 4. ネガティブマージンのバグフィックス 5. 終わりに 1. ネガティブマージンの理解スタイルシートを使用する際、必ずといっていいほどマージンを使用するでしょう。しかし、ネガティブマージンになると意見は分かれ、それは悪魔の仕事であると考える人たちもいます。ネガティブマージンをは、例えばこういうのです。

blurblue 2009/07/29

ネガティブマージンまとめ

リンク

lockエラー | 月額200円からのレンタルサーバー JSN

まずは最近知って便利だと思ったCSSの小技をひとつ。文章の最後に、「※（米印）」などで注釈を入れたいときに、CSSのみで行の開始位置を揃えるのにすごくシンプルなやり方がこれ。 .note { padding-left:1em; text-indent:-1em; } <p class=”note”>※米印を使う場合はこいつが便利。<br /> 改行してもこの通り。ちゃんと開始位置が揃ってる。</p> 「padding-left : 1em;」でまず１文字分右に動かして、「text-indent : -1em;」で最初の行だけ１文字分左に出す、ということらしいです。これ考えた人はえらいっすねぇ。他には開始位置を揃えるいわゆる「ぶら下げ」をCSSでやる場合、<div>タグの入れ子を使ってもいいが、<dl><dt><dd>の定義型リストを使うのがおすすめ。Definition Listの略で

blurblue 2007/03/05

リンク

小粋空間: Movable Type - JavaScript アーカイブ

Movable Type に表示する dTree カテゴリーリストに、ブログ記事数を表示するカスタマイズです。このカスタマイズを行なえば、d... [記事ページへ]

blurblue 2007/02/15

リンク

もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife

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

blurblue 2007/01/15

リンク

Web制作メモ

とりあえずHeroku CLI をインストール brew install heroku/brew/heroku 次にコマンドライン上からHerokuにログインします。 heroku login アプリを作成します heroku create herokにプッシュします。 git push heroku master 現在作業しているブランチがmaster出ない場合は以下のコマンドでプッシュします。 git push heroku 現在のブランチ名:master DBのマイグレードを行います heroku run rails db:migrate 以下のコマンドでHerokuで公開されたページを見ることができます heroku open 本来だったらこれでOKなのですがDBのマイグレード時に以下のようなエラーがでてmigrateできない事案と遭遇 LoadError: Error loadi