This domain may be for sale!
TOP > Design > アンティークな質感を演出する紙のテクスチャ素材集「New Collection of Must-Have Paper Textures」 紙素材特有のアンティークな質感は、photoshopなどのソフトだけで出すことは難しく、しばしばアナログ的な作業で作られているのではないでしょうか?そんな中今回紹介するのは、アンティークな質感を演出する紙のテクスチャ素材集「New Collection of Must-Have Paper Textures」です。 Memories Textures オーソドックスな質感の紙から、かなり年季の入った状態やデザイン感を感じるテクスチャまで、あったらいいなと思う素材が満載。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Exclusive Textures 長い間、湿気の多いところ
コンテンツをユニークなアニメーション で入れ替える軽量なjQueryプラグイン MobilyNotesのご紹介です。IE6や7 でも問題なく動作してくれます。省ス ペースにコンテンツをまとめられるので なかなか使い勝手もいいのでは。 ファイルサイズもたった2KBと大変軽量です。 紙で見ているかのように表現されたエフェクトがなかなかユニークです。画像やdiv要素ごとも可能です。また、自動で切り替わる、ボタン式などの選択も出来ますよ。 使い方jQueryとプラグインを読み込んで以下のような設定をします。 $(function(){ $('.notes_img').mobilynotes({ init: 'rotate', showList: false }); $('.notes_txt').mobilynotes({ init: 'plain', positionMultiplier: 20
Design a Clean Corporate Website Layout | PSDFan モダンなコーポレートサイト作成用Photoshopチュートリアル 次のような美しいサイトレイアウト作成のチュートリアルが公開されています。 ロゴとグラデーションをあわせたりするところなんかも参考になります。 メインとなる画像を他の背景と組合せつつ全体になじませる辺も参考になりますね。 関連エントリ スタイリッシュなWEBレイアウト作成Photoshopチュートリアル ブルーが美しいWEBサイトレイアウト作成Photoshopチュートリアル30 クールなポートフォリオレイアウト作成Photoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル チュートリアルでここまでやる?というプロレベルのWEBレイアウト作成チュートリアル
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.
MyjQueryPlugins : QapTcha : jQuery draggable captcha system with jQuery UI - MyjQueryPlugins iPhoneのロック解除風UIでCAPTCHAするjQueryプラグイン「QapTcha」。 iPhoneのロック画面は指で押してスライドさせることで解除できるようなUIにになっていますが、それをフォームの送信にも使ってしまおうというのがこのプラグイン。 CAPTCHAはなんだか読めないってこともよくあるのですが、この仕組みを使えばCAPTCHA程の強固さはないにせよ、スパムの対策にはなりそうです。 右にスライドさせると送信可能に。 色々なCAPTCHAがあるものですね。数年後のCAPTCHAは今では考えられないような仕組みになっていそう。 関連エントリ PHPとGDを使ってCaptchaを自作するチュート
<script type="text/javascript"><!-- function print_r(obj) { var count_obj = 0; function _output(str) { document.writeln(str + "<br/>"); } function _print_r(obj, name, level) { var s = ""; if (obj == undefined || level > 4) return; for (var i = 0; i < level; i++) { s += " | "; } s += " - " + name + ":" + typeof(obj) + "=" + obj; _output(s); if (name == "document" || typeof(obj) != "object") return;
簡単なログインフォームをはじめ、お問い合わせフォーム、コメント用フォーム、ショッピングカート用フォーム、アンケート用フォームなど多種多様なタイプが用意された、バリデーション機能も備えたフォームのフレームワークを紹介します。 jQuery Form Framework - jFormer [ad#ad-2] jFormerの特徴 クライアントサイドのバリデーション サーバーサイドのバリデーション AJAXを使ったページ変更機能 CSSベースの簡単なカスタマイズ Botの防止(CAPTCHAは無し) 入力データのレジューム機能 フィールドのロック機能 フォームのテンプレートも多数用意 jFormerのデモ デモには、さまざまな実用的なフォームがあります。
ものすごく大雑把に言うと今まで画像編集ソフトでやっていた、角を丸くするとか背景をグラデーションにするなどという作業をCSSでやってしまおうというお話。もちろんCSSでできないことは多くあるので万能というわけではないが、できることに限って言えば数行のCSSコードでスクリーンショットのような効果を柔軟に適用することができる。 Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } 各アイコンになるa要素へのスタイルは以上のような単純なものがベースになる。icons-w.pngがアイコンの前景をつなげたスプライ
CSSスプライトを使用した画像のロールオーバーにアニメーションでフェード効果を与える際の、妥当な実装方法、理想の実装方法、現実の実装方法を紹介します。 Fade Image Into Another (within a Sprite) デモページ [ad#ad-2] 下記は各ポイントを意訳したものです。 最初の方法:妥当 二番目の方法:理想 三番目の方法:現実 デモでは、上から順番に実装されています。 最初の方法:妥当 HTML 元のエレメント内にspanを一つ配置します。確かにこれは余分のマークアップと感じるかもしれませんが、spanを使用せずに疑似要素を使用すると対応ブラウザが限られてしまうのが現状です。 <a href="#" class="arrow">Arrow<span></span></a> 矢印画像はテキストを画像に置換して配置します。 .arrow { display:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く