Clik here to view.
バレンタインデーに使えるアイコンセット10
みんな大好きスマッシングマガジンから、素敵なバレンタインデー用のアイコンが無料でダウンロードできるようになってましたので情報をシェア。 ラブリーなアイコンセットがたくさんありましたよ! データはPhotoshop用のPSD形式になっており、サイズは 128 x 128pxで作られていました。 10種類のかわいいアイコンですので、上手につかいたいですね。 個人及び商用利用可能との事です。...
View ArticleClik here to view.
Safari4をダウンロードする方法
本日、コーディングする際にSafari4での動作確認が必要だったので自分用にメモ。 コーディングする際に複数ブラウザでの動作チェックは必須ですが、 過去にリリースされたバージョンのブラウザを探すのは意外と大変です。 もしかしたら誰かの役にたつかもしれませんので、ブログにも投稿しておきます。 Safari4は以下のリンクからダウンロードできました。 ※Windows版、Mac版どちらもあります。...
View ArticleClik here to view.
[Mac]複数バージョンのSafariを同時に起動する方法
Multi-Safari 複数バージョンのSafariをMacで実行する さて、昨日Safari4のダウンロード方法を調べてたんですが、もっと簡単な方法があったので情報をシェア。 Multi-Safariを使用すると、複数バージョンのSafariを同時に実行出来るようになります。 Mac版のみなのですが、こういった形で公開してくれるのは嬉しいですね。...
View ArticleClik here to view.
CSSでカスタマイズ可能なフォトビューア「Glisse.js」
CSS3のキーフレームアニメーションで構成されたフォトビューア 「Glisse.js」はCSSでデザインカスタマイズが可能フォトビューアです。 CSS3の機能がブラウザによっては変わってしまうためIE8などで動作しないのですが 面白そうだったのでご紹介。 以下のような機能を実装しているようです。 ・キーボードナビゲーション ・CSSでのカスタマイズ ・CSS3キーフレームアニメーション...
View ArticleClik here to view.
画像の内側にボーダーを付ける方法！CSSだけ！
CSSでボーダーを画像の内側につける マウスオーバーした際に、ボーダー処理をCSSでつける作業をしていた所、 画像の内側にもボーダーをつけたいと言われてやり方を調べました。 誰かの参考なれば幸いです。 ↑このような状態が理想です。 結論を言うと、画像にネガティブマージンを適用すればOKのようです。以下のようなコードで実装できました。 a { overflow: hidden; float:...
View ArticleClik here to view.
モダンなスライドショーを作れるjQueryプラグイン「Sequence」
モダンなスライドショーを作れるjQueryプラグイン「Sequence」 「Sequence」はスライドの仕方に特徴があるjQueryプラグインです。 写真１枚をただスライドするのではなく、複数の写真を配置してモーションに動きをつける事が出来るようになります。 見た方が早いので、こちらのデモを見てください。 HTMLのマークアップはliタグの中にHTMlを書いていくようになっているので、...
View ArticleClik here to view.
詳細なオプション付！ダイアログの表示に使えるjQueryプラグイン「Noty」
「Noty」はダイアログの表示が出来るjQueryプラグインです。 通知は、上下、中央、左上または右上に配置することができます。 テキスト、アニメーション、速度、ボタンをカスタマイズするためのAPIが数多く用意されており、詳細なオプション指定が可能です。 使い方 jQueryと必要なライブラリを読込ます。 <script type="text/javascript"...
View ArticleClik here to view.
デザイナーの英知が結集されたフリーのUI/アイコン/テンプレートセット
「Box of Bundles」は世界中の素晴らしいデザイナーが作成したUIやアイコンを無料でダウンロード出来るサイトです。 60以上のUI要素、アイコン、テンプレート（ウェブサイト、スマートフォン用、HTMLメール用）及びCSS3ボタンの素材が含まれています。 個人および商用利用可能との事なので、自由に使えるのも嬉しいですね。 素材は以下のような物がありました。 いくつか気になったものをご紹介。...
View ArticleClik here to view.
スマートフォンサイト開発に使える！Tipsやフレームワークのまとめサイト「Mobile Tuxedo」
スマートフォンサイト開発に使えるTipsやUIデザイン・フレームワークのまとめサイト 「Mobile Tuxedo」はすスマートフォン開発者さんならRSS購読がおすすめです。 UIのPSDファイルやフレーム、ツールなどがカテゴライズされており 必要なものがすぐに探せるようになっているのが特徴です。 英語サイトですが、何となく画像で内容が分かるようになっているので 覗いてみてはいかがでしょうか。The...
View ArticleClik here to view.
TextMateの設定メモ
Macのテキストエディタ TextMateの設定メモ 本日Macの新しい環境を作る事になり、TextMateのプラグイン設定をしたのですが 忘れないように自分用にメモです。 誰かのお役に立てれば幸いです。 1. 日本語対応をする CJK-Input.tmpluginというプラグインを入れる事で、日本語入力が可能になります。 CJK-Input.tmplugin 2. フォントを変更する...
View Article