HTML&CSS マルチカラムレイアウト 段組の作成〜CSS3
一般的にWebで読みやすい行の長さは、約30文字から45文字前後くらいといわれています。具体的な文字数の根拠は不明ですが、あまり長すぎる行は読みにくい傾向になります。
＊「ブログデザインを考える：１行の字数とWEB幅」に1行の文字数につい...
HTML&CSS 
Tips さくらサーバーの日本語Webフォントを使う方法と本文に対応させる方法
さくらのレンタルサーバでなんとモリサワの日本語Webフォントが使えるサービスが始まりました。
とりあえずはWordPressのプラグインで使えるようになっています。（月間PV2.5万以下が対象ですが、現在（2016/7）のところそれ以上で...
PhotoShop PhotoshopCC（2015.5）選択とマスクのワークスペースを使う
PhotoshopCC（2015.5）の新機能「選択とマスク」を使うと細かい選択作業が軽減されます。
今回は朝顔の写真と青空の写真を「選択とマスク」を使用して合成します。
完成例
元写真（朝顔）
元写真（青空）
...
Illustrator パターンの作成のまとめ〜Photoshop と Illustrator
Photoshop CC（2015.5）とCapture CCを活用してパターン作成
Adobe Capture CCは写真を撮影するだけで、色、形、ブラシ、パターンなどの素材を作成することができます。
スマホなどのモバイルで無料で使用...
PhotoShop Photoshop CC 2015.5の「ゆがみ」を使う
Photoshop CC 2015.5の「ゆがみ」で人物の顔を修正してみたところ、これは優れものです。
あまりにも簡単な操作で良い結果を得ることができます。
画像をPhotoshop CC 2015.5で開いたら、メニューから「フィ...
HTML&CSS Bracketsの使い方
Sublime Text だの Atom だの便利なエディタがほとんど無料で使用できる中、Dreamweaverの存在価値が無くなってきていました。
そんな中突如 Dreamweaver CC 2017(Beta)が姿を現しました。
ど...
Illustrator スターツールがクモヒトデみたいになった場合の対処法〜Illustrator
スターツールには第1半径と第2半径の２つの半径が存在します。
第1半径が星の中心から尖った先までの長さで、第2半径が中心から内側にくびれたところまでの長さです。
command(ctrl)キーを押しながらドラッグすると第2半...
PhotoShop Photoshop で動作がおかしい場合の対処方法〜環境設定ファイルの再作成
Photoshopを使用していて何か不審な動きをするときの対処方法です。
Photoshopを長く使っていると、選択ツールやレタッチを行うときに思わぬ挙動をする場合があります。
例えばコピーツールを使用したときに、うまくコピーがとれずに...
HTML&CSS Google Mapのスクロールを止める方法
Google Map共有機能の「地図を埋め込む」を使って、サイトにMapを表示する場合iframeが使用されます。
簡単に導入することができて便利に使えますのでさまざまなサイトで活用されています。
ところが、ひとつ問題点があります。...
lecture Google Analyticsを使ったABテスト
GoogleAnalyticsでは「ウェブテスト」という機能があります。この機能を使用することでABテストを実施することができます。
「ウェブテスト」という機能を使用すると、ある指定のページを表示させると正規のページとテストパターンのペー...