jQueryでの画像ビューアー用プラグインはたくさん公開されていますが、 単純にサムネイルを並べて、クリックしたらメインビジュアルが切り替わる シンプルなスライドショー的ビューアーを作ってみたので紹介してみます。 まずは動作のサンプルから。 サムネイル画像をクリックしてください。 jQuery SIMPLE IMAGE VIEWER【SAMPLE】 「jQueryでシンプルなサムネイル付き画像ビューアーを作成する方法」サンプルを別枠で表示 下部に並べてあるサムネイルをクリックすると メインビジュアル部分がクロスフェードして切り替わります。 （自動でスライドする動作などは今回は付けていません。） サムネイルは透過具合でアクティブ状態か、 そうでないかを変化させています。 全体構成についてHTMLから。 ◆HTML <div id="viewer"> <div> <img src="img/p

さざなみフォントをベースに開発されているTrueTypeフォント。ゴシック系はさざなみゴシックの一部を独自の字体で置き換えており、明朝系はさざなみ明朝の字体に調整が加えられている。字間がMSゴシック、MS Pゴシック、MS明朝、MS P明朝に合わせて調整されているため、これらフォントが使われている文書を開く際の代替フォントとして利用しやすい。ウエイト違いを含めて以下の12書体が用意されている。 梅ゴシック、梅ゴシックO5、梅ゴシックC4、梅ゴシックC5 梅Pゴシック、梅PゴシックO5、梅PゴシックC4、梅PゴシックC5 梅UIゴシック、梅UIゴシックO5 梅明朝 梅P明朝 種別

jQueryでTwitterの自分のつぶやきを表示する すでに多くのTwitterライブラリがあるので必要があるかは微妙なところですが、jQueryを使用してTwitterの自分のタイムラインを表示してみます。 文字情報だけを取得することができれば、自由にスタイルが設定できるのでデザインとかも統一できるじゃないですか！？ 投稿日2010年07月04日 更新日2012年10月12日 ※2012.10.11現在Twitter API変更によりこの方法は使用できなくなりました。 新API（var1）に対応した方法は下記をご覧ください。 2012年10月 Twitter APIの変更によりjQueryでつぶやきが表示できなくなったので解決策 まずは読み込むべきデータの確認をしてみましょう。 下記のURIで自分のタイムラインの情報を見ることができます。[USERNAME]には自分のアカウント名に置き

投稿型となっていて様々なイラストレーターやアーティストの作品が楽しめます。 カワイイし英語量も少ないので日本人でも楽しめる気軽に楽しめる気がしました。 私は普段料理をする訳じゃないのですが、こういうのはワクワクする感じがして好きです。 下記のリンク先でそれぞれとても大きい画像で観ることできます。 詳しいレシピを知りたい方はそちらから。 [link]

This domain may be for sale!

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

Silhouettes make excellent design elements. As a silhouette is the most immediately recognisable and identifiable shape of the character, therefore, it is frequently used in print design, fashion design, and other visual media. Though you can create a silhouette of any subject in Photoshop, however, the more effective and comfortable option is to download from the internet and use in your design.

ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock

Blogging has become an increasingly popular form of online communication, and with millions of blogs on the internet, it is important to stand out from the crowd. One of the best ways to do this is through beautiful and visually appealing blog designs. A well-designed blog not only attracts more visitors but also enhances the user experience, makes it easier to navigate, and adds credibility to yo

たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ