オリジナル iPhone のデビューは大きな賭けだった — iPhone 開発秘話
［オリジナル iPhone を手にする Steve Jobs：photo］ スティーブ・ジョブズの命日の前日 NY タイムズに載った記事が非常にオモシロい。 旧約聖書の「神は『光あれ』と言われた」を踏まえた「ジョブズは『iPhone あれ』と宣うた」というタイトルだ。 オリジナル iPhone の開発に深く関わった元アップル社員 Andy Grignon の話をベースに、オリジナル iPhone が発表されたキーノートの舞台裏を語ったものだ。 NYTimes.com: “And Then Steve Said, ‘Let There Be an iPhone’” by Fred Vogelstein: 04 October 2013 ＊ ＊ ＊ リハーサルチームの一員 Andy Grignon はずっとアップルの iPhone リハーサルチームの一員で、サンフランシスコのモ
CSS3-D Clock
Andrew Hoyer/Experiments Everything you see in the experiment below (provided your browser supports CSS3 transformations) is actually a div. The hands are divs. The facets are divs. The pin is made of divs. Everything is a div. 'Why?' you ask? Why not... Hmm... looks like your browser doesn't fully support all the goodness that is required for this experiment. To get the full effect, you need a br
The Planetarium
Mercury is the first planet from the Sun and is also the smallest and densest planet of the Solar System. Mercury has yet to be entirely mapped, making it the least known planet in our system. Venus is the second planet from the Sun and is often called Earth's sister due to its many similarities with the Blue Planet. However, a strong greenhouse effect gives Venus the hottest climate in the Solar
【レポート】HTML5の機能を知るための15のデモンストレーション | エンタープライズ | マイコミジャーナル
Tech Drive-in - Technology, Linux, Ubuntu FTW 主要ブラウザの対応が進んでいることもあり、HTML5の技術を活用したデモンストレーションサイトが増えている。現在主流の技術と互換性が高いことから、すでにHTML5を採用すべきという意見もある。ブラウザの更新頻度は早まる傾向にあり、HTML5/CSS3の対応は日進月歩で進んでいくことになるとみられる。 HTML5やCSS3のデモンストレーションサイトやテクニック紹介ブログはこれまで何度も取り上げてきた。15 HTML5 Demos Showcasing Prowess of HTML5 Over Adobe Flash - Tech Drive-inにおいて、HTML5デモンストレーションサイトがまとめられており参考になる。中にはこれまでマイコミジャーナルで取り上げたサイトも含められている。紹介されて
jQuery Easing - jQuery 日本語リファレンス
Easing/jQuery easingとは、エフェクトの動きを加速/減速させるための関数です。 例えばフェードアウトの動きを考えたとき、通常は透明度の変化量は経過時間に対して線形です。全体で1秒かかって消える処理であれば、0.5秒経過時の透明度は0.5になります。 しかし、ここでeaseInQuadの動きを適用すると、変化量は線形ではなく2次関数の曲線になります。（下記サンプル参照） そのため、最初はゆっくりと薄くなっていき、後半に急激に消えていくような効果が得られます。 特別なことをしなくても使うことの出来るeasingは"linear"と"swing"の2種類だけですが、プラグインなどを入れることで多くのeasingを利用することができます。 このeasingプラグインでは、version 1.3時点で32パターンが提供されています。 これ以外にもeasingは比較的容易に自作するこ
DevFest での WebGL の LT 資料＆補足 - WebOS Goodies
先週の木曜日、 Google の開発者向けイベント DevFest にて WebGL に関するライトニングトークをしてきました。時間が 5 分しかないので、内容はほんとうに概要の紹介程度ですが、参考までに資料を公開します。 また、 LT では時間の都合から重要なことを省いている部分もありましたので、そのあたりも含めて補足しておこうと思います。 動作環境 Google Chrome 9 から WebGL がデフォルトで有効になっています。現在 (2010/12/17) はベータ版ですが、もうすぐ正式リリースされるでしょう。また、ハードウェアの制限も緩和されており、 Intel 統合チップセットの Mac mini でも動作することが確認できています。 スライドには WebGL によるデモが含まれており、それを正常に表示するには最新版の Chromium を「--no-sandbox --en
[JS]広告やプロモーションを邪魔にならないように表示するスクリプト -Meerkat
広告やプロモーション、スプラッシュコンテンツを掲載したパネルをアニメーションでスライド表示させるスクリプトをJarod Taylorから紹介します。 Meerkat demo 2 パネルはブラウザの上部や下部から表示され、上のキャプチャは下部からアニメーションでスライド表示されたものです。 スプラッシュページのように全面に表示することもできます。 demo 3 スクリプトのオプションでは、ロード時の状態、パネルの表示位置、アニメーション（スライドorフェード）、アニメーションのスピードなどが調整できます。 MeerkatはjQueryのプラグインのため実装にはjquery.jsが必要です。 実装する際のサンプルコードの掲載もあります。 How-To Use Meerkat
JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプル:phpspot開発日誌
JavaScriptなしでCSSのみで実現するクールなドロップダウンのサンプルが公開されています。 次のように、明らかにJavaScript 使ってるんじゃないか？と思うのですが、CSSのみでelement:hoverを使って実現されています。 ソースコードも解説されているのでこのテクニックについて覚えておいてもよさそう。 以下のエントリを参照してください。 Incredible Drop Down Menu Solution With CSS Only | AEXT.NET 関連エントリ jQueryで幅の大きなドロップダウンメニュー作成チュートリアル セクシーなドロップダウンメニュー実装サンプル
HTML5 TechTalk #2に行ってきた - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20091127.html
ビデオ：「Chrome OS」はこうなる
The Japanese edition of 'CNET' is published under license from A Red Ventures Company., Fort Mill, SC, USA. Editorial items appearing in 'CNET Japan' that were originally published in the US Edition of 'CNET', 'ZDNET' and 'CNET News.com' are the copyright properties of A Red Ventures Company. or its suppliers. Copyright (c) A Red Ventures Company. All Rights Reserved. 'CNET', 'ZDNET' and 'CNET New
IO 9elements
Our company's top wizards, stuntmen, and industry experts offer their best advice, how-tos, and insights - all in the name of shockingly good code & design. Building a Rock Solid Auto GridExplore a customizable CSS auto-grid layout in our latest post. Adjust column widths, gaps, and max column count for flexible web designs. Ideal for any web project. Hosting a ComfyUI Workflow via APIBasic WebSoc
bestvpn.org
HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos (the filter is an OR filter). HTML5 also presents new challenges to online privacy, so if you're at all concerned about your privacy please read my comprehensive notes on VPN Services like ExpressVPN and NordVPN. Demo Support Technology
あなたは書ける？いや読める？·Kit's JavaScript Brainfuck Interpreter MOONGIFT
世の中には色々なプログラミング言語が存在する。動作環境や目的によって使い分けるべきプログラミング言語ではあるが、世の中には理解するのすら難解な言語も存在する。例えばスペース、タブ、改行だけで記述するWhitespaceもその一つだ。 きちんと出力されるのが驚き そして><+-.,[]などの起動だけで記述するのがBrainfuckだ。あまり良い言葉ではないので通常はBrainf*ckと書いたりする。そのBrainf*ckインタプリタをJavaScriptで記述したのがKit's JavaScript Brainfuck Interpreterだ。 今回紹介するオープンソース・ソフトウェアはKit's JavaScript Brainfuck Interpreter、Brainf*ckをJavaScript上で実行するソフトウェアだ。 Kit's JavaScript Brainfuck In
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
官邸前のデモは「無難」。だから効く：日経ビジネスオンライン
CSS3D Clouds
迫力の有る「Akra 3D engine 」のパーティクルデモ - 強火で進め
HTML5のインタラクションやビジュアルエフェクトを体感できる -HAKIM.SE
[CSS]画像を使用しないでもCSS3ならここまでできる実用的な実装サンプル
TechCrunch | Startup and Technology News
[CSS]1ピクセルのラインを巧みに使用したドロップダウン型ナビゲーション