- ホーム
- 過去の記事一覧
WEBデザイン
-
【Retinaディスプレイ対応4】サイトの顔も綺麗に。TCDテーマなら3ステップで完了する、ロゴ画像…
サイトロゴは、サイトの顔。このサイトでは最上部にロゴを配置しています。Windowsだけでなく、MacのRetinaディスプレイで見ても綺麗に表示されている…
-
【Retinaディスプレイ対応3】いつものwidthが効かない!? テキストウィジェット内での画像幅…
意外と知らない掟がある・・・WordPressにデフォルトで備わっている「テキスト」ウィジェット。基本的なHTMLの記述ができるので、リンク付き画像を表示さ…
-
”知っているつもり”の拡張子、jpg gif png。画像形式による違いと特徴、ブログでの使い分け方…
ブログレベルならこれだけでOK。WEBサイトで使う画像の拡張子、何にしてますか?基本的に目にするのは「.jpg」「.gif」「.png」ですよね。その中でも…
-
きれいにしっかり画像圧縮。WordPressプラグインCompress JPEG & PNG ima…
どうせ圧縮するなら、きれいにしっかり。WEBサイトに表示させる画像は、ファイルサイズに注意しなくてはいけません。容量が大きければ大きいほど、ページが表示され…
-
【Retinaディスプレイ対応2】スリムで美しいブログを実現させる、画像圧縮と不可欠な知識
Macでもサクサク表示させたい。Retinaディスプレイでオリジナルの画質を再現したいなら、画像を2倍のサイズでアップロードすれば綺麗に見えること。その代償…
-
【Retinaディスプレイ対応1】Macで綺麗に。Windowsでサクサク。ブログ画像をOSごとに適…
簡単に、美しく。ページ表示速度の観点で考えると、画像においてはできるだけ小さいサイズでアップロードするべきです。でも一方で、MacのRetinaディスプレイ…
-
辿り着いたブログ用キャプチャーツール、LightShotとScreenpresso。機能比較と併用の…
併用すれば、もっとハカドる。スクリーンショットに特化したキャプチャーツールLightShot(ライトショット)。そしてキャプチャー、画像への注釈、動画作成ま…
-
なんでも計測!”WEBサイズマスター”へ。Chrome拡張「Page Ruler Redux」「Vi…
自分のWEBサイトの幅、知ってますか?今自分が見ているページの「あの場所」や「あの画像」の、幅と高さってどのくらいのサイズなんでしょう?記事を書いて画像を挿…
-
ゆっくりじわじわ、フシギな色変化。GIFアニメを使った目を引くサイトロゴの作り方
色が変わるサイトロゴを簡単に。休むことなく働き続ける、一生懸命な画像。「GIFアニメーション」という存在だとは知っていても、他には何も知らない。 時…