ドットインストール代表のライフハックブログ
1週間ほど入院していた間に面白そうなサービスが続々登場していたのでそれらを紹介します。 ひとつひとつ扱いたいなーと思いましたが、今回は合計5つのサービスをさらりと紹介しますね。 気に入ったものがあれば登録して使ってみましょう。 紹介するサイトは以下のとおり。 ・ロケタッチ ・はてなココ ・Twitraq ・絶版堂 ・Fonts2u.com 以下に概要と今私が思っていることを載せておきます。 「ロケタッチ」はライブドアの新サービス。 位置情報を扱ったサービスとなります。 はやい話、foursquareと同じようなものと考えればいいかと。 利用するにはライブドアIDが必要です。 次に紹介する「はてなココ」もそうですが、 こういったサービスはもっとリアルに結びついてこそ意味があると思います。 チェックインすると、バッヂやシール、コインがもらえるのですがもっとこれを活かしたいですねー。 タッチする
森のあるところが緑に塗られただけの世界地図に見えますが、これNASAが発表したこれまでになかった地図だということです。 軌道上の衛星からのレーザーが、木々のてっぺんに当たった時の光と、地面まで行って反射してきた光のパルスの違いを計測するLIDARという技術を使うことで、世界中に生えている木々の高さを測れるようになったのだとか。7年間に渡って集めた2億5千万のレーザーパルス情報を処理してプロットしたのがこの地図だそうです。 ブラジルやインドネシアがとても濃い緑になっているのがわかりますね。日本も緑でいっぱいですが、世界には低い森もない地域が大きく広がっていることもわかります。北米の太平洋側、北カリフォルニアからシアトル、バンクーバーにかけての森は、巨木が多いために濃い緑色で塗られています。 今回集めたデータはもともと森を調べる目的で作ってなかったということもあり、10年以内に行われる次期プロ
Bubble Engine - Plugin for jQuery - SOYOS Labs 泡のアニメーションで癒しを演出できるjQueryプラグイン「Bubble Engine」。 次のように泡をページ内にアニメーションできます。 ちょっとしたサイトの演出に使ってみてはどうでしょう。 大量に発生させるとコマ落ちしてしまう点に注意したいですが、バブル発生に特化したプラグインということで、なかなか面白いですね。 関連エントリ アニメーションの残像が残るjQueryアニメーションチュートリアル キャラクターとバックグラウンドをアニメーションさせられるjQueryプラグイン「Spritely」 ブロック内の背景画像をスクロールアニメーションするjQueryサンプルプログラム jQueryでアニメーションするソート可能なデータグリッド実装ライブラリ
ユーザー急増中のEvernoteですが、初心者がよく聞く質問で「分類できないノート」があります。確かにどのノートブックにも入りそうになく、どんなタグをつけてもしっくり来そうにない、と思えるノートはあるでしょう。分類に困ったら、どういうタグをつけたらいいでしょうか。 最近立て続けに大きなバージョンアップもあって、いよいよ機能も充実、ユーザーも急増中のEvernoteですが、「最近になって使い始めた」という人がよく聞いてくる質問が「分類できないノート」のことです。 確かにどのノートブックにも入りそうになく、どんなタグをつけてもしっくり来そうにない、と思えるノートはあるでしょう。 そんな場合には「その他」や「いつか読む」というノートブックを作るのが1つの方法ですが、大量のノートをため込んだ「その他」ができるだけで、意味がないと思う人もいらっしゃいます。 だからといって、「たった1つのノート」だけ
jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー。css3を使っています。 Fly-out Menu with jQuery and CSS3 Rocking and Rol
更新履歴 2011-09-29 Ver 0.1.3 に更新 垂直方向へのスクロール状態でのメニュー表示位置ずれ不具合を修正しました。 2010-12-01 Ver 0.1.2 に更新 ドロップダウンメニューの保持を示すマーカー(»)の表示位置の調整処理を補正しました。 2010-11-17 Ver 0.1.1 に更新 メニューが画面の端で展開された際に、ウィンドウの表示枠からはみ出て隠れてしまわないように、表示位置を補正をするようにしました。Demo 先日、イントラの WEB ページで 10 年以上使用してる Java アプレット製のドロップダウンメニューを JavaScript でリニューアルしたいという相談を受けました。jQuery のプラグイン使えば簡単かなと思い安請け合いしたのですが、なかなかしっくりくるプラグインを見つけることができませんでした。具体的には水平/垂直の両方向に対応
MopBox 複数パネル(デモには100以上のパネルも)の表示にも対応した、画像・Flash・動画などを表示できるドラッグ移動可能なボックス。
紙の雑誌向けデータをPDF化してiPad上で読めるようにしたコンテンツは多い。ただし、元々紙を前提にデザインされた雑誌は、当たり前だが紙で読むのがもっとも適している。そんななか、毎日新聞社が発売したiPad専用写真誌の「photoJ.」(フォトジェイドット)がiPadユーザーの間で話題だ。このphotoJ.の制作・デザインを手掛けるクロスデザインの代表取締役である黒須 信宏氏にiPad向け雑誌の制作や紙の雑誌との違いなどについて聞いた。(聞き手は大谷 晃司=日経NETWORK) photoJ.の制作環境を教えてください。 (米国の雑誌である)TimeのiPad版と同じシステムで作っています。オランダのWoodWing社が開発した(米Adobe SystemsのDTPソフトである)InDesignのワークフローを効率化しコンテンツを管理するためのシステムです。このシステムにInDesignの
インターネットやメールでのコミュニケーションをさらに楽しくしてくれる「顔文字」。今やそのバリエーションは昔とは比べ物にならないほど増え、かなり凝った表情の顔文字や、人気キャラクターにそっくりな顔文字なども見かけるようになりましたよね。今回は、はてなブックマークでも話題になったユニークな「顔文字」を集めてみました。 ■どんどん進化する「顔文字」 最近はTwitterなどでも、今までに見たことがないような、ちょっと変わった顔文字を見かけることが多くなりました。今や顔文字はこんなにも表情豊かになっているようです。 ▽ Twitterで使える日本人には無い発想で作られた顔文字、絵文字 | naglly.com こちらのエントリーで紹介しているのは、思わず「こんなのも作れるの!?」と言いたくなるような、ユニークな顔文字の数々。表情の決め手となる“目”に使えるパーツだけでも、かなりの種類があることが分
森ガール――”森にいそうなファッションの女の子”――というmixi発祥の言葉が市民権を得て久しいです。クマさんリスさん妖精さんらに囲まれて、やわらかな木漏れ日の中でまったりと時間を過ごすイメージなのでしょう。しかし山男や森ボーイ、そして野外活動を好む女性の皆様におかれましては、そんな風潮にどこかモヤモヤした感情を隠せなかったことと思います。そう、森はそんなに甘くない、と。 ということで、森ガールが(正確には森ガールっぽく女装した森ボーイが)ふわふわファッションで森に入るとどういうことになるのか、実際に試してみました。 まず、森ガールとは 「森ガール」とは文化系女子のライフ・ファッションスタイルのひとつです。森ガールの定義は多々ありますが、代表的なものを森ガール雑誌より引用します。 ゆるい感じのワンピースがすき パフスリーブにきゅんとする ラウンドトゥが好き 友達に「森にいそうだね」と言われ
Colortip ? a jQuery Tooltip Plugin ? Tutorialzine 色合いを選べるツールチップ実装jQueryプラグイン「Colortip」 デフォルトで6つのテーマを選択することが出来ます。 ツールチップ自体のデザインも次のようになかなかいい感じです。 ヒントに色分けで意味合いを持たせてより、分かりやすいヒントを付けられそうですね。 関連エントリ 画像なしで実現するCSS吹き出しツールチップ実装サンプル色々 画像付きのオシャレなツールチップを実装できるjQueryプラグイン「TinyTips」 スタイリッシュでカスタマイズ性のあるツールチップjQueryプラグイン「qTip」 CSSだけで実装するアイコン付きのセクシーなツールチップ作成チュートリアル
cssスプライトをjQueryと組み合わせて 使用するAutoSpritesをご紹介します。 軽量化できるので人気のあるcssスプ ライトにjQueryを加える事でより豊かな 表現が可能になりますね。 HTMLソースも綺麗なまま使えますのでなかなか使えそうです。問題のIE6、7での実装もクリアしていますよ。 フェードするエフェクトがクールですね。 cssスプライトを使用しており、3種の画像を使って表現しています。 マークアップ HTMLのマークアップは以下のようにシンプル。 <ul id="hnav"> <li id="hnavhome"><a href="#">Home</a></li> <li id="hnavlocal"><a href="#">Local Industry</a></li> <li id="hnavhigher"><a href="#">Higher Educati
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く