ブログやTwitterのアイコンなどの背景に使える、かわいくて美しいテクスチャ素材 -Missesglassを紹介します。 [ad#ad-2] ダウンロードできるテクスチャサイズは、幅800pxの大きめのものと幅100pxの小さめのものがあります。 まずは、大きいサイズのテクスチャから紹介します。
background banner | jQuery Plugins ページの背景全体を広告にするjQueryプラグイン「background banner」 最近ちょくちょく見かける広告商品の背景広告。コンテンツそのままに背景を広告にしてしまうことでインパクトが大きいプロモーションが出来たりします。 これをjQueryで簡単に実装できてしまうプラグインが公開されています。コンテンツ内はクリックしてもどうにもなりませんが、背景をクリックすると広告ページに移動という機能が作れます。 お客さんの要望なんかでちょっと作ってよ、なんて言われた場合にも覚えておけば難なく実装できそうですね。 実装コードは次のように初期化して使うそうです。 $("#bannerbackground").backgroundbanner($("#content")) 若干改良の余地を残したプラグインかもしれませんが、いざ
気が向いたのでメモ。背景に配置した 画像をフルスクリーンで表示して、更 にスライドショー化できるjQueryのプ ラグインとか。さほど数は無いですけ ど・・・使う可能性があるかもなので 備忘録的にまとめておきます。 タイトル考えるの結構面倒くさいので適当になってきました。語彙が中学生レベルですが気にしないで下さい。 さて、フルスクリーンにした背景をスライドに出来るjQueryいろいろです。ほぼ択一っちゃ択一なんですけど・・・ちょっと出来上がりすぎていじりにくいので他もチェックしたい、という事で調べたものを羅列しておきます。触ったこと無いのもあるのでその程度の記事という事で。 Supersized 定番の高機能プラグインです。IE6では動作しません。スマートフォンでも大丈夫っぽい。多数のオプションも用意されており、FlickrAPIにも対応してるくさいです。ライセンスはMIT/GPLのデュア
タイル状に継ぎ目なく配置できるシームレスな背景用の画像が作成できるジェネレーターと無料素材を配布しているサイトを紹介します。
50 Extremely Beautiful Photoshop Patterns for Elegant Designs | PSDFan サイトの背景に使うと印象を際立たせられそうな50のPhotoshopパターン集。 次のような綺麗なパターンが紹介されています。 背景の変更は一番簡単なわけですが、背景だけでもかえると印象はがらりと変わるので最も効率的なサイトのイメチェン方法かもしれません。 関連エントリ 背景画像に使えるPhotoshopの背景パターン2000 じゅうたん風の美麗背景パターン素材集70 様々な背景パターン画像を入手できる「Shizoo」 シームレスな背景パターンを得られるサイト27 背景画像に使えるシームレスなパターン画像500種
Photoshop初心者でも簡単に作成できる、ウェブページの背景に利用する継ぎ目のないシームレスな画像を作成するチュートリアルをDesign Shackから紹介します。 Create Seamless Web Background Textures in Minutes 写真の「ぼけ」のようなエフェクトをオリジナルで描き、その画像を元に継ぎ目のないシームレスな画像にします。 下記は、各ポイントを意訳したものです。 Step 1: 新規作成 Photoshopを起動して[ファイル]-[新規]を選択し、ファイルを新規作成します。 設定は、幅:800px、高さ:800px、解像度:72pixel/inch、カラーモード:RGBカラーにします。 新規作成の設定画面 次に、カンバスを「#80ac4b」で塗ります。 [Ctrl]+[A]でカンバスのすべてを選択し、カラーピッカーに「#80ac4b」を指
3カラムレイアウトの左右のサイドバーのコンテンツ量が少なくても、コンテンツと背景が同じ高さになるようにするスタイルシートをLine25から紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="content"> <div class="sidebar primary"><!--Left Sidebar--></div> <div id="main"><!--Main Content--></div> <div class="sidebar secondary"><!--Right Sidebar--></div> </div> </textarea>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く