HTML&CSS inline要素のpaddingを使う場合の注意点
display:inlineに設定された要素にpaddingをつけた場合の注意点です。padding-leftの指定を行っても、行の終端でインライン要素が折り返された場合には、次の行の先頭にはpadding-leftが付きません。
これは...
Tips
HTML&CSS 
Illustrator Illustratorで作成したオブジェクトをPhotoshopで使う
Illustratorで作成したオブジェクトをPhotoshopで使うにはIllustratorで作成したオブジェクトをコピーしてPhotoshopの画像にペーストするだけです。
ペーストする際に次のようなboxが表示されます。
通...
Illustrator Illustrator環境設定〜角度の制限
Illustratorの環境設定から「一般」の中に「角度の制限」は通常「0」になっています。
この値を変更するとテキストを挿入したりオブジェクトを作成した場合に指定した角度になります。
角度の制限を30度にした例
よっ...
HTML&CSS OSXを10.13（macOS High Sierra）にアップデートしてSASSのコンパイルがうまくいかない時の対処法
MAC OS High SierraにアップデートしたらDreamweaverのSASSのコンパイルに失敗するようになりました。
対処方法として下記リンクの通りで動きました。どうやらXCodeコマンドラインツールのアップデートの問題のよう...
JavaScript AngularJSのDirectiveについて（2）
AngularJSのよく使うdirectiveの紹介です。
今回は「ng-if」、「ng-class」、「ng-repeat」、「ng-click」、「ng-cloak」を紹介していますが、他にも便利なdirectiveがありますので公式...
JavaScript AngularJSのDirectiveについて（1）
AngularJSのDirectiveは、HTMLでどのようにDOMを組み立てるか命令するものです。Directiveは例えば「ng-app」のようにHTMLのカスタム属性を使って記述していきます。
ここでは、「ng-model」 デ...
JavaScript AngularJSのインターポレーションについて
インターポレーション（interpolation）とは、書き入れ、書き入れられた語句、補間法などの意味があります。
プログラムにおけるインターポレーションとは文字列補完を行うことで、もっと簡単に言うと変数展開になります。つまりプログラム入...
JavaScript AngularJSにおけるminify化の問題点
minify化（ファイル圧縮）とは、改行や空白、コメントなどを取り除きファイルサイズを削減することです。一般的にはminify化でファイルのダウンロードを高速化するねらいで活用されるものです。
minify化は色々なサイトでそのサービ...
JavaScript Dependency Injection〜依存性の注入
Dependency Injection(依存性の注入）とは関数（コンストラクターを含む）にオブジェクトを渡すことです。
関数の中にオブジェクトを生成するとその関数は生成したオブジェクトに依存してしまい、大規模なプロジェクトの場合コンポー...
PhotoShop Adobe Character Animatorの使い方
Adobe Character Animatorでキャラクターにアニメーションを設定します。
Adobeが用意しているサンプルを自分が作成したキャラクターに入れ替える方法で、できるだけ簡単にとりあえず動けば良いというかなり直感的でかつシン...