giraffix
cssの備忘録
一番ラクにフロートクリア→フロートさせてる要素を包んでいるboxに
class=boxを指定する
.box{
padding:20px;
overflow:hidden;
zoom:1;
}
テーブル内での改行(th※見出しを改行させない)
th { white-space:nowrap; }
テーブル内での改行(長い文章のせいで意図しない幅広がりを禁止する)
th { word-break:break-all; }
- Comments: 0
- Trackbacks: 0
webレイアウト編
- Comments: 0
- Trackbacks: 0
UIデザイン/モックアップ/psdセット
- 10:39 AM
- Design | Photoshop | Smartphone | sozai
モックアップ作成用シート集
http://photoshopvip.net/archives/14388
psdデザイン素材と各種GUI
http://photoshopvip.net/archives/16985
- Comments: 0
- Trackbacks: 0
Photoshopで自分に合ったチュートリアル
http://www.webdesignlibrary.jp/2010/06/carbon-fibre-navigation.php
ひとつやらせていただいて目からうろこがばっさばさと落ちたので全部網羅できたら超素敵そう。
時間みつけてっ
- Comments: 0
- Trackbacks: 0
PSショートカットとCSS3のメモ
・コピースタンプツール
「S」
・選択範囲ツール
「M」
※切り替えは「Shift+M」
・選択レイヤーのグループ化
「Ctrl」+「G」
・下のレイヤーと結合
「Ctrl」+「E」
・新規レイヤー作成
「Ctrl」+「Shift」+「N」
■CSS3プロパティ
→角丸
border-radius
-moz-border-radius
-webkit-border-radius
→Box要素へのシャドウ
box-shadow
-moz-box-shadow
-webkit-box-shadow
→要素の透過指定
※opacityは子要素にも反映されちゃうからこっち使う
.clear{background:rgba(255,255,255,0.5)}
※ラスト部分で指定。少なくなるほど透明へ
- Comments: 0
- Trackbacks: 0
Photoshopレイヤーマスク
【選択範囲を作ってから】レイヤーマスクボタンでマスクがかかる。
順番に注意。
作成したレイヤーマスクは白の描写(ブラシなど)でヌケるよ!
視覚的なデザインに使えます。
- Comments: 0
- Trackbacks: 0
Photoshop~基本編~
記憶障害になった時に助けられるまとめ
http://web.kyoto-inet.or.jp/people/hikeda/sfx/index.html
自身の備忘録
パスを好きな形に書いて、ブラシを選択後、境界線を書くを選ぶと思い通りの形にそってブラシを適応させられる
オブジェクトを書いたレイヤーや、なんでもいいのでその形のレイヤーをctrlでつついて選択範囲作成後、新規レイヤー→編集→塗りつぶし→パターンで、パターンの塗りつぶしレイヤーが作れる!
レイヤーマスクを使用したら、それを追加、と考えずにレイヤーマスクのサムネイルをクリック→黒の四角やブラシで描写すれば追加になるのよ!
- Comments: 0
- Trackbacks: 0
無料素材まとめ(作成中)
無料で使うハイクオリティ素材
http://sore.hontonano.jp/index.php
海外版※このヘッダはチュートらしていただく。。
http://dezignus.com/category/psd/
豊富なシルエット素材
- Comments: 0
- Trackbacks: 0
- Feeds
- Meta



