articles

2013 年 6 月 20 日

CSSハック firefoxも

CATEGORYCSShacks  3:10 AM

前日のIEハックの件で、ちょうどFirefoxもboxモデルあたりが危ういのでハックを入れました。

#articles,x:-moz-any-link, x:default {
width: 60%;
max-width: 1000px;
min-width: 300px;}

2013 年 6 月 20 日

CSS3 filter:blurでぼかし

CATEGORYCSSCSS3  1:28 AM

ドロップシャドウを用いてテキストにボケ表現をするパターンは見ますが、画像そのものをぼかす表現は見たことがなかったのでサンプル作ってみます。

header h1{
 -webkit-filter: blur(0px);
 -webkit-transition: all 0.2s linear;
 /*filter: blur(0px);*/
 /*transition: all 0.6s linear;*/
}

header h1:hover{
 filter: blur(0px);
 -webkit-filter: blur(10px);
}

このブログのことでした。

2013 年 6 月 19 日

IE10 ハック

CATEGORYCSShacks  8:22 PM

このブログは主に自分の備忘録なので、IEに関して何もしてないのです。
さすがに失礼なのとマイクロソフトのせいで恥をかかされるのもイヤなので
IE10限定ということで10行限定でハックを書くことにしました。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 /*IE10 style*/
}

これで3行つかってます。

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 #articles{
  width: 60%;
 }
}

これで5行です。
これ以上はIEに時間を割く気になれません。
IEで見てる人ごめんなさいだけど、そういった方がこういった情報を欲しがるわけもないので大丈夫だと思います。
あとFirefoxの方も多いのですが、すみません。
Fireboxがboxモデルに完全に対応するまでお待ち下さい (今はflexが使えないもようです)

2013 年 6 月 19 日

ボトムズ

CATEGORYCG  2:45 AM

ブログを変えた暁に、CGのアーカイブを作っておこうと思って 昔(2008年)に作ったボトムズをアップしてみました。

votoms

ここからウェザリングしていくつもりのモデルなので つまんないですね。 結局ココ止まりだったんですが・・・

2013 年 6 月 18 日

CSS3 ボックスモデル

CATEGORYCSSCSS3  TAG 1:51 AM

このブログはCSS3に対応していないブラウザでは見れない形にしてあります。
というのも、boxモデルを使っているからです。
floatでの実装は高さを揃えるためにクリアしたりと古臭くて陳腐なのでやめました。

一番簡単な実装

#content{
	display: -webkit-box;
	display: -moz-box;
	margin: 0 0 50px 0;
	border-bottom:1px solid #333;
}
#articles{
	-webkit-box-flex: 1; 
	-moz-box-flex: 1;
	position: relative;
}

2013 年 6 月 18 日

SublimeText2 キーバインド1

CATEGORYSublimeText2  TAG 1:33 AM

SublimeText2のよくつかうというか、設定しておいてつかいこなすといいキーバインド設定方法です。

1つ目はあまり見たこと無いキャレットの前後の文字を入れ替えるコマンドで。ctrl+T
2つ目は、1ラインを削除するコマンドです。マクロを呼び出しているようです。ctrl+D,ctrl+D

[
 { "keys": ["super+t"], "command": "insert_snippet", "args": { "name": "Packages/XML/long-tag.sublime-snippet" } },
 { "keys": ["super+d", "super+d"], "command": "run_macro_file", "args": {"file": "Packages/Default/Delete Line.sublime-macro"} }
]

2回続けて押すタイプはいいですね。
あまりないからかしら。

この記事はページに起こした方が(自分用に)いいと思いました。

2013 年 6 月 17 日

illustrator ウィンドウ定規

CATEGORYIllustrator  11:58 AM

なぜかオブジェクトの座標がアートボード基点になっていない! と悩んでたんですが、(新規ファイルはなってるのに) CS5からはウィンドウ定規とアートボード定規と別れて 知らないうちに変えていたんですね。

skitched-20130619-115729