phiary
今回は CSS3 から box-sizing について紹介します. width や height と同時に border や padding を指定しているときに, 少し値を変えただけで意図しない表示になったりレイアウトが崩れたという経験はありませんか？ これはボックスサイズの算出方法が複雑なのが原因です. そんな面倒な問題を解決してくれるのが box-sizing プロパティです!! box-sizing プロパティを指定することでボックスサイズ(width, height) の算出方法を指定することができます. あまり普及していないようですが, 実はこれめちゃめちゃ便利だったりします!! まだ独自実装レベルだからかもしれません. ですが, 現在のCSS3 の草案にも 一応残ってるので, がっつり使わせて頂いてる次第です.
メイド喫茶:気弱なオタク狙い…悪質、大阪・日本橋で横行－ 毎日ｊｐ(毎日新聞)
メイド服姿で、ビラを配る女性＝大阪市浪速区で２０１２年９月１６日、望月亮一撮影（一部画像を加工しています） 大阪・日本橋の電気街「でんでんタウン」周辺で、風俗店まがいの接客をするメイド喫茶が問題化している。女性店員が特定の客を接待できる風俗営業の許可を取らずに、体を密着させる過剰なサービスを提供したり、店員が客とゲームをして高額な料金を請求したりする店も少なくない。「オタク」と呼ばれるアニメなどのキャラクターを好む男性が狙われているという。中学生を雇ったメイド喫茶も今月摘発された。地元の商店主らは「日本橋のイメージが悪くなる」と不安視する。 メイド喫茶が集まるのは、南海難波駅東側のでんでんタウンにある通称「オタロード」。「東のアキバ（東京・秋葉原）、西のポンバシ」と呼ばれ、オタクたちでにぎわう。路上ではフリルの付いた白いエプロン姿の少女らが大勢並び、店を案内するビラを配る姿が目立つ。 「メ
空港で荷物待ってたら海老のおすしが流れてきた！！
○わ太【保存用】 @pwta 大分空港の荷物コンベアでは、実際に巨大な寿司が流れているらしいですｗ このユーモアはいいですね！ヾ(^▽^)ﾉ http://t.co/P85ObNP5 http://t.co/qWQEp7hX http://t.co/JIK9nPk4
「特定の主義主張 ご遠慮いただく」/原子力規制委が取材規制
原子力規制委員会が毎週１回開く委員会終了後の記者会見について、同委員会の実務を担当する原子力規制庁の広報担当者は「特定の主義主張を持つ機関の機関紙はご遠慮いただく」などとして、「しんぶん赤旗」を排除する方針を２５日、明らかにしました。さらにフリーランスの記者についても「どういった雑誌に、どういった記事を書いているかを見て、特定の主義主張を持って書かれている方はご遠慮いただいています」と、憲法が禁止する検閲まがいの対応をしていることも明言しました。 原子力規制委員会の田中俊一委員長は１９日の第１回委員会で、「地に落ちた原子力安全行政に対する信頼を回復する」ため「透明性を確保する」と述べ、「報道機関への発表を積極的に行うことで、委員会としてのメッセージを分かりやすく伝える」とする方針も決めていました。委員会で決めた「報道の体制について」では「報道機関を既存官庁よりも広く捉え、報道を事業として行
IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について
Firefox 2.0 beta 1 が出ましたね＾＾ さっそく、新機能のひとつ、JavaScript 1.7 の yield を使ってみました。 まず yield の動作を試してみた。 var i = 1; var g = (function() {while(1) {yield i; i++}})(); alert(i); // 1 g.next(i); g.next(i); alert(i); // 2これで分かったこと。 なんと、 yield は関数を途中で終了させている。。。！ 実は。 いままで、何度も関数を途中で終了できればなーと思っていた。 JavaScript 以外のほとんどの言語でそれが可能で、それが便利だからである。 それとはなにか、それとはスレッドである。 スレッドは CPU レベルで細かーく処理を止めて、いろんな処理の流れを同時に実行させているようなものだ。 yie
![IT戦記 - [javascript] JavaScript 1.7 の yield が凄すぎる件について](https://cdn-ak-scissors.b.st-hatena.com/image/square/ad78b71efb80ed38311469993c1d5028fd597bf2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F17391345971647525980%2F17391345971647551580%2F1527141769)
Kazuho@Cybozu Labs: JavaScript/1.7 で協調的マルチスレッド
« Japanize - ウェブサイトの高速化 | メイン | Japanize が Firefox にフィッシングサイト扱いされている件について » 2007年05月25日 JavaScript/1.7 で協調的マルチスレッド JavaScript/1.7 の話なので Firefox 限定です。以前、 残念ながら、JavaScript には非同期メッセージを同期化する方法はない！残念！＞＜ほんとに残念！ JavaScript 1.7 なら yield でできるんじゃないかと思いました。 Kazuho@Cybozu Labs: JavaScript で非同期処理 と書いたっきり失念していたのですが、社内で話題になったので実装してみました。こんな感じです。 function runnable(f) { var o; o = f(function () { o.next(); }); o.ne
ミニ四駆全国大会にカニで出る
ミニ四駆という走る模型のレースが25年前くらいに流行った。当時小学生だった私も熱に浮かされ、全国大会であるジャパンカップにあこがれた。 その後ミニ四駆は何度もブームを繰り返し、今年になってあのジャパンカップが復活したらしい。 大人になった今こそあのジャパンカップを走ってみたい。それもカニで。なんとなくカニで。
プリントアウトした方が間違いに気づきやすいワケ - A Successful Failure
2012年09月24日 プリントアウトした方が間違いに気づきやすいワケ Tweet もう随分前の話になるが、モニタ上で見るよりも、紙で確認したほうが間違いに気づきやすいのはなぜかという議論が盛り上がった。 どうして紙にプリントアウトした方が圧倒的に間違いに気付きやすいのか なぜ｢画面｣より｢紙｣のほうが間違いに気づきやすいのか? 考えうる理由についてはおおよそ挙げられているようだ。既出の論点の中では、身体性に関する指摘が重要であるように思われる。身体性とは、認知科学において近年注目されている概念で、身体という物理的存在が周囲の環境とインタラクションすることによって、学習や知識構築を行うことを指す。物理的な紙にプリントアウトされた情報を読むときには、本を持つ、ページをめくる、文字をなぞるなどの物理的なインタラクションを行なっており、ページの厚みや重さといった電子情報には無い要素が間違い発見の
iPhone 5にまたも脆弱性 50口径ライフルで撃つと壊れることが判明
※本記事はアフィリエイトプログラムによる収益を得ています iPhone 4S、新しいiPadに続き、iPhone 5にもやはり「ライフルで撃つと壊れる脆弱性」があることが確認されました。YouTubeに検証動画が投稿され、さっそく話題になっています。 検証に使われたのは50口径の対物ライフル。1回目の実験では、弾丸はやや上にそれたものの、見事カメラ部分を粉々に粉砕し貫通。さらに2発目の弾丸がボディ右側に大きな風穴を開けると、新品だったiPhone 5は見るも無惨な姿へと変わり果てました。 実験しているのは、iPhone 4S、新しいiPadの時と同じRichard Ryanさん。iPhone 4Sでは後にこの脆弱性を解決する「1インチ装甲ケース」が発売されましたが、現状iPhonea 5にはそういったケースの発売予定はなく、今のところ絶望的な状況となっています。 バーン！ ドーン！ 無茶し
日々是妄想 : フォロー外す場合はブロックすることを推奨するよ！←これ間違い
2012年09月24日21:15 カテゴリWeb・PC・携帯の話 フォロー外す場合はブロックすることを推奨するよ！←これ間違い Twitterのお話。 かなり前、、あれは確か2年くらい前のことなんだけど、フォロワーさんのプロフをダラ見してたら、記事タイトルのようなことを書いている人がいたのね。 当時は何が言いたいのかよくわからなかったんだけど、詰まるところ「こちらのフォローだけが残って片思い状態になるのが嫌」って話みたい。 へー。 寂しがり屋サンなのねん。 で、最近になって気になることがあったんでこれについて調べてみたら、どうやらこの文化ってのはかなり根付いているらしく「お別れブロック」などという言葉もあるらしい。 「リムーブだと傷つくので、お別れの際はブロックで」ってどんだけガラスのハートなんだよｗ こちとらTwitterのつながりにそこまで意味持たせてねーっつーの！ｗｗｗ 、、、なんて
iOS6でgoogle mapとyoutubeを外した本当の理由
渡部薫 - Kaoru Watanabe @sorahikaru AppleのMapサービスにあれこれ文句言っている人を多くみかけるが、別の視点を紹介したい。Mapはモバイル（スマホ）にとって検索と同じくらい重要なサービスである。インターネット=ウェブ=情報であり、だからこそ=検索 =Google最強となった。 2012-09-24 23:15:23 渡部薫 - Kaoru Watanabe @sorahikaru 多くの人がモバイル・インターネット（スマホ）で検索同様に利用するのがMapである。なぜならリアル世界に生きていて日々移動するから。人が移動するその情報は、文字入力のクエリ同様、100年単位で見ればものすごく貴重なデータなのだ。検索をGoogleに支配され、 2012-09-24 23:16:47 渡部薫 - Kaoru Watanabe @sorahikaru 行動履歴までもG
【画像あり】治験のバイト終わって725000円てに入れた : 暇人＼(^o^)／速報
【画像あり】治験のバイト終わって725000円てに入れた Tweet 1：以下、名無しにかわりましてVIPがお送りします：2012/06/18(月) 14:18:33.12 ID:Hrl8a2B20 うはっ俺金持ち！ 安価>>500 2：以下、名無しにかわりましてVIPがお送りします：2012/06/18(月) 14:18:54.07 ID:nsB4RFVlP すげええええええ 3：以下、名無しにかわりましてVIPがお送りします：2012/06/18(月) 14:19:11.42 ID:QbJnf3lM0 どんなことやったの？ 5：以下、名無しにかわりましてVIPがお送りします：2012/06/18(月) 14:19:16.82 ID:EDvXF55G0 治験て危なくないの？ 6：以下、名無しにかわりましてVIPがお送りします：2012/06/18(月) 14:19:29.65 ID:Sc
会社に7000万のクリティカルヒットｗｗｗｗフゥーイエーｗｗｗｗ : 腹筋崩壊ニュース
1 ：以下、名無しにかわりましてVIPがお送りします：2012/09/24(月) 09:42:41.13 ID:3ScRn/oYP 胃が痛い 今日出社したら「君今日有給取ってもいいよ」って言われた 続きを読む
痛いニュース(ﾉ∀`) : すぎやまこういち氏 「今の日本は内戦状態。新聞やテレビを中心とする反日軍VSネット上で国を憂う日本軍」 - ライブドアブログ
すぎやまこういち氏 「今の日本は内戦状態。新聞やテレビを中心とする反日軍VSネット上で国を憂う日本軍」 1 名前：そーきそばΦ ★：2012/09/25(火) 16:25:10.41 ID:???0 80歳以上限定のオピニオン企画「言わずに死ねるか！」は『週刊ポスト』の名物特集。今回は「ドラゴンクエストシリーズ」等の作曲家として知られるすぎやまこういち氏（81）が、中国・韓国との領土問題に対する政府の対応に苦言を呈する。氏によれば、今の日本は“内戦状態”にあるという。以下、氏の提言と分析である。 ＊ ＊ ＊ この夏、国中を騒がせた尖閣諸島や竹島を巡る中国・韓国との領土問題に関して、政府の対応には憤りを覚える。香港の活動家たちが尖閣諸島・魚釣島に不法上陸した事件では、彼らを逮捕したものの、結局は強制送還して穏便に済ませてしまった。 こうした対応は世界の“常識”から外れている。どこの国
要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話
2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。（ミスなどの指摘は @lowply までお願いします） もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]ユーザーを楽しませる気持ちいいエフェクトがたくさんあるCSS3のデモサイト -CSS3 Playground