[操作手順]
→Ctrl＋Nを押す
→新規ドキュメントが開く
[確認環境]
Windows 7 SP1 64bit
Word 2010
月別アーカイブ: 2015年11月
[Excel]エクセルのセルに原稿を改行して入力する方法
[操作手順]
→対象セルをダブルクリックして選択状態にする
→原稿を入力する
→Alt＋Enterを押して改行する
※決定、終了はEnterを押す
[確認環境]
Windows 7 SP1 64bit
Excel 2010
[Mac]Fireworksのテキストツールで既存の原稿を選択、編集、終了する方法
[操作手順]
→Illustratorのツールバーより、「テキストツール」を選択する
→既存の原稿をクリック選択する
→原稿を修正する
→command＋enterを押して決定、終了する
[確認環境]
Mac OS X 10.9 Mavericks
Fireworks CS4 10.0
Fireworksのテキストツールで既存の原稿を選択、編集、終了する方法
[操作手順]
→Illustratorのツールバーより、「テキストツール」を選択する
→既存の原稿をクリック選択する
→原稿を修正する
→Ctrl＋Enterを押して決定、終了する
[確認環境]
Windows 7 SP1 64bit
Fireworks CS3 9.0
[Mac]Illustratorのテキストツールで既存の原稿を選択、編集、終了する方法
[操作手順]
→Illustratorのツールバーより、「文字ツール」を選択する
→既存の原稿をクリック選択する
→原稿を修正する
→command＋enterを押して決定、終了する
[確認環境]
Mac OS X 10.9 Mavericks
Illustrator CS4 14.0
Illustratorのテキストツールで既存の原稿を選択、編集、終了する方法
[操作手順]
→Illustratorのツールバーより、「文字ツール」を選択する
→既存の原稿をクリック選択する
→原稿を修正する
→Ctrl＋Enterを押して決定、終了する
[確認環境]
Windows 7 SP1 64bit
Illustrator CS3 13.0
[Mac]Photoshopのテキストツールで既存の原稿を選択、編集、終了する方法
[操作手順]
→Photoshopのツールバーより、「横書き文字ツール」を選択する
→既存の原稿をクリック選択する
→原稿を修正する
→command＋enterを押して決定、終了する
[確認環境]
Mac OS X 10.9 Mavericks
Photoshop CS4 11.0
Photoshopのテキストツールで既存の原稿を選択、編集、終了する方法
[操作手順]
→Photoshopのツールバーより、「横書き文字ツール」を選択する
→既存の原稿をクリック選択する
→原稿を修正する
→Ctrl＋Enterを押して決定、終了する
[確認環境]
Windows 7 SP1 64bit
Photoshop CS3 10.0
[HTML・CSS]box-shadow（ボックスシャドウ、ドロップシャドウ）の注意点
テーブルのCSSでborder-collapse:collapse;にすると、IE11のみでbox-shadow:が動作しないことに注意する
border-collapse:separate;にすることで解決する。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> </head> <style type="text/css"> <!-- .sampleWrap { width:80%; margin:0 auto; display:table; border-collapse:collapse; background:#FFF; box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); -webkit-box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); -moz-box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); -o-box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); -ms-box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); } .sample { height:300px; display:table-cell; background:#FFF; padding:20px; } --> </style> <body> <div class="sampleWrap"> <div class="sample"> あああ </div> </div> </body> </html> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> </head> <style type="text/css"> <!-- .sampleWrap { width:80%; margin:0 auto; display:table; border-collapse:separate; background:#FFF; box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); -webkit-box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); -moz-box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); -o-box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); -ms-box-shadow: 0 5px 5px -3px rgba(238, 232, 235, 1), 0 -5px 5px -3px rgba(238, 232, 235, 1); } .sample { height:300px; display:table-cell; background:#FFF; padding:20px; } --> </style> <body> <div class="sampleWrap"> <div class="sample"> あああ </div> </div> </body> </html> |
[確認環境]
Windows 7 SP1 64bit
IE 11.0
Google Chrome 46.0.2490.80 m
Firefox 41.0.2
[HTML/CSS]フォントサイズの%指定について
・作業の最後にDreamweaverの一括置換機能を用いてpx指定を%指定に置換する時は、親要素、子要素の%指定のフォントサイズが掛け算で影響することに注意する
・bodyにfont-size:100%;を指定する（IE11、Chrome、Firefoxの基準フォントサイズは16px）
・小数点第一位までとする（小数点第二位切り捨て）
・フォントサイズの%指定は16px基準の相対表を参照する
以下、相対表
8px 50%
9px 56.2%
10px 62.5%
11px 68.7%
12px 75%
13px 81.2%
14px 87.5%
15px 93.7%
16px 100%
17px 106.2%
18px 112.5%
19px 118.7%
20px 125%
21px 131.2%
22px 137.5%
23px 143.7%
24px 150%
25px 156.2%
26px 162.5%
27px 168.7%
28px 175%
29px 181.2%
30px 187.5%
31px 193.7%
32px 200%
33px 206.2%
34px 212.5%
35px 218.7%
36px 225%
37px 231.2%
38px 237.5%
39px 243.7%
40px 250%