Free Design Templates | Developer's Toolbox | Smashing Magazine
If you are hesitant about choosing the perfect template for your website, then maybe it is high time to stop browsing and order one for yourself. To simplify this process, you should employ a professional RFP template for software development. One of the best things you can do when choosing a theme is to learn about the person or company who made it. If they have a reputation to live up to, then t
「Photo Clip」Guide(wordpress themes） « Good Design Web ｜ BLOG
「Photo Clip」(wordpress themes） wordpress用のフリーthemes「Photo Clip」を作ってみました。 フォトログ・ギャラリーサイト用にトップページは、サムネイル表示になってます。 サムネイル表示させてるので、一般的な形式で運営されてる方には、扱いづらいというか、マッチしないと思います。 一応、W3Cでhtml・CSS共にチェックしてマークアップさせてます。 表示バグとかあっても、そこんとこはフリーってことで許してやって下さい ^^； それでもいいやって方、使ってやって下さい。 DEMOページ ダウンロード(108KB) インストール 1.ダウンロードしたファイルを解凍後、pluginフォルダを除くすべてのファイルをサーバーの./wp-content/themes/フォルダに、アップロードして下さい。 2.pluginフォルダ内（解凍したファイ
画像ポップアウト・イメージギャラリー・スライドショー｜jQuery plugin｜Ajax｜PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jQueryでシンプルにスライドショーを実装する方法が掲載されています。 スライドショーとして表示する画像をあらかじめimg要素で列挙しておき、z-indexを変更することで入れ替え表示しています。 スライドのスピードはミリ秒で指定可能です。 すべての画像を表示し終わると、また繰り返し最初からリピート再生されます。 スライドを開始する画像のimg要素にはactiveクラスを指定します。 設置イメージ A Simple jQuery Slideshowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
[JS]壁一面に写真を並べたようなギャラリーを作成するチュートリアル
画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。
[JS]グリッド上に配置したスタイリッシュな画像ギャラリーのスクリプト -jSquares
グリッドに配置したサムネイル画像にマウスをホバーすると、オーバーレイ上に画像をポップアップする画像ギャラリーのスクリプトをboedesignから紹介します。
[JS]画像をクロスフェードで変更するスライドショーの超軽量スクリプト -Simplest Slideshow
余計な機能は一切なく、シンプルで画像を洗練されたエフェクトで次々に表示するスライドショーのスクリプトをSnook.caから紹介します。 Simplest jQuery Slideshow demo このスクリプトを作成したきっかけは、知人からの依頼だそうです。 当サイトでも多数紹介しているjQueryのプラグインで同様の動作をするものがありますが、多機能すぎるためクロスフェードするだけのシンプルで軽量のものを作成することにしたそうです。 そこで、コードの目標を20行以下で挑んだところ、作成してみると、下記のように大幅に短いものになってしまったとのことです。 ※動作には別途jquery.jsが必要です。 JavaScript <textarea name="code" class="html" cols="60" rows="5"> $(function(){ $('.fadein img:
GRID BASED DESIGNS
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
サムネイルをスムーズに拡大するjQuery – creamu
Build Internet!で、Elastic Thumbnail Menuというサムネイルをスムーズに拡大するjQueryが紹介されています。 これはかなりいいですね。マウスオーバーすると、うにゅ、うにゅっとサムネイルが拡大します。動きがとても気持ちいい。 デモは以下から。 » LIVE DEMO imgを覆うアンカーにクラスを指定して、CSSでスタイル、そしてjQueryで動きをつけているようです。 IEのfixについても書かれていますね。以下のソースをCSSに書くことで問題ないようです。 img { -ms-interpolation-mode: bicubic; } ぜひ見てみてください☆ » Sproing! – Make An Elastic Thumbnail Menu 無性にWPが触りたくなってきたぞ。ちょいいじってみようかな。
[JS]画像にオーバーレイしたパネルをスライド表示するスクリプト -Image Overlay
オプションでは、上記の他に画像のサイズ・ボーダーの色、オーバーレイのパネルの色やテキストの色、アニメーションのスピードなどが調整できます。 Image OverlayはjQueryのプラグインのため、実装にはjquery.jsが必要です。
WordPress 2.5の新機能 ギャラリーを使って画像一覧表示する | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go
WordPress 2.5の新機能としてギャラリーが追加された。ギャラリーを利用するとというコードを投稿欄に入力するだけで簡単に画像一覧ページを作成することができる。 複数の画像を一度にアップロードすることを可能にしたフラッシュアップローダーや、サムネイルサイズの設定変更可能などの機能追加がギャラリーの下支えをしているだろう。 フラッシュアップローダーにはIEのバグがあり、IEでのフラッシュアップローダー（メディアアップロード機能）の不具合を修正するに詳しく書いたので参照してほしい。サムネイルサイズの設定変更は、「設定 – その他の設定」で行うことができる。「サムネイルを実寸法にトリミングする 」をチェックしておけば、画像サイズの比に合わせて縮小されることはなくなる。 今回はこの新機能ギャラリーの使い方を解説しよう。ギャラリーを使用するには、投稿やページ作成画面で画像をアップロードした後に
Webデザイナーのためのフリーイメージギャラリー20選 – creamu
簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
竞彩足球代购app_168娱乐3下载
写真やイラストなどを魅せる、ポートフォリオ用のWordPressのテーマファイル -NeueGrafik
[JS]多彩なカスタマイズが可能な画像を拡大表示するスクリプト -TopUp
[CSS]HTML5, CSS3, jQueryを使用して実装する画像ギャラリー
[CSS]クロスブラウザ対応、validなXHTMLとCSSで実装されたLightbox風エフェクト
[JS]畳んだTシャツをスクリプトで広げて見せるギャラリー