役立つサイトを紹介するよ

そういえばHTMLで設定した画像にはalt=""で代替テキストを設定できるけど、
HTMLで画像を設定せずに、CSSの背景画像で設定した場合は？？

と思って調べてみた。

title="" はHTMLでもCSSでも使える。
alt=""はHTMLのみでしか使えない。

「代替テキスト表示」が目的であれば解決するための内容はありません。
引用元：小粋空間: CSS の background 画像にツールチップを表示するテクニック

CSSで設定しておけば画像のサイズを変更したいときに簡単だけど、
SEOを重視するならaltがつけられるHTMLで設定すべきなのかな？

でも、「構造はHTML、見た目はCSSで！！」ってよく聞くし、
画像だけHTMLで見た目設定するっておかしいような…。

dreamweaver（CS6）でbox-shadowをコードし、プレビュー画面を更新しても変化なし。

「あれ、コードがおかしいのか？」と思って確認してもおかしな所がわからず、

ブラウザで確認するとちゃんとbox-shadowがついてる！

どうやら、dreamweaverはbox-shdowをコードしようとすると入力アシストをするが、いざ入力したら表示はできないらしい。

領域に影をつける CSS プロパティは、"box-shadow" です。しかし、Dreamweaver CS5.5 のライブビューが使用するWebkit では、このプロパティがサポートされず、パネルで設定しても表示確認できません。
引用元：試してみよう！Dreamweaver CS5.5 Vol.03 試してみよう Dreamweaver CS5.5： CSS スタイルパネルを使って角丸影付きリンクボタンを制作しよう - Adobe HTML5 特設サイト

まるで、その気にさせといて告白したらフラれるみたいなややこしい女みたいだ。

ソーシャルブックマークをまとめて設置できる忍者おまとめボタンが便利です。

よくあるまとめボタンと違うのは、自分が設置したいソーシャルブックマークを簡単に選べること。

もちろんメールやRSSへの登録も可能です。

こんな感じ


ただ１つ問題点が！

それは、忍者おまとめボタンをセンターに配置するのが難しいことです。

<center></center>で囲もうが、<div align="center"></div>を使おうがセンターになりません。

CSSでmargin: 0 auto; でもこいつはセンターになりません。


が、なんとかする方法を見つけました。

それは、CSSでwidth: 200px; と　margin: 0 auto; 　を使用することです！

具体的にはCSSに

.ninja_onebutton {

width: 200px;
margin: 0 auto;
}

と書くとうまくいくはずです。200pxの値は状況に応じて変えてみてください。

 
キャプテン翼～つくろうドリームチームというソーシャルゲームをやっているんですが、カードの種類が多すぎて理解不能だったので理解しやすいように整理しました。

1、キャラによる能力差（横断的） 翼君は強いけど森崎君は雑魚
２、年代による能力差（縦断的） 中学校よりワールドユースの方が強い
３、色分けによる能力差（MAX成長レベルの差） ドリーム＞プラチナ＞ゴールド＞シルバー 

この３要素でカードの強さが決まる。


＜例題＞
 ゴールド以上のガチャが引ける場合
３の基準は高いが１と２が決まっていないので、それがどうなるかによって強いカードが弱いカードかが決まる。 

ゴールド以上選抜確定のガチャが引ける場合
３と２の基準は高いが１がきまってないので、それがどうなるかによって強いカードが弱いカードかが決まる。


まとめwikiも複雑すぎてわかりにくいよなぁ。
キャプテン翼～つくろうドリームチーム～統合wiki

 dreamweaverCS6を初めて起動させるといきなり日本語が文字化け！

なんじゃこりゃあああ、全然日本語対応してへんやんけ！！とツッコんで対応をしらべました。












1. 編集＞環境設定＞フォントでMSゴシックがデフォルトになっているのが原因

2.そこで、「プロポーショナルフォント」と「コードビュー」の2箇所をArial　Unicode MSに変更（真ん中はそのままでOK）

これで正常に日本語が表示されるようになりました。













糞高いソフトなのにデフォルトで文字化けしてるってどういうことやねん・・・。