タグ

ブックマーク / blog.creamu.com (17)

  • 奥行きのある回転を可能にする「Roundabout」 – creamu

    Roundaboutは、奥行きのある回転を可能にするjQueryプラグインです。 その他にも、動きのスムーズなデジタル時計や、CSS3 3D Transformsのサンプルなどがあります。 Roundabout

    yuiseki
    yuiseki 2012/03/05
  • Twitterのような通知バーを実装するjQueryプラグイン – creamu

    ポップアップメッセージをありきたりのものにしたくない。 そんなときにおすすめなのが、『Notify Bar』。Twitterのような通知バーを実装するjQueryプラグインです。 Twitterで投稿したりすると、ブラウザの上部にぴょこっと表示されるメッセージですね。delayなど、カスタマイズできるようになっています。 ソースもダウンロードできるので、一度見てみてはいかがでしょうか。 ‘Notify Bar’ plugin 今日もいい天気ですね〜出かけていい休日にしたい。

    yuiseki
    yuiseki 2010/01/17
  • モバイルサイトを作るときに参考になるサイト – creamu

    Mashableで、モバイルサイトを作るときに参考になるサイトが紹介されています。 いくつかご紹介しますね。 Mippin RSSを使ってサイトのモバイル版が作れるサービス WPtouch WordPressiPhoneAndroid携帯に対応させてくれるプラグイン Mobify デバイスごとの表示をリアルタイムに確認しながらCSSを編集できる。A List Apartがこれで作られた iPhone Compatible CSS Layouts iPhoneに対応したCSSレイアウトを配布 Smashing Magazines’s Mobile Design Showcase 9月にSmashing Magazineがまとめた、iPhoneデザインまとめ CSSiPhone iPhoneサイトのCSSギャラリー A List Apartの例はとてもいいですね。 一度見てみてください。

    yuiseki
    yuiseki 2009/11/28
  • 魅力的なUIにするためのjQueryプラグイン20 – creamu

    Six Revisionsで、魅力的なUIにするためのjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » SimpleModal シンプルなモーダルウィンドウ » Panel Gallery ユニークなトランジションを持つスライドショー » Easy Image Gallery サムネイル表示型のイメージギャラリー » PikaChoose Belvedere Incに見られるクールなギャラリー » SlideBox たくさんのリンクを表示できるスライドボックス » Single Drop Down Menu シンプルなドロップダウンメニュー » Mouse Over Animation for Text テキストにマウスオーバーすると、明度を変えてくれたりうにょ〜っと拡大してくれるエフェクト あまり見たことのないものやシンプルで使いやすそうなギャラリーなどが揃っていま

    yuiseki
    yuiseki 2009/09/11
  • フリーのjQueryコンテンツスライダー15 – creamu

    VISIONWIDGETというサイトで、フリーのjQueryコンテンツスライダーがまとまっています。 ざっといくつかご紹介。 » jFlow かわいいフォトスライダー » Create Featured Content Slider Using jQuery UI サイドバーにナビゲーションのあるスライダー。自動で切り替わる » A Basic Content Slider With jQuery 左右にボタンを配置したシンプルなスライダー » JC Play List xmlからリストを取得できるFlashコンポーネント » Creating a Slick Auto-Playing Featured Content Slider CSS-Tricks.comによる、Coda Sliderのようなとてもクールなスライダー かっこいいものがそろっているので実装したくなりますね。 その他のリ

    yuiseki
    yuiseki 2009/08/24
  • JSでモーダルウィンドウを実装する方法20+ – creamu

    「DESIGN LABEL」で、JSでモーダルウィンドウやダイアログボックスを実装する方法がたくさん紹介されています。 ざっといくつかご紹介。 » Prototype Window prototypeフレームワークをベースにしたjavascript » Simple Modal いろいろなタイプのモーダルダイアログボックスを作るjQueryベースのプラグイン » Moodalbox Ajaxで外部コンテンツを表示する。mootoolsを使用 » jqModal マルチモーダルダイアログ(モーダルの中にモーダル)が可能なjQueryプラグイン » Lightwindow pdf、flash、QuickTimeなどのファイルをJSダイアログボックスで開ける » Facebox 画像やdiv、ページ全体を表示するためのFacebookスタイルのlightbox クールなインターフェースが揃ってい

    yuiseki
    yuiseki 2009/03/28
  • フォルダに画像を入れるだけでフォトビューアを作ってくれる『Visión』 – creamu

    Simple PHP/JS/CSS Photo Viewerという「Visión」が公開されています。 As you place images into the specified images folder, Visión automatically updates. 特定の画像フォルダに画像を入れると、Visiónは自動的にアップデートされる。 とのことで、使いやすいビューアとなっているようですね。 以下の環境でテスト済みとなっています。 ・Internet Explorer 6 & 7 ・Firefox 2.0.0.9 & 2.0.0.2 (Ubuntu) ・Safari 2 & 3 ・Opera 「Download Visión」からソースをダウンロードできるので、一度使ってみてはいかがでしょうか? » Visión, Simple PHP/JS/CSS Photo Viewer

    yuiseki
    yuiseki 2009/03/15
  • モダンなインターフェースデザインのチュートリアル7選 – creamu

    モダンなインターフェースをデザインしたい。 そんなあなたにおすすめなのが、『7 Stunning tutorials to design modern interfaces for websites 』。モダンなインターフェースデザインのチュートリアル7選だ。 以下にご紹介。 FaceBox Facebookスタイルのlightbox。画像やdiv、ページ全体を表示できる Mochaui Mootoolsをもとにしたライブラリ SmoothGallery 2.0 画像ギャラリーやスライドショーを作れるシステム。mootools v1.11を使用している MooSlide revamp slider とてもクールなスライダー MooFlow フルスクリーンにできたり、マウスでスクロールできたりする機能の豊富な画像ギャラリー Simple images slider to create Fli

    yuiseki
    yuiseki 2008/09/25
  • 下の世界に行かないためのチェックリスト | CREAMU

    ちょっと精神的なエントリーですがご容赦ください。。あまり興味のない方はスルーの方向でお願いしますm(_ _)m 精神レベルについて思うことがあったのでエントリー。 僕はジゴク(過激な表現ですが・・なのであえてカタカナで)は存在すると思っていて、そこではマイナスのエネルギーを吸収してアクマが生きています。 たとえば僕たちがマイナスの思いを持ったとき、アクマはそれに同調してきます。力の限りそのマイナスのエネルギーを増幅しようとしてきます。 そのときに僕たちに必要なのは、冷静になって思いの針を元の位置に戻し、マイナスの気持ちになった原因をまっさらなノートに書きとめ、アクマの立ち入る隙がないようにしっかりとカギをかけることです! というわけでこういう感じのエントリーで、↓が下の世界に行かないためのチェックリストです(精神的ですよね。。)。もちろん自分に対しての戒めでもあります。 文句やぐちが出てき

    yuiseki
    yuiseki 2008/09/03
  • あとで調べるためのライフハックツール『ATODESHIRABERU』 – creamu

    これはあとで調べることにして今は仕事に集中したい。 そんなときにおすすめなのが、『ATODESHIRABERU』。あとで調べるためのライフハックツールです。先週から言っていたサイトですが、やっと完成しました! 何か作りたいなと思って友人とメッセをしているときに、こういうの作ってよ、とアイディアをもらったのがきっかけで、土曜日からがっつり開発してデザインして、と、今日は徹夜までしてしまい、、やっと完成させました。 やっていることはそんなに難しくなく、ユーザ認証 + クエリ保存です。ログイン後、あとで調べたい言葉を入力することで登録され、GoogleYahoo、MSNの検索クエリURLが発行されます。 あとは時間ができたときにぽんぽんリンクをクリックしていくだけ、というシンプルツール! URLが発行されるだけなら面白くないなと思ったのですが、友人がこう言っていたので、 ———————————

    yuiseki
    yuiseki 2008/04/16
  • オープンソースのRuby on Rails 家計簿ツール『Check it Out』 – creamu

    最近あんまりお金が貯まらないなー、というあなたにおすすめなのが、『Check it Out』。 このサイトでは、家計簿ツールをオープンソースで配布している。Ruby on Railsでできているというからクールだ。 「Ruby on Railsの知識は少しでOKだよ」と言っているから試しに作ってみると勉強になっていいかもしれない。 デフォルトのインターフェースはとてもシンプル。カテゴリーを選んで。買ったものと値段を入力して、と。チェックボックスでリストされていく感じがいい。操作はここからDemoで試すことができる。 毎日の生活の管理に使えるツール、いろいろと考えたいですね。 これはすぐに作れそう。PHPで一から作っちゃおうかな。 ちょっと温めていたツールの制作に一気に取りかかりました。テーブル設計ができたところ。今週末当たりにはできるかな。シンプル&使いやすいツールになる予定なので、お楽し

    yuiseki
    yuiseki 2008/02/06
  • Flashや動画にもlightbox効果をあたえてくれるJavascript『Shadowbox.js』 | CREAMU

    画像だけでなく、Flashや動画もかっこいいインターフェースで見せたい。 そんなあなたにおすすめなのが、『Shadowbox.js』。Flashや動画にもlightbox効果をあたえてくれるJavascriptだ。 『Shadowbox.js』では、画像やFlashや動画をクリックすることで、周りがグレーアウトするインターフェースを作ることができる。 周りがグレーアウトすると、Flashや動画が映えてとても綺麗だ。 以下のブラウザに対応しているほか、 ・Firefox 1.5+ ・Camino ・Safari 2+ ・Opera 9+ ・Internet Explorer 6+ ライセンスは GNU Lesser General Public License となっている。 かなり使えるJavascriptではないだろうか。 Flashや動画にもlightbox効果をあたえてくれるJava

    yuiseki
    yuiseki 2008/01/31
  • tumblrのRSSをブログに貼付けられる『tumblrss』 – creamu

    開発合宿でのリリース、ということで、tumblrのRSSをブログに貼付けられる『tumblrss』をお知らせします。 tumblrを書いていても、メインでブログを書いているし、ちょっとしたメモ程度に書いている人が多いのではないでしょうか。 せっかくなら、ブログでもtumblrのエントリーを紹介できれば、ブログを書いている人にとって便利なのではと思って作りました。 使い方は簡単。 以下のスクリプトをブログに貼付けてください。 <script type=”text/javascript” src=”http://www.timehacks.jp/tumblrss/tumblr.php?id=yourID&number=3&width=200″ charset=”UTF-8″> </script> ・ID ・表示する記事数 ・幅のピクセル の3つのパラメータを用意しています。 id= にご自身の

    yuiseki
    yuiseki 2008/01/30
  • 無料で50GB使えるオンラインストレージ『ADrive』 – creamu

    大容量のファイルストレージが使いたい。 そんなあなたにおすすめなのが、『ADrive』。無料で50GB使えるオンラインストレージだ。 50GBということなので、かなりの大容量だ。すべてのファイルタイプに対応しているとのことなので、いろいろな用途で使えるだろう。 無料で50GB使えるオンラインストレージ、チェックして使っていきたいですね。 ユニットを結成しました!実績も実力もある女性ボーカルとのユニットです。 かなり楽しくなりそうです。ユニット名が決まったりホームページもできたらまたお知らせします。 ひとまずDAW環境を再構築ですね。Pro ToolsのMBoxを買おうかな。 テンションめちゃめちゃ上がってきましたw。 久々にサンレコを購入。がんがんいきます!

    yuiseki
    yuiseki 2008/01/07
  • 無料で使えるビデオリッパー・エンコーダ・コンバータTOP10『Top 10 Free Video Rippers, Encoders, and Converters』 – creamu

    Diary 無料で使えるビデオリッパー・エンコーダ・コンバータTOP10『Top 10 Free Video Rippers, Encoders, and Converters』 動画をローカルにリッピングやダウンロードしたり、iPod用などに変換したい。 そんなあなたにおすすめなのが、『Top 10 Free Video Rippers, Encoders, and Converters』。Lifehackerによる、無料で使えるビデオリッパー・エンコーダ・コンバータTOP10だ。 以下にご紹介。 » Handbrake(オープンソース / Win,Mac) DVDをMPEG-4に変換してバックアップ » DVD Shrink(フリーウェア / Winのみ) DVDをリッピングしてハードディスクに保存できる » iSquint(フリーウェア / Mac OS Xのみ) ビデオファイルをi

    yuiseki
    yuiseki 2007/11/01
  • 効果音や日常の音を投稿、ダウンロードできるコミュニティー『soundsnap』 – creamu

    日常の音をサンプリングしたい。 そんなあなたにおすすめなのが、『soundsnap』。効果音や日常の音を投稿、ダウンロードできるコミュニティーだ。 『soundsnap』では、動物や工場、自然の音など、いくつかのカテゴリーにわかれて音が投稿されている。それをmp3などでダウンロードすることが可能だ。 タグもついていて、drumloopやpercussionなど、楽曲制作にも使えるだろう。 音を投稿するコミュニティー、ちょっとニッチなサービスから何かを学びたいですね。 ちょっと気が向いたのでimgのアンカーにtarget=”_blank”を入れました。こっちの方が使いやすいかなと。

    yuiseki
    yuiseki 2007/07/04
  • WordPressのかっこいいデザインテンプレート100選 – creamu

    WordPressのかっこいいデザインテンプレートを探している。 そんなあなたにおすすめなのが、『TICKLE IN MY MIND』と『Dr. Web Weblog』。WordPressのかっこいいデザインテンプレートを紹介しているサイトだ。 今回、WordPressのデザインテンプレートを探しているときにいろいろと見てみたのだが、最終的に質的にも量的にもこの2サイトに行き着いたための紹介となる。 『TICKLE IN MY MIND』では20選、『Dr. Web Weblog』では80選紹介されている。 『TICKLE IN MY MIND』の方が、ぱっと見ていいものがそろっているように見える。しかもこちらの方が使いやすい。「download」リンクがついているため、一発でダウンロードが可能だ。 ダウンロード後、解凍してできたフォルダを丸ごとWordPressのthemesフォルダに置

    yuiseki
    yuiseki 2007/04/11
  • 1