スマートフォンサイト開発に使える!Tipsやフレームワークのまとめサイト「Mobile Tuxedo」

スマートフォンサイト開発に使えるTipsやUIデザイン・フレームワークのまとめサイト

20120222 01

Mobile Tuxedo」はすスマートフォン開発者さんならRSS購読がおすすめです。

続きを読む

デザイナーの英知が結集されたフリーのUI/アイコン/テンプレートセット

20120220-09

Box of Bundles」は世界中の素晴らしいデザイナーが作成したUIやアイコンを無料でダウンロード出来るサイトです。

60以上のUI要素、アイコン、テンプレート(ウェブサイト、スマートフォン用、HTMLメール用)及びCSS3ボタンの素材が含まれています。

個人および商用利用可能との事なので、自由に使えるのも嬉しいですね。

素材は以下のような物がありました。
いくつか気になったものをご紹介。

続きを読む

詳細なオプション付!ダイアログの表示に使えるjQueryプラグイン「Noty」

20120220

Noty」はダイアログの表示が出来るjQueryプラグインです。

通知は、上下、中央、左上または右上に配置することができます。

テキスト、アニメーション、速度、ボタンをカスタマイズするためのAPIが数多く用意されており、詳細なオプション指定が可能です。

続きを読む

モダンなスライドショーを作れるjQueryプラグイン「Sequence」

20120220 01

モダンなスライドショーを作れるjQueryプラグイン「Sequence」

Sequence」はスライドの仕方に特徴があるjQueryプラグインです。
写真1枚をただスライドするのではなく、複数の写真を配置してモーションに動きをつける事が出来るようになります。

見た方が早いので、こちらのデモを見てください。

HTMLのマークアップはliタグの中にHTMlを書いていくようになっているので、
簡単に構築が可能です。

タッチ操作にも対応しているので、iPhone/Androidでも操作が可能です。

続きを読む

画像の内側にボーダーを付ける方法!CSSだけ!

CSSでボーダーを画像の内側につける

マウスオーバーした際に、ボーダー処理をCSSでつける作業をしていた所、
画像の内側にもボーダーをつけたいと言われてやり方を調べました。

誰かの参考なれば幸いです。

Inner Border on Rollover
↑このような状態が理想です。

結論を言うと、画像にネガティブマージンを適用すればOKのようです。

続きを読む

CSSでカスタマイズ可能なフォトビューア「Glisse.js」

CSS3のキーフレームアニメーションで構成されたフォトビューア

Glisse js  a simple responsive and fully customizable jQuery photo viewer

Glisse.js」はCSSでデザインカスタマイズが可能フォトビューアです。

CSS3の機能がブラウザによっては変わってしまうためIE8などで動作しないのですが
面白そうだったのでご紹介。

続きを読む

[Mac]複数バージョンのSafariを同時に起動する方法

Multi-Safari 複数バージョンのSafariをMacで実行する

さて、昨日Safari4のダウンロード方法を調べてたんですが、もっと簡単な方法があったので情報をシェア。

Multi-Safariを使用すると、複数バージョンのSafariを同時に実行出来るようになります。

Mac版のみなのですが、こういった形で公開してくれるのは嬉しいですね。

Safari1.0から4.0.5まで、各OSに合わせてダウンロードできるようになっています。

続きを読む

Safari4をダウンロードする方法

Safari 4 0 5  Snow Leopard Leopard Tiger Windows

本日、コーディングする際にSafari4での動作確認が必要だったので自分用にメモ。

コーディングする際に複数ブラウザでの動作チェックは必須ですが、
過去にリリースされたバージョンのブラウザを探すのは意外と大変です。

もしかしたら誰かの役にたつかもしれませんので、ブログにも投稿しておきます。

続きを読む

バレンタインデーに使えるアイコンセット10

20120203 01

みんな大好きスマッシングマガジンから、素敵なバレンタインデー用のアイコンが無料でダウンロードできるようになってましたので情報をシェア。

ラブリーなアイコンセットがたくさんありましたよ!

続きを読む

iPhoneアプリに使えるアイコンテンプレート

20120127 01

iphoneアプリを作る際に毎回作るのがアイコンですが、
本日紹介する「App Icon Template」ではアプリ用のアイコンをテンプレート化してダウンロードできるようにしてくれていましたので、情報をシェア。

これで少し作業が楽になる方がいれば幸いです。

続きを読む