『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年3月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材/配色やWeb制作といった最新トレンドも公開中。
フォーム周りでjQueryを使いたい。 そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。 かっこいいものが揃っていますね。いくつかご紹介します。 Creating a Slide-in jQuery Contact Form クリックするとスライドインして現れるコンタクトフォーム Build an Incredible Login Form with jQuery クリックすると、ぐいんと勢いよく現れるフォーム Using Form Labels as Text Field Values ラベルタグの内容をテキストフィールドの値にして透かしテキストにしたフォーム Create a Progress Bar with JavaScript フォームの進捗状況をプ
Jon Combe | Code | HTML clocks using JavaScript and CSS rotation 次のような、CSSのrotationを使ったアナログ&デジタル時計実装例が公開されています。 Flashっぽいのですが、Flashは一切使っていません。 左のアナログ時計もいいのですが、右のデジタル時計も前後の分と秒が若干rotateされて表示されてるのがクールですね。 こういうことも出来るんだ、ということで一度見ておいてもよさそうです。 実装ですが、JavaScript によって次のようにCSSのrotateプロパティをsetIntervalで定期的にあてていってるだけのようです。 -webkit-transform: rotate(42deg); -moz-transform: rotate(42deg); このプロパティがなかったらかなり大変そうですが、こ
YoxView - jQuery image viewer plugin 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」。 現時点で、色々なLightBoxの実装がありますが、これはなかなかカッコいいというものを見つけました。 画像をクリックすると、クリックした画像以外がグレーに暗くなります。 そこからアニメーションしながら拡大。動きは実際に見た方がいいですね。YoxView のデモ 関連エントリ かなりスタイリッシュかつ高機能なLightBox風ライブラリ「TopUp」 表示法が新しくセクシーなLightBox「SexyLightBox」 カスタマイズできる多機能LightBox「Lightview」
TOP > WebDesign , WebService > CSSで実現させるクロスブラウザ対応のドロップシャドウテクニック「Cross-browser drop shadows using pure CSS」 WEBデザインをよりリッチにそして作り込んでいる感を与えてくれるドロップシャドウ。ドロップシャドウをつける方法は沢山ありますが、様々なブラウザで同じような見せ方をするためには画像を作成したり、背景が複雑な場合は透過PNGをIEでもよみこませるようにして、背景にしたりと色々と面倒です。今日紹介するのはCSSのみでクロスブラウザに対応したドロップシャドウを作るテクニック「Cross-browser drop shadows using pure CSS」を紹介したいと思います。 上記が、各ブラウザでのドロップシャドウの見せ方のサンプルとなります。色の濃さなど細かなところは違う
jQueryで実装するシンプルなグラフィックCAPTCHA「jQuery SimpleCaptcha」 2010年02月23日- jQuery SimpleCaptcha - Examples jQueryで実装するシンプルなグラフィックCAPTCHA「jQuery SimpleCaptcha」。 次のように、英文の指示にしたがってグラフィックをクリックし、CAPTCHAとするプラグインです。 日本語にして画像とソースを入れ替えれば、海外のスパムに対してより有効になりそうですね。 一部でPHPのセッションも使っていて、PHPの動作するサーバが必要です。 jQueryプラグインなので実装コードも割とシンプルに実装できるようです。 海外スパム対策の1つの選択肢として。 関連エントリ これは注目!様々なタイプのCAPTCHAが作れるPHPライブラリ「Securimage PHP CAPTCHA」
決まった柄をアートワーク一面に敷き詰めることができるphotoshopパターンファイル。簡単に様々なサイズで展開できるのでとても便利です。今日紹介するのは花柄のパターンをひたすら集めたphotoshopパターン集「60+ Floral Patterns, Backgrounds」を紹介したいと思います。 ちょっとレトロな柄から、POPなものまで様々な花柄のパターンが集められています。配布形式はpngとpat (photoshop patterns)形式なので、photoshopを普段使っている方はありがたいですね。 詳しくは以下 今時のとは少し離れたものが多いですがチラシ等の商業デザインの賑やかしなど、、使い方によっては便利に使えるのではないでしょうか? ライセンスはFreeとかかれており、特に制限事項等は明記されていませんでしたが、商用利用をお考えの方は配布元で再度確認をお願い致します。
2017年6月29日 Wordpress WordPressにはたくさんの便利なプラグインがあり、機能を手軽に追加することができます。しかし、コードが乱れたり、思い通りのデザインにならなかったり。。と四苦八苦することも。ここではプラグインを使わなくても追加できる機能を紹介します。 ↑私が10年以上利用している会計ソフト! プラグインを使わずWordPressに機能をつける 目次 人気の記事を表示する 関連する記事を表示する 記事をランダムに表示する 最新のTwitter記事を表示する タグクラウドを表示する ソーシャルブックマークアイコンを表示する アイキャッチ画像 カスタムナビゲーションメニュー Twitterフォロワーの数を表示する 1. 人気の記事を表示する コメントの数が多い記事が人気の記事となります。このサイトではトップ5が表示されています。 <ul>
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く