新着記事 | PhotoshopVIP『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
フォームに入力したら削除マークを表示するJavaScript「Clearable Text Field」
twitter facebook hatena google pocket フォームに入力した内容を消したいとき、「×」マークがあったら便利ではないでしょうか。 JavaScriptライブラリであるjQueryのプラグイン「Plugins | jQuery Plugins」を使用して実現します。 sponsors 使用方法 Plugins | jQuery Pluginsからファイル一式をダウンロードします。 <link type="text/css" rel="stylesheet" href="jquery.clearableTextField.css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.clearabl
ケータイならではのリンクを使った小技テクニックまとめ
ケータイサイトってケータイからアクセスすることを前提としているわけですが、マークアップもケータイ独自に拡張されたものってのがあったりします。 中でも顕著なのがaタグによるものでしょうか。サイトから直接電話を掛けたり、メール編集画面を開いたりといったやつですね。 とは言え、これらもキャリアによって若干の差異があったり、出来たり出来なかったりっていうものもあるので、ちょっとその辺をつらっとまとめてみました。 メール編集と送信させる場合 結構基本的というか、これについてはケータイ独自ということもなく、普通にPCウェブでも使われていますよね。 ケータイの場合は、勝手サイトなどで空メール送信によく利用されています。 以下は、それを想定した記述です。3キャリア共通になります。 <a href="mailto:メールアドレス? subject=会員登録&body=このまま送信してください">メールで会員
困った時の強い味方！Fireworks「Kuler」の使い方 - EC studio デザインブログ
今まで知っていたけど、Firework CS4 で使わなかった機能 「Kuler」が便利そうなので、機能をまとめて紹介します。 Adobe Kuler とはプロジェクトのインスピレーションとなる カラーテーマを作成できるアプリケーションです。 ビジュアルを作成するときに、カラーバリエーションを簡単に試すことができ、 また、Kulerコミュニティにある何千ものテーマを閲覧することも可能です。 KulerはCS4（Photoshop、Illustrator、InDesign、Fireworks、Flash）に 組み込まれていて、利用することができます。 また、上記のアプリケーションを持っていない方でも Webアプリケーションとして無償で提供されています。 Kulerの詳細はこちら Webアプリケーション版でもいいのですが、 弊社ではFireworksをよく利用するので、Fireworks版をご
ProjectDD
最果タヒさんがつむぐ「詩になる直前」の言葉が並んでいるのですが、むしろ展示デザインを担当された佐々木俊さんとの「詩や言葉の、無限大の表現方法を探るインスタレーション展」と言った方がしっくりくる…それくらい言葉の表現方法のバリエーションに触れることができる展示になっています。
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」:phpspot開発日誌
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に超分かりやすく表示 日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。 更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。 はじめから日本対象という点でも使いやすいですね。 実装も、jQueryプラグインなので超使いやすいです。 次のように初期化するだけのようです。 $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); 以下のエント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テキストをかっこよく魅せるPhotoshopのチュートリアル集：Part 16
Fireworksのチュートリアルいろいろ - DesignWalker