タグ

2013年4月7日のブックマーク (25件)

  • Flexible BoxでGrowlみたいな通知UIを実装する - slowjet

    ↑の画像のみたいなGrowlぽい通知UIを作るときに、一筋縄ではいかなそうなところと言えば右上から下へ順に流れていってウィンドウに収まりきらなくなったら、列が変わって左へ流れていくようなレイアウトを作るところでしょうか。言葉が下手すぎたので図を見てください・・・ こういうやつ。 CSS力がめっきり減ってきてるので、確かこういうやつCSSで出来たと思うんやけどなーぐらいの感じだったんですけど、これこそFlexible Boxですね。 Flexibile Boxの詳細はわざわざ説明するのもアレなので以下の仕様書とかサイトを見て把握すればいいと思います。 CSS Flexible Box Layout Module CSS Flexbox Please! Using CSS flexible boxes HTML <div class="mod-notifications"> <div clas

    Flexible BoxでGrowlみたいな通知UIを実装する - slowjet
    ofsilvers
    ofsilvers 2013/04/07
  • 美人スタイリストがあなたのモテ服をコーディネイト!Webサービス「bemool」

    彼女との出会いはFacebookがきっかけでした。 そう、突如私のFacebookの右サイドバーに現れた彼女。 「bemool」のfacebook広告です。 どうやら2012年7月にスタートした新しいWEBサービスらしい。 広告会社で働いていた時は、facebook広告って効果があるのか半信半疑だったのですが、少なくとも「bemool」の広告は私にとって効果ありだったようです。 「美人スタイリスト」による「モテ服」コーディネイトという付加価値 どんなサービスかと言うと、“読者モデルや服飾系学生などのおしゃれ女子が「スタイリスト」として男性の洋服を選んでくれる購入代行サービス”とのこと。 スタイリストさんによって得意なコーディネートが違うようなので、自分で希望するスタイリストさんを選択することができます。 美人過ぎるスタイリストたち 希望通りのスタイリストさんになるかは分からな

    ofsilvers
    ofsilvers 2013/04/07
  • Web業界とやらに思うこと|withComputer

    Web業界の技術革新って日進月歩だと言われるので、棚にある「Web Desigining」の2003年2月号をめくってみた。10年前の業界専門誌には、何が取り上げられているのか。 何が変わったと考えるのか 第1特集は「ブロードバンドでWebは変わったか」。動画配信、Flashによるリッチコンテンツ、Web3Dが取り上げられている。第2特集は「正しいSEOのススメ」。ディレクトリ型検索エンジンからロボット型検索エンジンへの移行、適切なマークアップ、キーワード、検索によるトップページ以外からの流入対策、Webポジショニング。そのほかの連載では、GoLiveを使ったワークフロー、FlashのUIコンポーネント、JavaScriptのクロスブラウザテクニック、など。あと、Mac版Safariのベータ版が提供開始、という記事があった。 取り上げられている技術の中には、今とは扱われ方が異なっているもの

    Web業界とやらに思うこと|withComputer
    ofsilvers
    ofsilvers 2013/04/07
  • アプリやゲームの文言ガイドライン - ぼくはまちちゃん!

    こんにちはこんにちは!! アプリ作ってますか! アプリやゲームの中で使う文言って、意外と大事なんですよね。 ちょっと間違えてるだけで、すごく安っぽく見えてしまうし、 言い回しひとつで、使い勝手がずいぶん変わったり…。 そんなわけで、ガイドラインって程のものではないですが、 文言を書く際に、ちょっと気をつけたいことなどを書いてみたので、 もしよかったら参考にしてみてくださいね。 ・漢字をひらく 漢字をひらがなにします。 迷ったら新聞紙などのルールを参考にすると良いかもしれません。 意外と漢字を「ひらいて」います。 極端な例だと、五月蠅い(うるさい) などです。 漢字変換できるからといって、それが正義ではありません。 簡単な漢字でも、 「下さい」→「ください」 「出来る」→「できる」 「全て」→「すべて」 「等」→「など」 などは、ひらくことを検討すると良いと思います。 (参考) 表記規則:企

    アプリやゲームの文言ガイドライン - ぼくはまちちゃん!
    ofsilvers
    ofsilvers 2013/04/07
  • よいこのTwitterリテラシー -「1番仲の良いランキング」の事例- - WCE blog

    プログラミング班新2年のさじです。 今回は流石にプログラミング班っぽいことを…と思ったのですが 私の大好きなTwitterからHOTなネタがきたので是非それで書かせていただこうと思います。 WebサービスSNSという話題はこの界隈切り離せませんので…ということで。 ちょっと感覚的・感情的な部分も入りますがぜひ今後の参考にしていただければ。 ※記事中の例示ツイートは垢名などを改変して掲載しています。 今回の話題はTwitterと連携するwebサービス「1番仲の良いランキング」(または「Friend Ranking」「あなたのフレンドランキング」) Twitterをされている方は4/4~4/5頃、TLでこんな感じのTweetを見かけたことはないでしょうか 「1番仲の良いランキング」とタイトル付けされた、いくつかの@IDと元サイトらしきURL、ランキング画像… Twitterでよく見かける「あ

    よいこのTwitterリテラシー -「1番仲の良いランキング」の事例- - WCE blog
    ofsilvers
    ofsilvers 2013/04/07
  • デンデラ/老婆の女子力全開! | 映画感想 * FRAGILE

    新作映画・旧作映画・日未公開映画のレビューブログ。面白い映画・DVD・ブルーレイなどを紹介・批評・考察しています。あらすじ、ネタバレあります。 アクション、コメディ、SF、ホラー、ファンタジー、ミステリー、サスペンス、アニメ、ドラマなど。 デンデラ監督:天願大介/2011年/日 姥捨て山に捨てられた老婆たちが、村人に復讐します。 「スカイライン」を見に行ったとき劇場に貼ってあった「デンデラ」ポスターの、倍賞美津子のアイパッチ姿がですね、気になりまして、その後Twitterでもなかなか評判がよろしいと。迷っておりましたところこの映画は1000円で見られるということで、見に行ってきました。お客さんの年齢層高かった〜。 あらすじ:捨てられた老婆たちは、共同体「デンデラ」を作り、村人に復讐する時を待っていた。 斎藤カユ(浅丘ルリ子)は70歳を迎え、姥捨て山に捨てられます。息子に背負われ、雪山へ

    デンデラ/老婆の女子力全開! | 映画感想 * FRAGILE
    ofsilvers
    ofsilvers 2013/04/07
  • パスワード保存とソルトの話

    先日、twitterへのハッキング行為が発見された、という発表がなされました。一部のユーザのデータが漏洩したということです。 この件について個人的に懸念を感じたため、それをこちらに書いておきました。原文では encrypted/salted password と呼ばれていたものが、日語の公式ブログでは「暗号化されたパスワード」となり、これが朝日新聞では「パスワード」と表記されているという問題です。 専門知識があれば、ここにどういう違いがあるかはわかるのですが、そうでなければわからないのも無理はありません。しかし、わからないからといって省略して良いわけでもありません。パスワードと encrypted/salted password は大きく異なります。 ではどう違うのか? この話について、ひと通りの解説をしてみるのも良いのではないかな、と思ったのでしてみます。 「パスワード」は保存されない

    ofsilvers
    ofsilvers 2013/04/07
  • UXの効果が数字でわかる!5つのUX KPI : DeNA Creator(クリエイター) Blog

    プログラミング教育や社員の健康をサポートする「CHO室」の取り組みなど、DeNAのCSRに関する情報を発信するブログ

    UXの効果が数字でわかる!5つのUX KPI : DeNA Creator(クリエイター) Blog
    ofsilvers
    ofsilvers 2013/04/07
  • 酒飲みに10年後の顔の老化を見せてくれるアプリDrinking Mirror

    Drinking Mirror、その名も飲酒鏡、というこのスマートフォンアプリは、自分の顔写真と今飲んでいる酒量を与えることで、10年後にどんな顔になるかを予想してくれるアプリです。 まず、顔写真を用意します。アプリ上か […] Drinking Mirror、その名も飲酒鏡、というこのスマートフォンアプリは、自分の顔写真と今飲んでいる酒量を与えることで、10年後にどんな顔になるかを予想してくれるアプリです。 まず、顔写真を用意します。アプリ上からカメラを起動して撮影することも可能。 写真の目の高さや目の位置を画面上で調整します。 次に、一週間の酒量をグラスの数で自己申告。 もしこの人が毎週10杯以上(175mlを一杯とする)飲んでいるなら、10年後にはこんな感じになるのだとか。肌はかさつき、頬には赤みが広がり、老化はより速くなり、体重も増える、と。 下のスライダーで少し小さいグラスに変え

    酒飲みに10年後の顔の老化を見せてくれるアプリDrinking Mirror
    ofsilvers
    ofsilvers 2013/04/07
  • 下半身が32年フリーザなんですけど、「iroha」の全貌見てたらナメック星が爆発しそう。 - エロマンティック

    まあ、覚えてる範囲で言えば、修学旅行かな。 私にとってのお泊り騒動って言ったら。 かれこれ1時間くらい森みたいなとこを歩かされて、 そこの地域で一番長いって言われる滑り台を滑ってみることになって。 それが小学生だった私からすると、もうね、ちょっとしたジェットコースターくらい長くてね、 絶対バレないし、誰にも見えないと思って、1時間我慢した震える膀胱を思う存分に解き放したんだけど、 まあ、滑り台ですからね。 オシッコと並走して滑り降りて来たよね。 クラスメートたちの前に。 修学旅行の楽しげなシャッターチャンスを狙って、滑り台の途中で構えてたカメラマンもビックリですよね。 カラッカラの晴れにね、一人だけねスプラッシュマウンテンみたいな子がいんの。 水しぶき上げてね、滑降してくんの。 そこは思わずシャッターを切られたよね。 それがまあ、私にとってのお泊り騒動っていえば、お泊り騒動かな。 騒動の部

    下半身が32年フリーザなんですけど、「iroha」の全貌見てたらナメック星が爆発しそう。 - エロマンティック
    ofsilvers
    ofsilvers 2013/04/07
  • スマートフォンでの実機テストを圧倒的にラクにする方法 - おっさんディレクターブログ

    スマートフォンで実機テストを行うことがある人はよく分かると思うのですが、何が面倒くさいって、ベーシック認証が圧倒的に面倒くさいですよね! 手元のPCでIDとPWを確認しつつ、慣れない端末でちまちまとそれを入力…思い出しただけで嫌になりそうです。 ただでさえPCよりテストする端末が多かったり、フルキーボードに比べ入力が面倒なスマートフォン。忙しいディレクター(でなくとも誰だって!)なら、少しでも時間を節約したいはず! そこで、一撃でベーシック認証を突破する方法がこちら。 http://user:password@hogehoge.com/ userにユーザー名を、passwordにパスワード 、そして@以下にテストしたいサイトのURLを入力。 これをPCからスマートフォンにメールなどで送りブラウザで開けば、一発でベーシック認証を突破することができます。 スマートフォンのブックマークに追加して

    スマートフォンでの実機テストを圧倒的にラクにする方法 - おっさんディレクターブログ
    ofsilvers
    ofsilvers 2013/04/07
  • Podcastはじめました&Podcastのはじめ方 - As a Futurist...

    miyagawa さんが始められたのをみて、そういえば Podcast ってどういう仕組でやってるのかすら知らないので勉強ついでにやってみようかなと思って始めてみたら、思った以上に手間がかかってしまったので、3 行でまとめて「みんなも始めよう!」という感じにしたい。 Mac で録音して無音とかカットする github page にアップして Tumblr でブログ作って Feedburner で RSS 作る iTunes から RSS を登録してレビュー通ったら完成! miyagawa さんの Podcast を大いに参考にさせて(パクリとも言う)頂きました。感謝!というわけで、僕の Podcast はこちらになります。まだ ep0 で、次回から気だす! iTunes – Podcast – Ryosuke Iwanaga「riywo’s Podcast」 riywo’s Podcas

    Podcastはじめました&Podcastのはじめ方 - As a Futurist...
    ofsilvers
    ofsilvers 2013/04/07
  • growthforecast-client (gem) をリリースしました : sonots:blog

    growthforecast-client (gem) をリリースしました : sonots:blog
    ofsilvers
    ofsilvers 2013/04/07
  • ゆるふわなかんじで Chef の話題をするためのIRCチャンネルをつくってみた - Studio3104::BLOG.new

    #chef-casual@freenode だいぶふわふわしててよい。誰もいないからです。ふわふわな人たちが何人か来た。 参考:ゆるふわなかんじで perl の話題をするためのチャットルームをつくってみた - blog.64p.org

    ゆるふわなかんじで Chef の話題をするためのIRCチャンネルをつくってみた - Studio3104::BLOG.new
    ofsilvers
    ofsilvers 2013/04/07
  • irssiで良い感じにlingrができる irssi-lingr - unknownplace.org

    最近、 Perlの話題を日語で – Lingr お気軽なかんじで、Perl に関する話題をしましょう。 初心者のかたでも御気軽にPerl の質問など、もりもりしてください♪ というLingrの部屋が盛りあがってる。 最初はブラウザで見ていたんだけど、だんだんつらくなってきたので、APIを使ってirssiでLingrチャットができるのを作りました。 https://github.com/typester/irssi-lingr ~/.irssi/scripts に置いて、 irssi内から、 /run lingr /set lingr_user your_lingr_username /set lingr_password your_lingr_password /set lingr_api_key your_api_key # オプション /lingr start で lingr/* と

    ofsilvers
    ofsilvers 2013/04/07
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

    ofsilvers
    ofsilvers 2013/04/07
  • SVGをもっと活用するために使いたい·svg.js MOONGIFT

    svg.jsはアニメーションやイベント駆動型のSVGを実現するライブラリです。 SVGはまだ広く利用されているとは言いがたいですが、ビットマップではなくベクターデータなので拡大してもきれいなど特徴が多数あります。今回紹介するsvg.jsはSVGを使ったアニメーションを実現するライブラリになります。 デモです。単純なオブジェクトの生成、移動、中央寄せが簡単に指定できます。 クローンして重ね合わせ。重心の判定、傾けるのも手軽です。 X軸、Y軸のずらし。塗りつぶし。 枠だけを描く、グラデーション(線形、円形)。 クリック、マウスオーバー、画像マスクもできます。 クリックしたオブジェクトだけ色を変更します。 さらにアニメーションも自在に。 プラグインによる拡張もサポート。 svg.jsを使えばアニメーションはもちろんのこと、画像を重ねて表示したり、マウスイベントによって形状や色を変更したりすること

    SVGをもっと活用するために使いたい·svg.js MOONGIFT
    ofsilvers
    ofsilvers 2013/04/07
  • Twitterブログ: 日本の皆さんにも「全ツイート履歴」が使えるようになりました

    ご自分の過去のツイートを見たいと思われたことはありませんか?過去にどんなツイートを書いていたかがわかる「全ツイート履歴」機能が日の皆さんにもご利用いただけるようになりました。 この機能はウェブのTwitterをご利用の方のみ利用いただけます。画面上部の黒いタブ部分にある歯車型のアイコンをクリックし、プルダウンメニューを表示します。メニューに有る「設定」をクリックし、「ユーザー情報」ページを表示します。そのページの一番下の方に「全ツイート履歴」があります。 この「全ツイート履歴をリクエストする」というボタンをクリックすると、Twitterに登録された時のメールアドレスに「ツイート履歴ダウンロードの準備ができました」というメールが送られてきます。このメールにあるリンクから飛んだページより、全ツイート履歴をダウンロードすることができます。登録しているメールアドレスが携帯メールの方は、パソコンの

    ofsilvers
    ofsilvers 2013/04/07
  • 【画像あり】立花隆(72)の書棚が凄いと話題に 地上3階・地下1階の仕事場のビルに約20万冊! : 哲学ニュースnwk

    2013年03月23日08:00 【画像あり】立花隆(72)の書棚が凄いと話題に 地上3階・地下1階の仕事場のビルに約20万冊! Tweet 1: アジアゴールデンキャット(愛知県):2013/03/22(金) 22:37:28.75 ID:UxWYI/Gl0● 『立花隆の棚』新刊超速レビュー【HONZ】 レビュアー:成毛 眞 『ノンフォクションはこれを読め!?HONZが選んだ150冊』、 『面白い』と立て続けに「」を出版してきたHONZだが、 この「」には驚いた。なんと文650ページ、 うちグラビア写真188ページ、厚さ5.2センチ、重さ875グラムで3000円なのである。 1グラム3.43円。1ページ4.6円だ。これで「知の巨人」立花隆の棚を じっくり見せて貰えるのだからまさにお買い得だ。 書の制作にあたってははまず写真が撮られた。 しかも書棚1段1段をレーザー墨

    【画像あり】立花隆(72)の書棚が凄いと話題に 地上3階・地下1階の仕事場のビルに約20万冊! : 哲学ニュースnwk
    ofsilvers
    ofsilvers 2013/04/07
  • 挫折を生かすための3つのヒント | ライフハッカー・ジャパン

    コーチングの仕事をはじめたばかりだった8年前。私は、国際的な広告代理店相手の大きな契約を獲得してワクワクしていました。同社のさまざまなポジションの社員たちを対象に、月に数回、プレゼンテーションや管理のスキル、プロフェッショナル・プレゼンス(プロに必要な心構えなど)について、訓練とコーチングを行うのです。 夢のような仕事でした。事業もうまく進んでいましたが...その3年後、最重要クライアントが、別の広告代理店に合併されることに。合併した代理店は、元から取り引きのあった業者を優先し、その中に私は入っていませんでした。 私は突然、得意の絶頂から失意のどん底に叩き落されました。かなりの収入を失っただけでなく、そのクライアント関連で思い描いていた将来の計画や、新規事業の開発を先延ばしにするという「贅沢」、そして自分自身のプライドも失ってしまったのです。その後、事業のほうは、その当時の損失を補って余り

    挫折を生かすための3つのヒント | ライフハッカー・ジャパン
    ofsilvers
    ofsilvers 2013/04/07
  • 安全圏から他人を笑うのは楽しい - phaの日記

    年に一回か二回くらい、すごく疲れて憔悴して、ややこしいことを考えたり複雑な遊びをする気力はなくて、「何もインターネットで見たくないけど何かインターネットで見たい」みたいな気分になったとき、2ちゃんねるの家庭板のまとめを読んだりする。 家庭板というのは家庭のことを書いてる板で、具体的に例を挙げると嫁姑の争いの愚痴とか配偶者への不満とかそういうのが集まっている。まとめサイトとしては真のエネミーは配偶者 まとめサイトとか義実家にしたスカッとするDQ返し☆まとめサイト @ ウィキとかHagex-day infoとか。2chじゃなく発言小町watchだけど元トピ職人の釣り解説も家庭に関する話題を取り上げていてエンターテインメント性が高い。 なぜそういう種類のサイトを読むのか。それが自分にはあんまり関係ないから、安心して安全圏から人の愚かさを楽しめるからだ。僕自身が家庭というものに全然執着がないので、

    安全圏から他人を笑うのは楽しい - phaの日記
    ofsilvers
    ofsilvers 2013/04/07
  • 携帯電話の歴史に残る「世界を変えた」12台の名機

    ofsilvers
    ofsilvers 2013/04/07
  • わたくしがいまさらGoogle+やっとけと強く薦める理由

    不肖わたくし、ずっと前にGoogle+がスタートしたばかりのとき、いろいろdisるエントリーを書いております。 たとえばこんな感じ Googleは壁にミートソースぶつけてなにが残るか試しているのか?! しかし、ある時、鷹野さんという方のブログを読み、考えを一転させまして「とりあえずGoogle+はやっとけ、毎日運用しろ」に方向転換いたしました。いままでソーシャルはアクセスの流入とだけ考えていたのですが、それじゃいかんと手のひら返しました。まるで維新の橋下さんのようです。日はどうしてそんな風に方向転換を行ったのか、簡単に解説したいと思います。 その前にGoogle+ですが、いつものようにループスからデータをお借りしますと・・ もともとニールセンのWindows PCからのみというちょい偏った統計からで、いまやソーシャルの過半数(mixiなんて大半がそう)がモバイルからという状況では正確とは

    わたくしがいまさらGoogle+やっとけと強く薦める理由
    ofsilvers
    ofsilvers 2013/04/07
  • 人気Twitter女子に聞く! モテツイートの鉄則

    こんにちは。小野ほりでいです。 突然ですが、インターネットでチヤホヤされたくありませんか? Twitterに限らず、さまざまなSNSで自分のことを諦めて「モテない」などと書き込む人が増えていますが、そんなことをしていては悪循環です。 今日は覚悟を決めて、Twitterモテの第一人者から生き馬の目を抜く戦術を教えてもらいましょう。 <登場人物> エリコちゃん パソコンとインターネットのことはからっきしのOL。要領が悪い。 ミカ先輩 エリコが働く部署の先輩。仕事ができるうえに、実生活でもネット上でもモテモテ。 インターネットモテとは? はぁ~。今日もいっぱいリプライが来て大変だわ~。 すごいなあ。先輩って、どうしてそんなにモテるんですか? それはあんた、いろいろやってるからね。 いいなあ、あたしもTwitterでチヤホヤされたい…。 あら、誰だって工夫すればチヤホヤしてもらえるわよ。 教えてあ

    人気Twitter女子に聞く! モテツイートの鉄則
    ofsilvers
    ofsilvers 2013/04/07
  • 春アニメ『惡の華』作画(キャラ絵)がヤバ過ぎるwwwww  誰得なんだwwww|やらおん!

    名前:名無しさん 投稿日:2013年04月05日 22:43 え?これまじなの?え? 名前:名無しさん 投稿日:2013年04月05日 22:43 クソワロタ 名前:名無しさん 投稿日:2013年04月05日 22:43 佐伯さんはあんなにブスじゃない!絶対に許さない。 名前:た 投稿日:2013年04月05日 22:43 普通にやったら話題にならないで空気になるからこのくらいやるべき 名前:名無しさん 投稿日:2013年04月05日 22:43 さすがにワロタwww 原作レイプにも程があるな 名前:名無しさん 投稿日:2013年04月05日 22:44 ックッソwwwwwwwwwwwwww 名前:名無しさん 投稿日:2013年04月05日 22:44 ひでえええww原作好きに… 名前:名無しさん 投稿日:2013年04月05日 22:44 どうしてこうなった 名前:名無しさん 投稿日:2

    ofsilvers
    ofsilvers 2013/04/07