先日、使用しているMacBook Airのキーボードを掃除しました。 キーボードを拭く作業の中で意図せずキーが押下されてしまうため、電源をオフにした状態で実施するのが理想ですが、いちいち掃除の度に電源を落とすのは面倒ですよね。 そこで本記事では、Macのキーボード入力を一時的に無効にする無料アプリ「KeyboardCleanTool」を紹介します。 キーボードの掃除など、意図しないキー操作を発生させたくないシチュエーションで便利ですよ。
2007-07-26 13:15 : JavaScript で波○拳を繰り出すことはできるか？（「お知らせ:「コナミコマンド」を実装しました」を読んで） 「お知らせ:「コナミコマンド」を実装しました」によると、コナ○コマンドはできるらしいです。コードを見てもらうとわかりますが、if 文で普通に分岐しています。これはこれでお手軽な実装ですが、こういうものを見ると一般化してみたくなります。 上記サイトより抜粋： var konmaiFlag = 0; function konmaiCommand(konmaiKey){ if (konmaiKey == 38 & konmaiFlag == 0){//上 konmaiFlag = 1; }else if (konmaiKey == 38 & konmaiFlag == 1){//上 konmaiFlag = 2; }e
25 Useful Html5 Cheat Sheets and Tutorials For Web Developer HTML5で色々作るチュートリアル＆チートシート ギャラリーやcanvas、スライドショー、コンタクトフォーム等色々なものを作るチュートリアルとチートシートなどがまとまっています。 HTML5でテトリスを作るチュートリアルなんかもあります 最近HTML5ネタが多くなって来ました。 ネタに事欠かないのはいいことですが実際に追っていくのは大変ですね 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 HTML5ベースのオー
フリーランスのwebデザイナー・webディレクター、たけ（@take_it02）のブログ。フリーランス生活や、web制作について。 のっけからどーでもいいんだけど「一人ぼっちじゃないことに気付いて至高に成功した」って自己啓発セミナーかなんかみたいなタイトルっすね(； ･`д･´) フリーランスになって半年経ってこの世で一人ぼっちになったことに気付いて究極に失敗したを読んで。 このブログを書いたのは誰だぁ！！！ って、そらいくんなんだけど。 僕は前職ではディレをやっていて、フルCSSでコーディングもできないのにノリとイキオイでWebディレクタ・Webデザイナとして独立して以来、フリーランスでディレクションからWebデザイン、コーディング、WP構築、写真撮影、あと趣味でWebサービスというかネタサイト作ったりいろやってきましたが、そらいくんの悩みに勝手に答えるよーな、答えないよーな感じで、自分
ievmsはMicrosoftが提供するIE動作検証用Virutal PC向け仮想イメージをVirutalBox向けに変換するソフトウェアです。 IEで見たWebサイトの確認をしたいと思ったらWindows機が必要です。さらにIE7/8/9と各バージョンを用意しなければなりません。そんなのは面倒だ！というMac OSX/Linuxユーザの方は今すぐievmsを実行しましょう。ievmsはIE7〜9のVirtualBox用の仮想イメージを作成してくれるソフトウェアです。 インストール中です。数GB以上あるものばかりでかなりの時間を要します。 とりあえずIE7とIE8の仮想イメージができあがりました。VirtualBoxで確認できます。早速起動してみます。 Windows7が使われています。なお最初の起動時にライセンスが切れていましたがオンライン認証で通りました。 アクティベート後、再起動すれ
カフェや喫茶店、電車内まで、ラップトップPCを開き、お仕事中のビジネスパーソンをよく見かけます。そんな「どこでもオフィス」派のアナタに、ぜひ持ち歩きたいガジェットトップ10をご紹介しましょう。 Photo remixed from an original by Kagaya. ACアダプタやUSBケーブルなどがカバンの中でゴチャゴチャに絡まると厄介ですね。そんなときは、ケーブル巻きグッズを活用しましょう。オシャレで手ごろな『Applecore』のほか、MacBookユーザなら『Quirky PowerCurl』を使えば、ACアダプタがキレイにまとまります。また、ライフハッカーアーカイブ記事「バインダークリップを使って、ゴチャゴチャ絡まるイヤホンから卒業する方法」でご紹介した、イヤホンをバインダークリップで整理する方法なら、安上がりでカンタンです。
「釣り針でかすぎだろ・・・」 いえいえ、田中流儀のゲーム個人制作では、でかい障壁があるんです。 結論から書きますが、それは「ロイヤリティ効果音・BGMをhtml5で利用するのが難しい」という事です。 「ロイヤリティ素材使うな」 「flash使え」 「Unity使え」と2秒で結論を出したあなたは、よく訓練された開発者かフリーランスですので、ブラウザバックを押して頂いても大丈夫です。 まぁ、たまにはライセンスの話も面白いですよ！ ・ゲーム制作の強い味方「業務用素材集」が使えない 私はゲーム制作に「Sound Ideas」や「HollywoodEdge」、「Nash music library」などの 業務用素材集を多数利用しています。 http://www.sound-ideas.com/ http://www.hollywoodedge.com/ http://www.nash.jp/fum
よくあるWebサイトが表示されるまでの 時間を計測するツールですが、ブラウザ 別でも図れるのは珍しい気がするので 備忘録的にご紹介。大抵はFirebugで 事足りそうですけど、なかなかシンプル で便利そうなので覚えておいても損は しなさそうですよ。 デザインも凄く素敵。URLを放り込むだけのシンプルなツールです。 デザインかこいい。URLを放り込むとメーターのタイトルも変ってくれますよ。細かい部分へのデザインの配慮も参考になります。 ざっと特徴をご紹介。 機能 機能が結構充実してたりします。URLを入れて調査結果が上記のように出ます。JavaScriptエラーのほかに、表示されるまでの時間を5分割し、それぞれの表示状況をチェックできます。 ファイルごとのチェック 右側にWaterfall chartというリンクが出ますので、そこからファイルごとの速度も確認可能。ダウンロードする事も可能みた
なかなかユニークだったのでメモ的に。 HTML5+jQueryで使いやすい管理画面を 作るためのテンプレート・HTML5 ADMIN です。管理画面は見た目よりも機能性 のみに焦点が絞られるのでこういった テンプレートは結構貴重ですね。 テンプレートそのものを使う予定は無いですけど、管理画面におけるUI構築は、見た目ではなく、利便性、ユーザービリティのみに焦点が当てられるのでこういうテンプレで学べることも割と多いです。贔屓するわけじゃ無いですけど、WordPressの管理画面は他のCMSやブログエンジンよりはるかに万人に分かりやすく使いやすいように出来ていてとても参考になる点が多いです。機能を意識せずとも使える、というのは秀逸なデザインであるともいえます。 画像だけじゃ全然利便性が伝わりませんがｗ よく使われるUIが一式揃っている、という感じです。fluidレイアウトにも対応。modern
2012/12/25 Monacaのアップデートに対応するためにソースコードを一部編集しました。 ------------------------------------------------------------------------------ こんにちは。松田です。 今日は弊社で開発しているスマートフォン用アプリ開発環境のMonacaと、JavaScriptベースのゲームエンジンenchant.jsを組み合わせて、スマートフォン用ゲームアプリの開発をしてみたいと思います。 Monacaの公式サイトはここ。 http://monaca.mobi/ enchant.jsの公式サイトはこちらです。 http://enchantjs.com/ja/ MonacaはHTML5ベースのコードからAndroidアプリとiOSアプリを同時に生成できるツールです。 HTML5ベースで実装されてい
Html5 File Upload with Progress On Matlus HTML5でプログレスバー付きファイルアップロードを実現する例 これまでの仕組みとは違う、HTML5のProgress Eventsを使って実装しています。 ブラウザのAPIで取れるようになるのでこれまでのハックっぽい実装法ではない方法で実装できます こういう機能が当たり前に使えたら楽だなと思いつつ、覚えることがどんどん出てきて大変だなぁという感じもしますね 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
概要 alt 属性に指定する代替テキスト 空文字列の代替テキスト alt 属性の省略 関連リンク 訂正：HTML4/XHTML の alt 属性について 概要 HTML5 では img 要素の alt 属性の仕様が大幅に変更され、HTML4/XHTML と比較すると定義がかなり詳細化されている。 HTML5 における alt 属性 の仕様を概略すると次のようになる。 alt 属性には画像を置換可能な詳細な代替テキストを指定する HTML4/XHTML の alt 属性は短い説明 (alt テキスト) だったが HTML5 の alt 属性は長い説明 (title 属性よりは longdesc 属性に近い (※)) 画像の情報量 ≒ alt 属性に指定する代替テキストの情報量 特定の条件を満たせば alt 属性を省略することができる ※ HTML5 の仕様はワーキングドラフトでまだ勧告されて
The 1Kb CSS Grid by Tyler Tate :: A simple, lightweight approach 複雑なCSSレイアウトをウェブ上で簡単に作成できる「The 1Kb CSS Grid」 列数、列の幅、グリッド間の感覚を指定して「DOWNLOAD」ボタンを押すと、HTMLとCSSがセットになったアーカイブがダウンロードできます。 開いてみると、次のようなレイアウトの基本になるようなHTMLが手に入ります。 CSSフレームワークを使っているものですが、ウェブ上でパラメータ調節できて簡単にジェネレートできるのはいいですね。 関連エントリ CSSレイアウトのチート集「CSS Layout Cheats」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 フリーで使えるCSSレイアウトのテンプレート配布サイト 42個のフリーCSSレイア
皆さん、Windowsでコマンドライン使ってますか？ まともなターミナルエミュレータすらないと思っている方もいらっしゃるかもしれませんが、案外何とかなるものです。 これが完成図です。1週間ほどいろいろ試した結果、動作、見た目、フォントレンダリング、どれもおおむね満足行く結果になりました。 Terminal Emulator選び Windowsをお使いの皆様ならご存じかとは思いますが、デフォルトのTerminal Emulatorである cmd.exe が良くないです。 挙動、フォント云々の話をするまでもなく、横幅が80文字固定なのがどうしようもありません。 プロパティのレイアウトのところから幅の変更ができるようでした。ご指摘ありがとうございます。 この辺を見てWindowsで動作するものを一通り試してみたのですが、動作がおかしいか、フォントが気に入らないか、プロプライエタリかで、どれもよく
<!--functionbrDetection(){varbrAgent=navigator.userAgent.toLowerCase();this.brVer=parseInt(navigator.appVersion);this.brVerDot=parseFloat(navigator.ap...続きを読む
Indexed Database API（以下、indexedDB）について、これまで追いかけてきた情報をとりまとめたので公開します。 indexedDBは当初は仕様が固まっておらず、サンプルコードも当然のように動かなかったので（今も動きませんが…）、検証するにはかなりハードな状況でした。最近になってどうにか動くようになってきたので、@komasshu さんと色々やり取りしながら一通りの動作を確認しました。 現時点で利用できるブラウザは Chrome 9 以降 または Firefox 4 beta 8 以降となります。まだまだ仕様は動いていますので、検証の際は、なるべく最新の開発版を使うことをおすすめします。本エントリーでは、Chrome 9 beta 、Firefox 4 beta 8 にて検証します。また、資料は、2011年1月20日時点の W3C Editor's Draft を参照
Microsoftは米国時間11月10日、ユーザーがマウスを使ってネット上でデジタル画を描けるウェブサイト「The Art of Touch」を開設した。 HTML5を使ったこのサイトでは、太さが3種類ある絵筆と6種類の効果を選択できる。効果の違いは、マウスを動かしたときの「筆致」の違いとして表現される。パステルカラーのパレットがあらかじめ選択されており、マウスをいろいろな速さで動かすうちに画面に色が現れる。たとえば、マウスをゆっくり滑らせていくと赤いリボンが伸びて、ところどころに青色や黄色の模様がはじけるように現れる。 Microsoftにとってこのアイデアは、「Touch」マウスシリーズへの関心を掻き立てるためのものだが、どのマウスでもサイトは正常に機能し、ノートPCのタッチパッドでも絵が描ける。だが、画面の移動やサイズ変更を指で行う「iPad」のようなタブレットではうまくいかない。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
