PhotoShop Mac Retina ディスプレイでPhotoshopの作業を行う時に解像度を変更する方法 最近のMacBook ProなどはRetina ディスプレイが標準になってきています。Retina ディスプレイでは解像度が驚くほど高くなっていることが売りです。 そしてこれまたRetina対応したPhotoshop(CS6から対応)で画... 2017.03.19 PhotoShopTips
HTML&CSS CSS3でフィルター効果をつける フィルター効果は本来SVGのグラフィック効果として実装されました。しかし、フィルター効果はCSSからも利用することができます。 CSSでフィルター効果をつけるのは非常に簡単な上にその効果も大きくPhotoshopなどでの一手間を省けるかも... 2017.03.17 HTML&CSSlecture
PhotoShop Photoshopで作成した複数のシェープのパスをつなげる方法〜PhotoshopCC2017 Photoshopでシェープを作成した後に複数のシェープのパスをつなげることができます。PhotoshopにもIllustratorのパスファインダーのような仕組みが用意されています。 複数のシェープを作成するとその数だけレイヤーがで... 2017.03.03 PhotoShopTips
jQuery animate()の使い方〜jQuery animateの指定は2つの方法があります。 まず、一つ目の方法は入門書などで紹介されている記述方法で以下のものです。 animate(params, , , ) sample1 html css ... 2017.02.26 jQuerylecture
jQuery animate()メソッドのプロパティの値に「toggle」キーワードを使うと便利〜jQuery jQueryでスライドして表示非表示を切り替えるにはslideDown()やslideUp(),あるいはslideToggle()などのメソッドを使用することで簡単に実現できます。簡単で便利ですから頻繁に活用されるものと思われますが横方向に... 2017.02.17 jQueryTips
Illustrator Illustratorのカラー設定 Illustratorのファイルを渡されて、カラーピッカーを使って塗りや線の色の設定を行おうとしても色が着かない場合があります。 ドキュメントのカラーモードでRGBを選択しているにも関わらずカラーピッカーで選択した色にならずにグレーになっ... 2017.02.14 IllustratorTips
lecture バージョン管理付きNode.jsの導入方法〜Mac用 フロントエンドの開発ではNode.jsが必須になってきます。 今回はNode.jsの導入方法についての解説です。 Node.jsを導入する際に注意することは本家からダウンロードしたものをインストールするのではなく、nodeblewを... 2017.02.01 lectureサーバー
PhotoShop Photoshop 文字パネルの初期化 Photoshopの「文字ツール」で入力したテキストのトラッキングや垂直比率などを変更すると、次回また文字ツールを使用した場合に前回設定したトラッキングの値がそのまま適用されてしまいます。 テキストを入力したら基本的には文字ツールで細かく... 2017.01.14 PhotoShopTips
HTML&CSS [HTML5.1] tfootの使い方が変わっています。 テーブルの構造化を行うタグ「tfoot」の使い方がHTML5.1で変更になりました。 「tfoot」は「thead」「tbody」の後に使用する事となっています。 HTML4.01時代は「thead」「tfoot」「tbody」の順... 2016.12.25 HTML&CSSlecture
HTML&CSS HTML5.1勧告でh1の使い方に変更〜アウトラインの作成 2016年11月にHTML5.1の勧告ではセクショニング・コンテンツ内であっても適切なランクの「heading」を使用する事とされています。 HTML5から「h1」の使い方が大きく変更されていました。 セクショニングタグの新規登場に... 2016.12.23 HTML&CSSlecture