新たに判明 アップルの特許はVRヘッドセットをコンパクトに 2月8日付けで米国特許商標庁から公開されたアップル社の特許はヘッドマウントディスプレイの光学系に関わるものです。特許によると、現在のVRヘッドセットの抱える大きさや重さを改善するための手法が提示されています。 現在のVRヘッドセットの光学系は重く、かさばってしまう問題 2017年に執筆され、2月8日付けで米国特許商標庁から発行された特許によると、アップル社はVR ヘッドセットを小型化する方法について提示されています。「Optical System for Head-Mounted Display」と名付けられた特許は、VRヘッドセットの光学設計を改善する手法です。現在のVRヘッドセットに使われているフレネルレンズを用いた光学系は、レンズ自体が厚くかさばる、重いといった問題があります。その結果、ヘッドセット自体が重くなり、体験者が不

このサイト Easy Copy MathJax は、MathJax (LaTeX)で数式を書くためのコマンドを紹介し、簡単にコピーできるサイトです。スマホやタブレットから見ることはできますが、横幅1280px で見るのが一番見やすいです。MathJax を使い始める も合わせてごらんください。(2020年3月にリニューアルしました) English Page
“Kiritori” is asimple screen capture tool forMachintosh(OSX 10.7 or later) andWindows(7). “Kiritori” can capture your screen and displayit in front of desktop. “Kiritori” means “Cut” inJapanese. Capture Capture your screen any area. You can use the same asOSX native interactive captures. This function can call to press ⌘+shift+5 in any time.(assign to global hotkey) Display After the capture
昨年くらいから流行っているらしいゴーストボタンというもののサンプルをいくつか作ってみました。皆さん色々作られていて、今さら感もありますがぜひご覧ください。 今回、以下のルールに沿って16個サンプルを作りました。HTMLは全て同じ マウスを乗せる前は同じ状態 擬似要素は使っても1つだけ 擬似要素を2つ使ったり、spanなんかをはさんでやるともっと色々できると思いますが、今回はシンプルにマウスを乗せたときに動きをつけるサンプルを紹介します。 サンプルはこのページで全て載せていますが、まとめて見たいという方はこちらをどうぞ。 ということで、HTMLはこんな感じになります。 <a href="#" class="btn sample1">sample 1</a> 普通のリンクですね。btnは共通部分、sample1はサンプルごとで違ってくる部分になります。 では、共通部分のCSSです。 a.bt

Mozilla has ended support for Mozilla Hubs on May 31st, 2024. You can no longer subscribe to Hubs, use the demo server, orcreate Hubs Cloud instances. Current customers will no longer be billed, and any remaining days in the month will becredited back to your original payment method. Please refer to theemail “Hubs Shutdown Information” sent to customers for any questions regarding your subscrip

大きくはUIViewController の処理(Lifecycle methods)、UITableView 向けのデータソース/デリゲート、検索絞り込み、UISearchDisplayControllerのデリゲートから構成されている。 気になった部分をピックアップしてみる。 まず viewDidDisapear - (void)viewDidDisappear:(BOOL)animated { // save the state of the searchUI so thatit can be restored if the view is re-created self.searchWasActive = [self.searchDisplayController isActive]; self.savedSearchTerm = [self.searchDisplayCon

Few days ago,Apple introducediPhone 6 Plus. The newiPhone 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

2013年3月24日日曜日AppleScript 最速基本文法マスターAppleScriptを書く準備OSXに最初からAppleScript エディタという専用のエディタがインストールされています。コード補完や実行結果の表示など優れた機能を有していますのでこちらを使用することをおすすめ。アプリケーションフォルダのユーティリティの中にあります。 hello world display dialog "hello world" ツールバーの実行ボタン(Command + R)でコンパイル&実行が行われます。正しい文法で記述されているかはコンパイルボタン(Command + K)で確認できます。 基本的な考え方AppleScriptは「オブジェクトに対してメッセージを送る」という考えでコードを書くのが基本。いわゆるオブジェクト指向言語というものです。アプリケーションはオブジェク
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 onit mlkshk tattooed flannel actually high life carles semioticsiphone. Single-origin coffeeblue bottle helvetica, neu
先日、Twitterで 『レスポンシブWebデザインをする際に、ナビゲーションなどをPC用とSP用の2種類、HTML内に書いて、出し分けることがあるようだ』 というようなことをつぶやいたのですが、自分では思ってもいないところでリツイートされました。 自分はちょっとした愚痴のつもりで書いたのですが、これはもうちょっと深く考えるべき問題なのかもしれない。と感じ、 自分なりにもうちょっと考察して、人と話して、自分なりの答えが見つかったので書いてみます。 私の周辺では、レスポンシブWebデザイン(以下、RWD)の案件をやるとき、「PC用」「スマホ用」2種類のデザインをお客さんに提出し、それをベースにコーディングすることが多いです。PCサイトとスマートフォン最適化サイトを両方作るのと同じような手法です。 いわゆる「スマートフォン最適化」では、PCとスマホ用のHTMLは別で作れますので、デザイン上の
娘が小学二年生になり、みまもりケータイ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

はじめに みなさんこんにちは、高速化やSCSSの記事を書いている野中です。 前「【前編:フォント作成】アイコンをWebフォント化してリクエスト数の削減とRetina Displayに一発対応」はマインクラフトネタでフォントの作成について紹介しました。 今回は、作成したフォントをWebフォント化して読み込んでみたいと思います。 前回作成した匠顔フォントはこちらCreeperフォントをダウンロード 1,Webフォントについて 少し古いですが詳しい解説はこちらの記事「Webフォントについて調べてみた」をどうぞ。 一部抜き出して紹介します。 1.1,WebフォントとはCSS2.1時代、Webサイト上で利用できるフォントはユーザーのローカル環境にインストールされているフォントに限られていました。Mac、WindowsPC共通のフォントは無いためデザインにも大きな制約がありました。デザインフォン

Twitter殺しなタイトルだ。Firefox NightlyにCSS Conditional Rulesの@supportsが入った。 Bug 649740 - Implement @supports Support for @supports in Firefox Nightly • Cameron McCormack'sblog 仕様がまだ初期段階なので、他のベンダーや仕様の動きが思わしくない場合は設定でオフにされる可能性もあるらしいけれど、嬉しいね。 Feature Queries @supportsはCSSのat-ruleで、あるプロパティと値のペアをサポートしている/いない状態にだけ、ブロック内の宣言を適用するというもの。仕様書の例を見るほうが早いか。 @supports ( display: flexbox ) { body, #navigation, #content {
タイトルの通りで、FlexboxのLCが公開。 [css3-flexbox]Going to Last CallCSS 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-packjustify-content flex-order order flex-pack: start flex-pack: endjustify-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く