blog.xicolotic

Adobe Creative Cloudのプリペイドコードを現在のアカウントに紐づける

日々、公私ともに非常にお世話になっているAdobe Creative Cloud。
プリペイドコードのセールは度々見かけていたものの、切替えでトラブルがあったら...と思うと不安で手が出せなかったのです。
が、やってみたらサクっと紐付けできましたので備忘録がてら残しておきます。

Adobe Creative Cloud プリペイドコード (※Amazonへリンク)
Adobe Creative Cloud[2015年度版]12か月版 Windows/Mac対応 [オンラインコード]
Adobe Creative Cloud [2015年度版] 12か月版 [ダウンロードカード]

>> 続きを読む

とあるブラウザの text-align 力がちょっと過剰だった時代のお話。

むかーし、むかし。
HTMLの全ての要素がブロックレベル要素とインライン要素に分けられていた頃のお話。

CSSでセンタリングする基本手法としては、今もおなじみのこの2つが使われておった。

  • text-align: center; /* for インライン要素(※包括要素に指定) */
  • margin: 0 auto; /* for ブロック要素 */

ところが、IE5.5(過去互換モードの IE6も)はこうじゃった。

  • text-align: center; /* for インライン要素 & ブロック要素(※共に包括要素に指定) */
  • margin: 0 auto; /* 知らない子ですね */

.wrapper に「margin: 0 auto;」を指定したところで、左寄せのままびくとも動かない。
しかし、その包括要素に「text-align: center;」を指定すれば、これが仕様とばかりにセンタリングされる。

悩みに悩んだエンジニア達が考えついたのは、こんな方法じゃった。

>> 続きを読む

カテゴリ:
CSS

:before、:after 擬似要素で生成した要素をスマートにクリアする。

以前、レスポンシブ案件で「そういやどうすんだ?」って調べたのでメモ。

例えばレスポンシブ案件で、PC版ではフキダシに口があるけど、スマホ版には無いよ、なんて場合。
PC版にはcontent: "";でフキダシ口を生成して表示、
スマホ版ではcontent:normal;を指定し初期化、要素(フキダシ口)の生成がされないようにする。

>> 続きを読む

カテゴリ:
CSS

【色彩検定1級2次】PCCS明度・彩度スケールをちょっと楽して覚える。

そーいや私、色彩検定1級なんて持ってるんでした。コーダーなのに。
で、1級2次の対策で「PCCS明度・彩度スケール」の明度をちょっと楽して覚えたことを思い出したので参考までに書いておきます。(彩度は覚えやすいので割愛)

この表をですね、

→色相
↓トーン
1 2 3 4 5 6 7 8 9 10 11 12
v 4.0 4.5 5.0 5.5 6.0 7.0 7.5 8.0 7.5 7.0 6.0 5.5
b   6.0   6.5   7.5   8.5   7.5   6.5
dp   3.5   4.0   5.0   6.0   5.0   4.0
lt+   7.0   7.5   8.0   8.5   8.0   7.5
sf   6.0   6.5   7.0   7.5   7.0   6.5
d   4.5   5.0   5.5   6.0   5.5   5.0
dk   2.5   3.0   3.5   4.0   3.5   3.0
p+   8.0   8.0   8.5   9.0   8.5   8.0
ltg   7.0   7.0   7.5   7.5   7.5   7.0
g   4.0   4.0   4.5   4.5   4.5   4.0
dkg   2.0   2.0   2.5   2.5   2.5   2.0
→色相
↓トーン
13 14 15 16 17 18 19 20 21 22 23 24
v 5.0 4.5 4.0 4.0 3.5 3.5 3.5 3.5 3.5 3.5 3.5 4.0
b   6.0   5.5   5.0   5.0   5.0   5.5
dp   3.5   3.0   2.5   2.5   2.5   3.0
lt+   7.0   6.5   6.0   6.0   6.0   6.5
sf   6.0   5.5   5.0   5.0   5.0   5.5
d   4.5   4.0   3.5   3.5   3.5   4.0
dk   2.5   2.5   2.0   2.0   2.0   2.5
p+   8.0   8.0   7.5   7.5   7.5   8.0
ltg   7.0   7.0   6.5   6.5   6.5   7.0
g   4.0   4.0   3.5   3.5   3.5   4.0
dkg   2.0   2.0   1.5   1.5   1.5   2.0

こんな図に置き換えて考えます。

ポイントは下記の3つ。

  • 図に書く。
  • 各トーンの最低明度を覚える。
  • 各トーンの最低明度・最高明度の差を覚える。

さて、1つずつみていきますか。

>> 続きを読む

xamppのバーチャルホスト設定の際の覚書(Windows7環境)

絶対パスで管理されたサイトを複数抱えちゃうことってありますよね。

Cドライブ直下にファイル直置きするとか、都度xamppのhtdocsの中身入れ替えたりとか、
そういう昔の私のようなことをしてしまってる方がもしもいたら
xamppでバーチャルホスト設定すると便利ですよというお話。
こんなかんじでアクセスできるようになる。

  • htdocsフォルダ下⇒http://localhost/
  • htdocs/site01フォルダ下⇒http://site01/
参考にさせていただいたのはこちらのblog。
XAMPPでVirtualhostとhostファイル利用して複数サイト管理|Materializing [マテリアライジング]

windows7環境だったが故にちょこっと躓いたので、覚書。
ちなみに、xamppのバージョンは1.7.4です。

>> 続きを読む

Dreamweaver CS5のデザインビュー/コードビューを上下分割に変更

ワイド液晶も大分普及して参りました今日この頃、皆様いかがお過ごしでしょうか。

さて。 Dreamweaver CS5からデザインビュー/コードビューの表示が左右分割になりました。

「うわぁワイド液晶前提か!うちまだ4:3モニタだよ、どうしよう」 そんなあなた。ご安心を。
見慣れた上下分割へ変更できますから。

>> 続きを読む