Updated: April 1st, 16' (v3.02): Fixed Chrome desktop falsely reporting as touch enabled, requiring clicking on menu items to drop down. Description: Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair. And that's a good thing given the important role of this element in any site. The menu's contents can either be from dire
Note: Replaces original Smart Folding menu on same page. Description: This is a unobtrusive Tree Menu script that turns any ordinary list (UL element) into a collapsible tree! Once transformed, the original list and its sublists can be collapsed/expanded at will, with cookies used to optionally persist its state. Here's an overview of the script: Plug and play script that turns a UL list into a tr
jQuery Simple Drop-Down Menu Plugin The peculiarity of this dropdown menu is that these 20 lines of code and absence of various cumbersome mouse events within html code. The HTML code of the menu represents like unordered list (ul-tag) and has no anything extra insertions. Just plain list of the items. The small size script finds this list by ID and then, just hang on the mouse event handlers. Ver
ダグラス・カール・エンゲルバート（Douglas Carl Engelbart、1925年1月30日 - 2013年7月2日）は、アメリカ合衆国の発明家で、初期のコンピュータやインターネットの開発に関与した。特に、SRIインターナショナル内の オーグメンテイション研究センター (ARC) で行ったヒューマンマシンインタフェース関連の業績で知られており、そこでマウスを発明し[3]、ハイパーテキストやネットワークコンピュータやグラフィカルユーザインタフェースの先駆けとなるものを開発した。 エンゲルバートは、コンピュータとネットワークの開発と使用が世界の緊急かつ複雑な問題を解決する助けになるという主張をよく行っている[4]。研究室には自身が "bootstrapping strategy" と名付けた一連の原則を貼っていた。その戦略は研究室での技術革新を加速するようエンゲルバートが設計したもので
開発部の井上（@inonb）です。12月に位置情報サービス・ロケタッチのAndroidアプリをリリースしました。ぜひお試しください。 さて、今回はAndroidアプリのUIまわりについて書いてみたいと思います。 iPhoneアプリに比べて、AndroidアプリのUI仕様は、わりとWebに近いところがあります。Webの仕事の経験があるデザイナーさんは入りやすいところもあるのですが、マルチディスプレイ対応など面倒なところもあります。 デザイナーさんに聞かれた質問について簡単にまとめてみたいと思います。 1. iPhoneアプリのデザインって流用できますか？ 流用はできるだけ避けたいです。 たとえばTwitterやFacebookのアプリなど、両プラットフォームに多くのユーザーを持つアプリを見ても、iPhoneとAndroidではデザインが変わっているのが分かると思います。 Androidのデザ
1.5.1から追加された機能で、オブジェクトの外見をJavaScript StyleSheetでカスタマイズできる。 コンパイルされたファイルを消してビルドし直さないと修正が反映されないという大きな問題があったが、1.6.0で修正されている。 要はHTMLに対するCSSのようなもの。 構造とデザインを分離できるという利点がある。 でもまだ正直あんまり練れた機能ではないかも。 基本的な使い方 概要 *.jsにあわせて*.jssファイルを作る（ex. app.js => app.jss, menu.js => menu.jss） *.jssでID別、クラス別、オブジェクトのタイプ別にスタイルを定義する *.jsでIDまたはクラスを指定してオブジェクトを作成する *.iphone.jssや.*.android.jssのようにプラットフォーム別にファイルを分けることができる global.jssを
仕事の関係で必要になったので、docomo の GALAXY Tab を買いました。正直欲しかったわけではないのですが、仕事上 Android は１台必要だし、使わない携帯電話をもう一台買うよりはこっちだろうとは思いました。 箱は iPhone 3GS や iPad とそっくりなデザインです。写真となりは iPhone 3GS の箱です。本体そっくりなんだから箱のデザインぐらい変えようよ、芸がないねという感じです。（なぜか最初からケンカ腰） 箱を開けるとお約束どおり、箱いっぱいに本体です。iPad を見慣れているので 7inch がすごく小さく感じます。なんか新鮮な印象で、おお、このサイズ！というわくわく感もします。 箱から取り出して手に持って電源をいれました。電源ポタンは本体側面の右上にあります。iPad だとマナーモードスイッチの場所です。 手に持った印象は「ずっしり」です。iPad
緒方 壽人 Hisato Ogata ソフトウェア、ハードウェアを問わず、デザイン、エンジニアリング、アート、サイエンスまで幅広く領域横断的な活動を行うデザインエンジニア。東京大学工学部卒業後、国際情報科学芸術アカデミー（IAMAS）、LEADING EDGE DESIGNを経て、ディレクターとしてTakramに参加。主なプロジェクトとして、「HAKUTO」月面探査ローバーの意匠コンセプト立案とスタイリング、NHK Eテレ「ミミクリーズ」のアートディレクション、紙とデジタルメディアを融合させたON THE FLYシステムの開発、21_21 DESIGN SIGHT「アスリート展」展覧会ディレクター、SKINCARE LOUNGE by ORBISのブランディングと体験デザインなど。2015年よりグッドデザイン賞審査員。近著に『コンヴィヴィアル・テクノロジー』。2021年から長野県の御代田町
みたいなことを先週、ぴろたんと話していてですね。実際どうなるのか試してみました。こうなります。 赤い点線の枠が WebGL を有効にした canvas で、中の青い三角形は WebGL で描画されています。後ろの写真と「GL Overlay Test」という文字は通常の HTML です。 一見ちゃんと描画されているように見えますが、左側の半透明の三角形が、加算合成したような描画結果になっており、少し変です。本来であればもう少し暗い色で描画されている筈です。これは Chrome/Firefox あるいは Mac/Windows を問わず同じなので、今のところWebGL の描画結果を半透明で合成すると確実におかしくなるので、やめたほうがいいと言えます。が、逆に言えば、完全に不透明か完全に透明な部分は正しく合成されるので、限定的には使えるとも言えます。（描画結果にアンチエイリアスがかかっている場
私は、もともとWindows開発者(.NET)で、パッケージ基幹業務アプリケーションのベンダーで働いていました。同時に、家ではWeb開発をやっていました。最近は、フリーランスになって、iPhoneアプリ開発がメインになっています。ところが、iPhoneアプリ開発の比重が高まるにつれ、そのことに対する不安感が大きくなってきました。最近では、iPhoneアプリ開発の比重を減らすにはどうすればいいのか考えています。 iPhone 3GSが出てから、かなり売れてるみたいですね。私の住む熊本ではiPhoneユーザーはまだまだ少ないと思いますが、企業、団体、個人によるiPhoneアプリ開発に対する関心が高まっているのを感じています。東京あたりに行くとiPhoneアプリ開発者がゴロゴロいると聞きますが、熊本や福岡では開発者が足りていない状況です。 このような状況で、なぜ私がiPhoneアプリ開発の比重を
The score is added when the following condition is met: eval(question) === eval(your answer) So, for example, the answer for "typeof 1" is ' "number"', not 'number'. If you think the answer is runtime error, click the [Error] button, and then click [Answer] button. Each code is evaluated in an iframe created for every question and its answer. -------------------------------------------------------
This is how we implemented metrics in recent apps I’ve worked on: Right before the app shipped we’d go thru the app and anywhere something interesting happened, we’d add a metric by naming it and inserting a line of code to trigger the metric. Some header file would contain all the metric names. Later after the app shipped we’d need to answer a question like: How many of our users are using a spec
会社で下の記事についてリマインドしてもらって、なんとなく気になっていたことを調べたメモ。 http://webtech-walker.com/archive/2010/12/06160539.html 記事を読んで、history.replaceState(null, "title", "/new.html") とかやると遷移なしでページのcontentも勝手に置き換わるのかなー、だったらあのアニメーションはどこで発火してんだ？とか考えていたがそもそもreplaceStateの動作について勘違いしていた。 要は、次のようなhtml書いてボタンをクリックしても、historyの先頭が置き換わるだけでページ自体には何も起こらない。(ただしlocation.hrefは置き換わっており、reloadすると/replace.htmlにいく) <!DOCTYPE HTML> <html lang="e
[UPDATE 10:46pm - It’s back]. In case you haven’t already noticed, YouTube is currently down. Not parts of it, but the whole damn thing. So if you were hoping to watch some longplays, grab a movie quote or lose yourself in a spiralling maelstrom of dangerous conspiracy theory bullshit tonight, you’ll have to change…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く