新たに判明 アップルの特許はVRヘッドセットをコンパクトに
新たに判明 アップルの特許はVRヘッドセットをコンパクトに 2月8日付けで米国特許商標庁から公開されたアップル社の特許はヘッドマウントディスプレイの光学系に関わるものです。特許によると、現在のVRヘッドセットの抱える大きさや重さを改善するための手法が提示されています。 現在のVRヘッドセットの光学系は重く、かさばってしまう問題 2017年に執筆され、2月8日付けで米国特許商標庁から発行された特許によると、アップル社はVR ヘッドセットを小型化する方法について提示されています。「Optical System for Head-Mounted Display」と名付けられた特許は、VRヘッドセットの光学設計を改善する手法です。現在のVRヘッドセットに使われているフレネルレンズを用いた光学系は、レンズ自体が厚くかさばる、重いといった問題があります。その結果、ヘッドセット自体が重くなり、体験者が不
Easy Copy Mathjax
このサイト Easy Copy MathJax は、MathJax (LaTeX)で数式を書くためのコマンドを紹介し、簡単にコピーできるサイトです。スマホやタブレットから見ることはできますが、横幅1280px で見るのが一番見やすいです。MathJax を使い始める も合わせてごらんください。（2020年3月にリニューアルしました） English Page
Kiritori - simple screencapture tool for mac
“Kiritori” is a simple screen capture tool for Machintosh(OSX 10.7 or later) and Windows(7). “Kiritori” can capture your screen and display it in front of desktop. “Kiritori” means “Cut” in Japanese. Capture Capture your screen any area. You can use the same as OSX native interactive captures. This function can call to press ⌘+shift+5 in any time.(assign to global hotkey) Display After the capture
ゴーストボタンにマウスを乗せたときの動きいろいろ16個
昨年くらいから流行っているらしいゴーストボタンというもののサンプルをいくつか作ってみました。皆さん色々作られていて、今さら感もありますがぜひご覧ください。 今回、以下のルールに沿って16個サンプルを作りました。 HTMLは全て同じ マウスを乗せる前は同じ状態 擬似要素は使っても1つだけ 擬似要素を2つ使ったり、spanなんかをはさんでやるともっと色々できると思いますが、今回はシンプルにマウスを乗せたときに動きをつけるサンプルを紹介します。 サンプルはこのページで全て載せていますが、まとめて見たいという方はこちらをどうぞ。 ということで、HTMLはこんな感じになります。 <a href="#" class="btn sample1">sample 1</a> 普通のリンクですね。btnは共通部分、sample1はサンプルごとで違ってくる部分になります。 では、共通部分のCSSです。 a.bt
Cocoaの日々: UISearchDisplayController 調査
大きくは UIViewController の処理（Lifecycle methods）、UITableView 向けのデータソース/デリゲート、検索絞り込み、UISearchDisplayControllerのデリゲートから構成されている。 気になった部分をピックアップしてみる。 まず viewDidDisapear - (void)viewDidDisappear:(BOOL)animated { // save the state of the search UI so that it can be restored if the view is re-created self.searchWasActive = [self.searchDisplayController isActive]; self.savedSearchTerm = [self.searchDisplayCon
iPhone 6 Screens Demystified | PaintCode
Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. We've made an infographic to demystify this. 320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus has screen with lower pixel resolution than the image rendered in previous step. Before the image can be displayed on the scree
life log: AppleScript 最速基本文法マスター
2013年3月24日日曜日 AppleScript 最速基本文法マスター AppleScriptを書く準備 OSXに最初からAppleScript エディタという専用のエディタがインストールされています。コード補完や実行結果の表示など優れた機能を有していますのでこちらを使用することをおすすめ。アプリケーションフォルダのユーティリティの中にあります。 hello world display dialog "hello world" ツールバーの実行ボタン(Command + R)でコンパイル＆実行が行われます。正しい文法で記述されているかはコンパイルボタン(Command + K)で確認できます。 基本的な考え方 AppleScriptは「オブジェクトに対してメッセージを送る」という考えでコードを書くのが基本。いわゆるオブジェクト指向言語というものです。アプリケーションはオブジェク
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Unfolding the Box Model: Exploring CSS 3D Transforms
Use the ‹ and › keys to advance backward and forward. Here is our dear friend, the DOM element. For so long, we've had limited options: floats and positioning Web design is the ever-evolving art of placing DOM elements on the page Quinoa portland farm-to-table retro, put a bird on it mlkshk tattooed flannel actually high life carles semiotics iphone. Single-origin coffee blue bottle helvetica, neu
レスポンシブWebデザインにおけるコーダーの役割 World of granshe.
先日、Twitterで 『レスポンシブWebデザインをする際に、ナビゲーションなどをPC用とSP用の2種類、HTML内に書いて、出し分けることがあるようだ』 というようなことをつぶやいたのですが、自分では思ってもいないところでリツイートされました。 自分はちょっとした愚痴のつもりで書いたのですが、これはもうちょっと深く考えるべき問題なのかもしれない。と感じ、 自分なりにもうちょっと考察して、人と話して、自分なりの答えが見つかったので書いてみます。 私の周辺では、レスポンシブWebデザイン（以下、RWD）の案件をやるとき、「PC用」「スマホ用」2種類のデザインをお客さんに提出し、それをベースにコーディングすることが多いです。 PCサイトとスマートフォン最適化サイトを両方作るのと同じような手法です。 いわゆる「スマートフォン最適化」では、PCとスマホ用のHTMLは別で作れますので、デザイン上の
【CSS】画像を上下中央に表示する（IE7以下にも対応させる） | バシャログ。
娘が小学二年生になり、みまもりケータイ2を買い与えました ishida です。 娘がケータイのボタンを押すたびに、位置情報が送られてきて便利なのですが、 電話をかけたときにも、位置情報がメールで送られてきてちょっと通知頻度高すぎなんじゃね？ さてさて、今回はとある案件で画像を上下中央に表示する機会がありまして、 忘れないように自分的メモです。 CSS3が使えるようになってからは、display: table-cell; で簡単に対応できるようになりましたよね。 例としては、こんな感じ。 HTML/CSSコードサンプル <div class="box"> <p class="image"><img src="image.png" alt="" width="200" heigh="200"><p> </div> .box { display: table; } .box .image { d
【後編：Webフォント化】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応 | DevelopersIO
はじめに みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 前「【前編：フォント作成】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応」はマインクラフトネタでフォントの作成について紹介しました。 今回は、作成したフォントをWebフォント化して読み込んでみたいと思います。 前回作成した匠顔フォントはこちら Creeperフォントをダウンロード 1，Webフォントについて 少し古いですが詳しい解説はこちらの記事「Webフォントについて調べてみた」をどうぞ。 一部抜き出して紹介します。 1.1，Webフォントとは CSS2.1時代、Webサイト上で利用できるフォントはユーザーのローカル環境にインストールされているフォントに限られていました。Mac、Windows PC共通のフォントは無いためデザインにも大きな制約がありました。デザインフォン
rescuejs.com - rescuejs リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
@supports ― CSSのFeature Queries - fragmentary
Twitter殺しなタイトルだ。Firefox NightlyにCSS Conditional Rulesの@supportsが入った。 Bug 649740 - Implement @supports Support for @supports in Firefox Nightly • Cameron McCormack's blog 仕様がまだ初期段階なので、他のベンダーや仕様の動きが思わしくない場合は設定でオフにされる可能性もあるらしいけれど、嬉しいね。 Feature Queries @supportsはCSSのat-ruleで、あるプロパティと値のペアをサポートしている/いない状態にだけ、ブロック内の宣言を適用するというもの。仕様書の例を見るほうが早いか。 @supports ( display: flexbox ) { body, #navigation, #content {
FlexboxがLCに: プロパティ名などもろもろ変更 - fragmentary
タイトルの通りで、FlexboxのLCが公開。 [css3-flexbox] Going to Last Call CSS Flexible Box Layout Module (W3C Working Draft, 12 June 2012) LCは喜ばしいんだけど、なんせTabせんせやfantasaiせんせがEditorなので、政情不安定というか変なところで変更が毎回ある。 というわけで、今回はプロパティ名や値が変わった。計画だったようだけれど。 これまでかわったの flex-align align-items flex-item-align align-self flex-line-pack align-content flex-pack justify-content flex-order order flex-pack: start flex-pack: end justify-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
adthrow.info [17]![adthrow.info [17]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ccac2792c8b6d06095cbf1a4301a205400885fac/height=288;version=1;width=512/http%3A%2F%2Fadthrow.info%2Fwp-content%2Fuploads%2F2015%2F05%2Fappreject.jpg)
Mozilla Hubs Labs
Google Code Archive - Long-term storage for Google Code Project Hosting.
視聴覚＋振動＋風で高速戦闘を体感！ AC「マッハストーム」12月19日稼動開始！
CSSを使ったレイアウトのテクニックがしっかり学べる良コンテンツ -Learn CSS Layout