ぶつからないかギリギリ…ギリシャの「コリントス運河」を船が通過する写真いろいろ : らばQ
ぶつからないかギリギリ…ギリシャの「コリントス運河」を船が通過する写真いろいろ エーゲ海とイオニア海（コリンティアコス湾）を結ぶ、ギリシャのコリントス運河は1893年に完成しました。 全長は6kmを超えますが幅は25m未満と狭く、少し大きな船が通ると岩壁にぶつからないか不安になるほどです。 ギリギリの写真をご覧ください。 コリントス運河が位置するのは首都アテネの西約80km、ペロポネソス半島の根元。 Google MAPはこちら。 大きな地図で見る 全長6343m、運河の幅は水面部で24.6m、河底部で21m、深さは8mで、水位が一定のため水門などはないとのことです。 大きな船を牽引している様子。 わずかの操舵ミスでも、ぶつかってしまいそうです。 この写真だけ見たら、岩場にはまって座礁してるようにしか見えませんよね…。 この運河が完成したことにより、ペロポネソス半島の迂回ルートより航路が4
【iOS 5】できることがこんなに！ iPhoneの音声認識「Siri」でできる事の一覧 - 拡張現実ライフ
記事内に広告を含む場合があります。記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。 Photo by planetc1 こんばんは、@akio0911です。 個別銘柄のPERや時価総額を聞けたり、すべてのアラームを一言で削除したりできる日本語版Siriで使えるコマンドを調べて一覧にまとめてみました。 関連 : 個別銘柄のPERや時価総額も聞ける！ iPhoneの音声認識「Siri」で株価を調べてみた 関連 : Siriを使って、すべてのアラームを削除する方法 追記（2015/09/18） iOS 9版を書きました！ ⇒ 【使い方】iOS 9のSiriで出来る事268個をまとめてみた 【使い方】iOS 9のSiriで出来る事268個をまとめてみた 連絡先 連絡先の情報を調べる 斉藤君の住所は？ 江川さんの電話番号を教えて 妻の誕生日はいつ？ 恵美ちゃ
HTML5ベースのモバイルアプリが作れる「Sencha Touch 2.0」公開。性能向上とiOS/Androidネイティブ変換機能が目玉
Senchaは、HTML5/CSS3とJavaScripプログラミングでiOSやAndroidなどに対応したモバイルアプリケーションを構築できるフレームワークの最新版、「Sencha Touch 2.0」を公開しました。 Sencha Touchは、jQuery MobileのようにHTML5をベースにしたアプリケーションフレームワークです。jQuery MobileがHTML5のタグのみで基本的なアプリケーションを開発できるのに対し、Sench TouchではJavaScriptプログラミングが必要になります。その分、アプリケーションの細かい作り込みや、サーバと連係したアプリケーションなどが可能になっています。 関連ソフトウェアとしてSencha DesignerやSencha Touch Charts、Sencha Animatorなどが揃っており、Sencha自身による有償でのトレー
JavaScriptのprototype-based OOにおけるプロトタイプオブジェクトの共有（継承）について
Kazuho Oku @kazuho この手法だと JavaScript の instanceof は使えないんじゃないかしら / “How CoffeScript classes work - Islands in the byte stream” http://t.co/ewSffSPz 2012-03-10 22:31:33
背景いっぱいに画像を表示、スライドショー化にも対応した軽量なjQueryプラグイン・BACKSTRETCH
同じようなの沢山あるのですが、 軽量って言葉に弱い。背景一杯 に画像を表示、スライドショー 化も可能なjQueryプラグインで す。圧縮版なら2KBほどですの で導入しやすいですね。 背景一杯に表示出来るやつでスライドショーにも対応で軽量です。圧縮して2KBくらい。しないで5KBくらいです。 似たようなのは一杯あるので他にも探してみてください。個人的にはこれはカスタマイズしやすそうだったのでちょっと使ってみようかなと思います。 IE7でもOK。6だとfixedが効かないので、ちょっとアレです。 コード<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="jquery.backstretch.min.js"></script> <script>
TEAMLAB.NET：チームラボ» ブログアーカイブ » Graffiti@Google/グラフィティ＠グーグル
人類は、「洞窟の壁」から「紙」、そして「都市の壁」まで、各時代の主要なメディアに合わせて絵を描いてきた。
アフリカ諸国との格の違いを見せつけられたジンバブエの現状
こんにちは。自転車世界一周の周藤卓也＠チャリダーマンです。モザンビークからジンバブエに入ります。 経済崩壊のニュースが流れたジンバブエを旅することはずっと前から楽しみでした。そのジンバブエで「アフリカの旅」は終ったかもしれません。経済崩壊したとはいえ、今までのアフリカ諸国とは格が違いました。今でさえ驚くのですから、さぞかし昔は凄い国だったのでしょう。現在、ジンバブエドルは消滅して米ドルと南アフリカランドが流通しています。経済は復興しつつありますが、ムガベ大統領による独裁というジレンマは抱えたままです。そんなジンバブエの2012年の現状をまとめてみました。 ジンバブエの首都Harare(ハラレ)はこちら。 大きな地図で見る ジンバブエでは東部のMutare(ムタレ)と首都Harare(ハラレ)に滞在しました。 モザンビークとの国境に近いMutareは周辺の鉱山地帯の中心都市で、東西に伸びるメ
POLAR BEAR BLOG: 第二次世界大戦中のライフハック「仕事を進まなくさせる8ヵ条」
boing boing からですが、第二次世界大戦中の1944年に米国のOSS（戦略諜報局）が作成した「サボタージュ・マニュアル」なるものが存在しているのだそうです。当然敵地での話ですが（自国でやったら大変）、仕事の進みを遅らせるように人々をトレーニングするためのマニュアルとのこと。その内容が掲載されているのですが、なかなか面白いです： ■ Sabotage manual from 1944 advises acting like an average 2008 manager (boing boing) 意訳込みでてきとーに訳してみると、こんな感じ： 何事をするにも「通常のルート」を通して行うように主張せよ。決断を早めるためのショートカットを認めるな。 「スピーチ」を行え。できる限り頻繁に、長い話をすること。長い逸話や自分の経験を持ちだして、主張のポイントを解説せよ。「愛国的」な主張をち
大槌町ホームページ復興の物語
岩手県大槌町は、東日本大震災により最も大きな被害を受けた自治体の一つだ。震災前の人口約1万6000人のうち、1割近くが死亡もしくは行方不明。6割の家屋が被災し、6000人以上が避難。町役場そのものが津波の直撃を受け、町長を含む職員の約4分の1を失った。 もちろん町の情報システムもサーバーも全壊した。現在、小学校の校庭に設置されたプレハブ住宅が仮設の町役場になっている。 その大槌町のホームページが2012年3月1日、新しくなった。このホームページには、亡くなった町の職員、大槌町出身で東京で働いている技術者、震災後に復興を支援したいと東京から応募して大槌町の職員になった技術者の思いが込められている。その物語を紹介したい。 大槌町出身の技術者がボランティアで復旧 庁舎を壊滅させた津波は大槌町のホームページを置いていたサーバーも水没し、震災後、大槌町のホームページは消滅してしまった。だが、大槌町は
想像を絶する"水中の庭師"たちの技匠 20選「世界水草レイアウトコンテスト」:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
Siriに「私がよく使うアプリ」を教えて一覧表示してもらう方法 - もとまか日記乙
昨日書いた以下の件。 iOS5.1で日本語対応したSiriの使い方はSiriに聞くのが一番だった件 使えるアプリは以下のような感じっぽい様子。 その他のよく使うアプリも簡単に起動出来ないかなー、と思ったので、こっそりとそれとなーくSiriたんに聞いてみたら・・・・ おぉすごい！なんて出来る子！！ といっても実はこれ、さっき書いた以下の応用です。 日本の地図を知らないSiriを使ってマップの経路検索を行う方法 その方法についてメモ。 まず、以下のような連絡先を登録します。 必要なのは各アプリのURLスキームですが、アプリ名と「URLスキーム」でGoogle先生に聞いたら教えてくれるかも。 必要な分だけ登録して、あとはSiriで「あぷり」と聞いてみるだけ。 もちろん目的のアプリをタップすればアプリが起動されます。 他にも以下で紹介したブックマークレットを使えば、 Touch Icon Crea
[CSS]ホバー時のエフェクトに一工夫、リボン風デザインのナビゲーション
画像を一切使用せず、CSS3や擬似要素を使ったリボン風デザインのナビゲーションを実装するチュートリアルを紹介します。 CSS Ribbon Menu [ad#ad-2] デモ 実装 デモ デモはCSS3アニメーションに対応したブラウザ、Chrome, Safari, Firefoxでご覧ください。 CSS3アニメーション非対応のIE8/9ではアニメーション無し、擬似要素非対応のIE7ではリボン無しになります。 デモページ [ad#ad-2] 実装 HTML HTMLはシンプルで、各アイテムをspan要素で実装し、全体をdiv要素で内包します。 <div class='ribbon'> <a href='#'><span>Home</span></a> <a href='#'><span>About</span></a> <a href='#'><span>Services</span></
[iPhone, iPad] Smile by Inoue Takehiko: 漫画家、井上雄彦さんの復興応援イラスト集。無料。 | AppBank
スラムダンクやバカボンドなどの漫画で知られる漫画家、井上雄彦さんが自身のTwitter上で公開したイラスト「Smile」をまとめてみられる「Smile by Inoue Takehiko」のご紹介です。 まもなく東日本大震災から１年が経過します。 震災直後の悲惨な状況や悲しいニュースにあふれる中、氏のイラスト投稿がとても注目されました。 被災者へ「頑張って」という想いがあふれた素敵なイラストをまとめたアプリになります。 収録されているイラストは「置き時計」、「ギャラリー」、「壁紙」の３つの方法でみられます。 あらためて震災復旧、復興のために、みんなで応援していこうという気持ちになれるステキなアプリです。 イラストをみてる人も笑顔にさせるアプリを詳しくご紹介していきます。
![[iPhone, iPad] Smile by Inoue Takehiko: 漫画家、井上雄彦さんの復興応援イラスト集。無料。 | AppBank](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc1289f713cb2c10c266222caad9b0066228b1fe/height=288;version=1;width=512/https%3A%2F%2Fwww.appbank.net%2Fwp-content%2Fuploads%2F2012%2F03%2Fmzm.vakjvhjt.png)
どうやって Siri は言葉を理解しているのか？その仕組みやプライバシーとの関係を解説します。 | AppBank
日本全国の iPhone 4S ユーザーにとって待望の機能「日本語で使える Siri」。 しかし、一口に「Siri」と言ってもできることは多岐に渡ります。音声でメールを書いたり、音声でウェブ検索を行ったり、音声でリマインダーを作ったり…。 そこで不思議なのが Siri はどうやって言葉を理解しているのか。また、Siri がプライバシーを侵害するかもしれないという噂もあります。 そこで今回は Siri の仕組み、そして Siri とプライバシーの関係を解説します。 はじめにお読みください この記事の大部分は Apple あるいはその他の企業によって公開されている情報に基づいていますが、一部は執筆者の推測によって構成されています。 推測となる部分には「考えられます」「思われます」などの表現が語尾に付いたり、推測である旨を記述しています。 また、この推測が事実とは異なる場合もあります。そのような
JavaScript の ; を省略する派 - Kato Kazuyoshi
むかし同じチームだったひとに、JavaScript のセミコロンを省略する派のひとがいて、他の人と「もう日本語かくとき句読点も省略すればいいじゃないの」とか、散々いっていた。でも実は GitHub も省略派らしい。 GitHub の JavaScript Styleguide は、まず最初の「新しい JS は CoffeScript で書け」にびっくりするのだけど、さらに読み進めていくと、既存の JavaScript について「なるだけセミコロンは使うな」とある。 Do your best to never use a semicolon. This means avoiding them at line breaks and avoiding multi-statement lines. For more info, read Mislav's blog post. 出来る限りセミコロン
最近公開された表現力を高めるjQueryプラグインいろいろ
Adipoli jQuery Image Hov... / Sweet Tooltip a jQuery &... / FredHQ - Roundabout for ...他...全7件
「桃屋」と「ももクロ」のコラボが凄い（笑） - ネタフル
思わずタイトルに（笑）を入れたくなってしまったこのコラボレーション、なんと「桃屋」と「ももいろクローバーZ」ですよ！ コラボしているサイトは「桃屋のきざみしょうが きざみにんにく」です。 しかし、桃とももでこのコラボ、どちらもやりますね‥‥。3月11日から、いったい何が始まってしまうというのか！？ 「ももいろクローバーZ」のオフィシャルサイトを見ると‥‥ ちゃんと新曲と衣装も一緒！ 素晴らしい！ 3月11日が気になりすぎます。 ▼猛烈宇宙交響曲・第七楽章「無限の愛」(初回限定盤)(DVD付) ▼ももクロＣｈａｎ DVD -Ｍｏｍｏｉｒｏ Ｃｌｏｖｅｒ Ｃｈａｎｎｅｌ- 決戦は金曜ごご６時！（通常版）
URL指定可能なレスポンシブWebデザイン対応確認ツール・responsive.isと似たようなやつ何個か
ちょっと便利かも、と思ったのでメモ。 URL指定が出来るレスポンシブWebデザイン 対応確認ツールです。この手のツール はかなり増えているので今更感も否め 無いんですが、URL指定で直接見れるの で、人に見せるのには結構いいかも知 れないです。 というわけで、レスポンシブWebデザインの対応確認ツールです。他にいろいろ。先に紹介します。 ResponsivepxResponsive Design TestingSimple Media Queries TesterscreenflyResizer使い方の説明は多分不要です。これらは同じ目的で作られてますので使いやすいのを選ぶ感じで。 で、今日はresponsive.isっていうツールと、responsinatorっていうツールの2つをご紹介です。 ちょっとキャプチャだと分かりにくいんですけど・・・最上部にスマフォとかタブレットのアイコンがあ
Kalendae – シンプルなデザインの日付ピッカー – creamu
Kalendaeは、シンプルなデザインの日付ピッカーです。 jQueryやPrototype、MooToolsに依存せず、モダンブラウザ・およびIE8に対応しているようです。 Kalendae
次世代モビリティー自転車 #DigInfo
次世代モビリティー自転車 DigInfo TV - http://jp.diginfo.tv 2011/11/30 東京モーターショー2011 D Art スマートモビリティー Style
EaselJS のマウスイベント処理 - akihiro kamijo
EaselJS の DisplayObject には、いくつかマウスイベントを扱うためのメソッドがあります。今回は、それらを利用したマウス操作への対応方法を紹介します。 利用できる関数は以下の 5 つです。名前も使い方も AS2 のイベント処理に良く似ています。 onClick : ユーザーがマウスボタンをクリックした onPress : ユーザーがマウスボタンを押した onDoubleClick : ユーザが表示オブジェクト上でダブルクリックした onMouseOut : マウスポインタが表示オブジェクトの外に移動した onMouseOver : マウスポインタが表示オブジェクト上に移動した 見てのとおり、Flash Player のマウスイベントと比べると数は少ないです。もっとも、この辺りの仕様は、CreateJS が出荷されるときには変わっているかもしれません。 イベント発生時に呼び
jQueryでグローバルメニュー内のリストから「現在のページ」のURLを持ったリストにclassを加える
グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄介です。 某所で悩んでる人を見かけたので書いてみます。本当はさほどネタがないんですが。 実装 「現在のページ」のリンクだけclassが加わっていますので赤い文字にスタイリングする事が出来ました。 コードvar url = window.location; $('.menu a[href="'+url+'"]').addClass('current');jQueryはこれだけです。別にjQueryじゃなくてもよくね？ってコードですが。 現在のページのURLを取得して属性フィルタで判別してcurrentっていうclassを与えます。これで「現在閲覧中のページ」のリンク
「日本に住み続けている理由は何？」日本在住の外国人たちが語る : らばQ
「日本に住み続けている理由は何？」日本在住の外国人たちが語る どの国にもいい所と悪い所がありますが、自国のことはなかなか気付きにくいものです。 海外の掲示板で、日本国内に住む外国人に向けて、「いったい日本に住み続けている理由は何？」と質問されていました。 日本在住の外国人たちの返答をご紹介します。 質問者は以下のように投げかけていました。 日本に長期滞在している外国人の多くは、だいたい次の4つの理由が当てはまると思うんだ。 1. 結婚した 2. 友人がいる 3. 仕事がある 4. 社会システム（健康保険、交通、定年、清潔さなど） これら以外で、何か理由があるって人がいたら、教えて欲しい。 この問いかけに対する、日本に滞在する外国人たちのコメントを抜粋してご紹介します。 ・主に、とんこつラーメンが理由だよ。もちろん仕事や彼女の存在もそれを後押ししているけどね。 ・あのたまらないとんこつラーメ
アイデア出しのWEBアプリ - アイデア生産工場
アイデア出しに困っている人のアイデア生産ツールです。 アイデアを出したい単語を入力してみてください。
ブラウザベースのjQuery Mobileアプリ開発環境「codiqa」と「Application Craft」
jQuery MobileなどのすぐれたJavaScriptフレームワークの登場で、HTML5とJavaScriptを組み合わせたWeb標準によるモバイルアプリケーション開発が普及し始めています。 この記事では、Web標準によるアプリケーション開発をさらに簡単にしてくれる、WebブラウザベースのjQuery Mobile対応モバイルアプリケーション開発環境「codiqa」と「Application Craft」の2つを紹介しましょう。 Codiqa～jQuery Mobileアプリのモックアップがすぐ作れる モバイルデバイス対応のアプリケーションを開発するときに手間がかかるのが、小さい画面でも使いやすいユーザーインターフェイスの構築です。モックアップを作り、使い勝手を試す必要があります。 先月公開が始まった「codiqa」は、そのモックアップを手軽に、Webブラウザ上でドラッグ＆ドロップす
HTML5の3つのサウンド出力に対応したリアルタイムサウンドライブラリ·pico-player.js MOONGIFT
pico-player.jsはWeb Audio API、Audio Data API、HTMLAudioElementに対応したJavaScriptサウンドライブラリです。 pico-player.jsはJavaScriptを使ってリアルタイムに音を出力する際に便利なライブラリです。 音が流れますが、マウスの動きによって音程が変化します。 こちらは風車の回転によって音が変化しています。 コマンドを随時送ってサウンドを作り出します。 デモのコードです。 ONE-LINER-ORCHESTRAのデモ動画。 関西電気保安協会リズムマシーンのデモ動画。 pico-player.jsはWeb Audio API、Audio Data API、HTMLAudioElementの3つに対応し、Google Chrome/Firefox/Operaでサウンドを奏でられます。複数の音を重ねたり、サンプリン
商品をかざすだけで認識、バーコード不要の新開発スキャナ #DigInfo
商品をかざすだけで認識するバーコード不要の新開発スキャナ DigInfo TV - http://jp.diginfo.tv 2012/3/6 リテールテックJAPAN 2012 東芝テック オブジェクト認識スキャナ
jQueryでスクロールすると表示する系いろいろ
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
この発想がすごい！次世代表現のヒントがいっぱいのWebサイト
IKEA | TRY ON A NEW SOFA... / uniqlo undercover / TIERRA | 福岡市中央区平尾の美容室 ティ...他...全5件
画像ホバー時に２０種類以上の多彩なエフェクトがかけられるjQueryプラグイン「Adipoli」:phpspot開発日誌
Adipoli jQuery Image Hover Effects 画像ホバー時に２０種類以上の多彩なエフェクトがかけられるjQueryプラグイン「Adipoli」 画像にカーソルを合わせるとアニメーションを画像に重ねて、インタラクティブな効果を持たせることができます ただ画像を並べるよりも面白いものが作れそうです $('#image1').adipoli(); 使い方もこんな感じで死ぬほど簡単です 勿論多彩なオプションでカスタマイズ可能です 関連エントリ フリーで使えるPHP製画像ギャラリースクリプト「PhotoShow」 フルスクリーンでぼかしがカッコいいHTML5ギャラリーを作るサンプル PCでもスマホでもスワイプで画像を送れるギャラリー実装jQueryプラグイン「Asketic Swipe Gallery」
「この絶景はどこ？」海外サイトの話題をさらっていた山口県の景色 : らばQ
「この絶景はどこ？」海外サイトの話題をさらっていた山口県の景色 世界にはそれはそれは美しい場所がわんさかとありますが、国内も捨てたものではありません。 海外掲示板で、「いったいこの絶景は地球上のどこにあるの？」と話題になっていた、日本の景色がありましたのでご紹介します。 エメラルドグリーンの美しい海。その上を果てしなく続いて行く大きな橋。 この景色を見ながらここを通るのは、さぞかし気持ちの良いことでしょう。どこの南国かと思いそうですが、ここは山口県下関市にある角島大橋だそうです。 角島大橋 - Wikipedia このきれいなこの画像に、海外サイトでは「どこにあるの？」と評判になっていました。 コメントを抜粋してご紹介します。 ・すばらしい景色だ…。 ・そこに行きたい。 ・標識などから判断すると日本だな。 ・日本の山口県にある、角島と言う場所らしい。Google Mapではここだ。 Vie
まるでスターウォーズ！20機の小型自動ヘリ「Nano Quadrotors 」が編隊飛行（動画） : らばQ
まるでスターウォーズ！20機の小型自動ヘリ「Nano Quadrotors 」が編隊飛行（動画） 以前、『自律飛行する「クワッド・リコプター」2台を使ってキャッチボール』するという映像をご紹介したことがありますが、技術はさらに進歩しました。 より小型化し、自動制御によって20機ものヘリが飛び回るようになっています。 スターウォーズのジオラマ撮影さえ出来るんじゃないかと思える、編隊飛行の映像をご覧ください。 A Swarm of Nano Quadrotors - YouTube 「Nano Quadrotors」はペンシルバニア大学のGRASP研究所で開発されています。 放り投げてもバランスをとる時点で凄い技術ですが、30秒あたりからの、密集した状態で最大20機が編隊飛行している様子は圧巻です。 いずれデススターのジオラマを背景にリアル・スターウォーズをしたり、リアル・ギャラクシアンで遊べ
jQueryでフリック／スワイプ動作の画像スライドギャラリーを作成する実験｜BLACKFLAG
iPhoneやiPad、Androidといったスマートフォンやタブレット端末では フリック／スワイプと呼ばれる指でスライドさせるUIが付き物になっています。 jQueryでもこのフリック／スワイプ動作を実装できるプラグインはたくさんありますが いざ自分で作ろうとすると意外と大変な動作だったりします。 この動作についていろいろ調べていたところ Sleipnirのフェンリルさんのデベロッパーズブログにて、 iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ) と題した、jQueryでiPhoneやAndroid、PCでタッチイベントを取得する方法がとても参考になったので この記事を参考にしてフリック／スワイプで操作するシンプルな画像ギャラリーを作ってみました。 まずは動作サンプルから。 下記の画像をフリック／スワイプしてみてくだ
実世界でポリゴンを作る、巻き尺を使った空間表現手法「MorPhys」 #DigInfo
実世界でポリゴンを作る、巻き尺を使った空間表現手法 DigInfo TV - http://jp.diginfo.tv 2012/3/2 苗村研究室 Open House 2012 東京大学 MorPhys
ke-tai.org > Blog Archive > PathっぽいUIをCSS+JSで作るための解説記事「CSS で作るスマートフォン向け片手操作メニュー」
PathっぽいUIをCSS+JSで作るための解説記事「CSS で作るスマートフォン向け片手操作メニュー」 Tweet 2012/3/6 火曜日 matsui Posted in デザイン, 記事紹介・リンク | No Comments » スマホ向けの面白いUIの作り方を解説したエントリーがありましたのでご紹介します。 片手持ちした際に便利なPathっぽいメニューを、CSS+JSだけで実現するためのチュートリアル記事です。 → WWW WATCH CSS で作るスマートフォン向け片手操作メニュー [hyper-text.org] 左下のアイコンをタップすると、 クルクルっと回りながらメニューが出てきます。 サンプルはこちらのページから見ることができます。 （PCからもIE以外であれば、ほとんどのブラウザで見ることができるようです） 親切に解説されているので、わかりやすいですね。 すごく目を
マラソンブームの陰に「お一人様」を支えるソーシャルコミュニケーションツール | AdverTimes.（アドタイ） by 宣伝会議
仲間と積極的につながる「お一人様」 今、空前のマラソンブームを迎えている。2月26日に開かれた東京マラソンには2万5500人の枠に28万4000人が申し込んだ。その前週に行われた青梅マラソンでも1万7000人のランナーが走っている。マラソン人気には色々な背景がありそうだが、健康ブーム、震災後の節約ブームに加え「お一人様」ブームが考えられる。 今回フォーカスする「お一人様」は、本来は一人で色々な活動を行う人を指しているが、それは本当に一人が好きであるということなのだろうか。お一人様が注目される背景としては、少子化や核家族化、勤務形態、勤務時間の多様化などにより複数の人が一緒に生活・行動する機会が減っていることに起因していると考えられる。今までは一人で入りにくかった業態が次々に「お一人様」需要を取り込むために、「お一人様専用焼肉」や「お一人様専用カラオケ」など新たなサービスに広がっている。 ラ
[JS]画像をホバー時にさまざまなアニメーションで目立たせるスクリプト -Adipoli
シンプルなものからちょっと面白いものまで、20種類以上のアニメーションのエフェクトを備えた画像を目立たせるjQueryのプラグインを紹介します。 デモ 用意されているエフェクトは20種類以上で、ホバー時のエフェクトは下記のものが揃っています。 normal popout sliceDown sliceDownLeft sliceUp sliceUpLeft sliceUpRandom sliceUpDown sliceUpDownLeft fold foldLeft boxRandom boxRain boxRainReverse boxRainGrow boxRainGrowReverse 画像のデフォルト時のエフェクト（オーバーレイ・半透明）も用意されており、組み合わせて利用できます。 [ad#ad-2] 以下、デモページのエフェクトを紹介します。
堂本エンドリケリさんの新アルバムがプログレッシブな件 : 暇人＼(^o^)／速報
堂本エンドリケリさんの新アルバムがプログレッシブな件 Tweet 1：名無し募集中。。。：2012/03/05(月) 10:44:33.29 ID:0 関連 : 堂本剛の公式HPが宗教じみてると話題に 1 [CD1] shamanippon 〜くにのうた 2 [CD1] に ひ 3 [CD1] きみがいま 4 [CD1] 一鼓動 〜1 beat 5 [CD1] Mind light blues(初回Aのみ) 6 [CD1] 未来への忘れ物 7 [CD1] I'm you You’re me 8 [CD1] ・・・ラカチノトヒ -sun arrange (初回Aのみ) 9 [CD1] 埃 (初回Aのみ) 10 [CD1] 縁を結いて -live arrange ver. 11 [CD2] 人間力 (Instrumental) 12 [CD2] 意志 (Instrumental) 13 [CD
Pinterestはどこまで合法なのか？ある女性のストーリー デザイン会社 ビートラックス: ブログ
最近日本でもアメリカでも最も大きな話題を呼んでいるサービスとして多くの方々がまず思い浮かぶのは、恐らくPinterest(ピンタレスト)だろう。ピンタレストは気にいった画像をウェブ上のボードに貼りつけるサービスでユーザーはカテゴリ設定し写真を投稿する。その後、他のユーザーから様々なコメントがつくなど写真をきっかけにコミュニケーションをとることができる。そのおしゃれなインターフェース、使いやすいUI/UX, テーマ別に品質の高い写真が一つのページに集約される実用性等を理由に、女性を中心に急激に人気が高まっている。 参考記事: *女性ユーザーが凄い！「Pinterest」ピンタレスト このサービスでは、Web上で見つけた自分の気に入った写真をテーマ別に並べて楽しむのが主な利用方法であるが、よく考えると、他人が権利を所有する写真ファイルを転載しているので、以前よりその合法性が気になっていた。プロ
JavaScriptでHTMLをレンダリングするDSL·blingbling DSL MOONGIFT
blingbling DSLはJavaScriptでHTML構造をレンダリングするDSLです。 HTMLでは表示（HTML）とデザイン（スタイルシート）、そしてプログラミング（JavaScript）が混在して動作します。それらを全て一つにまとめあげ、高速に動作するDSLがblingblin DSLです。 デモのコードです。Hello Worldと表示されています。 HTMLソースです。出力の記述はありません。 出力はJavaScriptで行っています。JavaScriptがそのままHTML構造と出力内容を兼ねています。 出力されたHTML構造です。一つ前のコードの内容が出力されています。 blingblin DSLにはblingbling HTMLとblingbling CSSの二種類があります。blingbling CSSを使えばより可読性の高い構造化されたスタイル記述ができるでしょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
canvasを駆使した美しい表現
すばらしい「LEGO科学模型」のギャラリー
自衛隊の体験入隊に行ったら大変なことになった。
話題の「発話阻害銃」、日本人開発者に聞く
HugeDomains.com
無限軌道の「ワイルドな車椅子」
感情が「理性より賢い」とき « WIRED.jp 世界最強の「テクノ」ジャーナリズム