PhotoShop

Mac Retina ディスプレイでPhotoshopの作業を行う時に解像度を変更する方法

最近のMacBook ProなどはRetina ディスプレイが標準になってきています。Retina ディスプレイでは解像度が驚くほど高くなっていることが売りです。 そしてこれまたRetina対応したPhotoshop(CS6から対応)で画...
HTML&CSS

CSS3でフィルター効果をつける

フィルター効果は本来SVGのグラフィック効果として実装されました。しかし、フィルター効果はCSSからも利用することができます。 CSSでフィルター効果をつけるのは非常に簡単な上にその効果も大きくPhotoshopなどでの一手間を省けるかも...
PhotoShop

Photoshopで作成した複数のシェープのパスをつなげる方法〜PhotoshopCC2017

Photoshopでシェープを作成した後に複数のシェープのパスをつなげることができます。PhotoshopにもIllustratorのパスファインダーのような仕組みが用意されています。 複数のシェープを作成するとその数だけレイヤーがで...
jQuery

animate()の使い方〜jQuery

animateの指定は2つの方法があります。 まず、一つ目の方法は入門書などで紹介されている記述方法で以下のものです。 animate(params, , , ) sample1 html css ...
jQuery

animate()メソッドのプロパティの値に「toggle」キーワードを使うと便利〜jQuery

jQueryでスライドして表示非表示を切り替えるにはslideDown()やslideUp(),あるいはslideToggle()などのメソッドを使用することで簡単に実現できます。簡単で便利ですから頻繁に活用されるものと思われますが横方向に...
Illustrator

Illustratorのカラー設定

Illustratorのファイルを渡されて、カラーピッカーを使って塗りや線の色の設定を行おうとしても色が着かない場合があります。 ドキュメントのカラーモードでRGBを選択しているにも関わらずカラーピッカーで選択した色にならずにグレーになっ...
lecture

バージョン管理付きNode.jsの導入方法〜Mac用

フロントエンドの開発ではNode.jsが必須になってきます。 今回はNode.jsの導入方法についての解説です。 Node.jsを導入する際に注意することは本家からダウンロードしたものをインストールするのではなく、nodeblewを...
PhotoShop

Photoshop 文字パネルの初期化

Photoshopの「文字ツール」で入力したテキストのトラッキングや垂直比率などを変更すると、次回また文字ツールを使用した場合に前回設定したトラッキングの値がそのまま適用されてしまいます。 テキストを入力したら基本的には文字ツールで細かく...
HTML&CSS

[HTML5.1] tfootの使い方が変わっています。

テーブルの構造化を行うタグ「tfoot」の使い方がHTML5.1で変更になりました。 「tfoot」は「thead」「tbody」の後に使用する事となっています。 HTML4.01時代は「thead」「tfoot」「tbody」の順...
HTML&CSS

HTML5.1勧告でh1の使い方に変更〜アウトラインの作成

2016年11月にHTML5.1の勧告ではセクショニング・コンテンツ内であっても適切なランクの「heading」を使用する事とされています。 HTML5から「h1」の使い方が大きく変更されていました。 セクショニングタグの新規登場に...
スポンサーリンク
タイトルとURLをコピーしました