WEBデザイン

1. 

   2016.04.3

   【Retinaディスプレイ対応4】サイトの顔も綺麗に。TCDテーマなら3ステップで完了する、ロゴ画像…

   サイトロゴは、サイトの顔。このサイトでは最上部にロゴを配置しています。Windowsだけでなく、MacのRetinaディスプレイで見ても綺麗に表示されている…

2. 

   2016.04.1

   【Retinaディスプレイ対応3】いつものwidthが効かない!? テキストウィジェット内での画像幅…

   意外と知らない掟がある・・・WordPressにデフォルトで備わっている「テキスト」ウィジェット。基本的なHTMLの記述ができるので、リンク付き画像を表示さ…

3. 

   2016.03.27

   ”知っているつもり”の拡張子、jpg gif png。画像形式による違いと特徴、ブログでの使い分け方…

   ブログレベルならこれだけでOK。WEBサイトで使う画像の拡張子、何にしてますか？基本的に目にするのは「.jpg」「.gif」「.png」ですよね。その中でも…

4. 

   2016.03.27

   きれいにしっかり画像圧縮。WordPressプラグインCompress JPEG ＆ PNG ima…

   どうせ圧縮するなら、きれいにしっかり。WEBサイトに表示させる画像は、ファイルサイズに注意しなくてはいけません。容量が大きければ大きいほど、ページが表示され…

5. 

   2016.03.27

   【Retinaディスプレイ対応2】スリムで美しいブログを実現させる、画像圧縮と不可欠な知識

   Macでもサクサク表示させたい。Retinaディスプレイでオリジナルの画質を再現したいなら、画像を2倍のサイズでアップロードすれば綺麗に見えること。その代償…

6. 

   2016.03.27

   【Retinaディスプレイ対応1】Macで綺麗に。Windowsでサクサク。ブログ画像をOSごとに適…

   簡単に、美しく。ページ表示速度の観点で考えると、画像においてはできるだけ小さいサイズでアップロードするべきです。でも一方で、MacのRetinaディスプレイ…

7. 

   2016.02.6

   辿り着いたブログ用キャプチャーツール、LightShotとScreenpresso。機能比較と併用の…

   併用すれば、もっとハカドる。スクリーンショットに特化したキャプチャーツールLightShot（ライトショット）。そしてキャプチャー、画像への注釈、動画作成ま…

8. 

   2015.11.29

   なんでも計測！”WEBサイズマスター”へ。Chrome拡張「Page Ruler Redux」「Vi…

   自分のWEBサイトの幅、知ってますか？今自分が見ているページの「あの場所」や「あの画像」の、幅と高さってどのくらいのサイズなんでしょう？記事を書いて画像を挿…

9. 

   2015.10.10

   ゆっくりじわじわ、フシギな色変化。GIFアニメを使った目を引くサイトロゴの作り方

   色が変わるサイトロゴを簡単に。休むことなく働き続ける、一生懸命な画像。「GIFアニメーション」という存在だとは知っていても、他には何も知らない。 時…