「 画像 」 一覧

no image

スマホ用にWebクリップアイコンを設置してみた

Webクリップアイコンの設置はとても簡単!アイコン素材をちゃんとアップして、1行link要素を書くだけです。 iPhone、iPad、Androidでホーム画面にショートカット(ブックマーク)した時に …

no image

画像最適化に便利な4つのツール

スマホを意識したWebページを作っていると、避けて通れない「画像最適化」。 昨年あたりから少しずつ使っていますが、見た目は変わらないのに軽量になるから不思議です! 私がお世話になっている便利ツールを個 …

no image

画面のスクリーンショット(キャプチャー)をとる3つの方法+1

Webサイトのスクリーンショット(キャプチャー)をとる時、画面に表示されている部分のみの場合や、Webサイト1ページ分全体などあります。 特にWebサイト1ページ全体の時は、フリーソフトを入れたり・・ …

no image

軽量で簡単に設置出来るjQueryスライダー「FlexSlider」。

今までいくつかのjQueryスライダーライブラリを利用しました。今回も軽量で簡単に設置が出来る「FlexSlider」を見つけたので、早速メモです。 スマートフォンでも表示を確認したところ、表示サイズ …

no image

WordPressプラグイン「PhotoDropper」でフリー画像を記事にラクラク挿入♪

photo credit: Remedios205 文字だらけの記事。ちょっと読むのがツライですね。。。 でも、イメージ画像がナイ!そんな時に使えそうなプラグインを探してみました。 画像をアップロード …

no image

WordPressのコメント欄にオリジナルアバター画像を表示させてみた♪

WordPressで投稿されたコメント欄で、よくデフォルトの「ミステリーマン」を見掛けます。 何となくそのままでは面白くないので、今回はオリジナルアバターを作って表示したいと思います。 ひとまず、アバ …

no image

IE6で透過pngを表示してみました♪

IE6対策をいつまですれば良いのかなぁというところですが、まだもう少しIE6を意識してサイトを作ってます。 今回は、IE6ではキレイに表示されない透過pngをキレイに表示する方法にチャレンジしてみまし …

no image

LIghtBox風画像ギャラリーを「ColorBox」で作ってみた♪

LightBoxのように、画像を拡大表示出来るjQueryプラグインを探してみました。 たくさんLightBox風のライブラリはありましたが、今回は「ColorBox」というjQueryプラグインにチ …

no image

simplegallery.jsでシンプルだけど高機能なスライドショーを作ってみた♪

今回は、数枚の画像でスライドショーを「simplegallery.js」で作ってみたいと思います。 名前の通りシンプルですが、なかなか高機能で取付けも簡単に出来たので、メモです♪ js配布サイト: S …

no image

jquery.nivo.slider.jsを使ってリッチなスライドショーにチャレンジ♪

今回も数枚の画像を使ったスライドショーを作りたいと思います。 見た目がキレイで、ユーザーが自由に前後の画像へ移動する事も出来て、ちょっとしたテキストも入れられるという・・・見た目も機能も抜群な「jqu …