Hyper™
Project GoalsThe goal of the project is to create a beautiful and extensible experience for command-line interface users, built on open web standards. In the beginning, our focus will be primarily around speed, stability and the development of the correct API for extension authors. In the future, we anticipate the community will come up with innovative additions to enhance what could be the simple
グーグル、Androidへの「マルチウィンドウ」導入を検討か - すまほん!!
海外ブログ「Android Police」は、GoogleがAndroidへのマルチウィンドウ機能の実装を検討していると伝えました。 GoogleはAndroidに画面分割の隠しAPIを仕込んでいることが、3月に伝えられていましたが、これはあくまでSuperuser権限が必要であったり、実行してもうまくいかないなど、実験的なものでした。今回の情報はより踏み込んだものとなっています。 同ブログの伝えるところによれば、アプリ起動タブから、並べたいアプリをスワイプすることで、2つのアプリを並べることができるようです。 また、ウィンドウの比率も変更可能。片方を75%、もう片方を25%にするなど、便利な使い方ができるようです。このような機能は、SamsungのGALAXYシリーズ、MicrosoftのWindows 8 / 8.1に実装されている機能に似ています。 マルチウィンドウを利用中でも、Go
ブラウザの戻るでJavaScriptの効果が残っている時の対処法｜web bibo
JavaScriptで効果を与えたとき、別ページに飛んだあとブラウザの戻るボタンで、その効果が残っている時の対処法です。 例えば、画像にマウスオーバー処理を与えます。その画像をクリックし、別ページに飛んだあとブラウザの戻るボタンで戻るとマウスオーバー時の画像がそのまま残ってしまいます（Firefox、Safariのみ。IEは大丈夫。）これをどうやって解決するかというと window.onunloadを使ってキャッシュを無効に 上記の様な現象が起こるのはブラウザのキャッシュのせいで、これを無効にすればいいのです。 FirefoxやSafariはonunloadイベントがあるとキャッシュしないみたいなので window.onunload=function(){} と書けばOK。 試してみたい方はこのコードを使ってみてください。 <body onload="alert('test');"> と書
こてさきAjax:BlobBuilderを使ってみた - livedoor Blog（ブログ）
File APIの最近のトピックとして、File Writerがあります。 http://www.w3.org/TR/2010/WD-file-writer-api-20100406 読んで字のごとし、Fileをローカルに保存するもので、上のドラフトを見ると、 FileWriter という、いかにもなメソッドが定義されていたりします。File Reader含め、このメソッドが 使えるようになるとWebからファイルを柔軟に操作できるようになり、Webアプリの幅がまた 広がりますので、興味深いAPIです。（セキュリティの観点で、いろいろケアする 必要はあるでしょうが） FileWriter自体は、まだ実装されているブラウザは無いようなのですが、それの前段となる BlobBuilder（Blob : Binary Large OBject を作るメソッド）は、現行Chromeのstable(ve
requestAnimationFrame ＜ よーしおまえらー、アニメーションにsetInterval使うなよー - くろまほうさいきょうでんせつ
より適切なものが追加されたのでそっちを使いましょう。 setInterval/setTimeout → requestAnimationFrame; これまでは setInterval function render(){ // アニメーション 1フレーム分の処理 } setInterval(render, 1000 / 60); これはもう古い。 これからは requestAnimationFrame function animationLoop(){ render(); requestAnimationFrame(animationLoop); } animationLoop(); こうすべし。 requestAnimationFrameにすると何がいいの？ 複数のアニメーション描写処理を一つにまとめて最適化してくれる 同じ用に動かしている物体A,Bの動きが次第にずれていくとかがなくな
Window: popstate event - Web APIs | MDN
History APIWindowInstance propertiesclosedconsolecookieStore Experimental credentialless Experimental crossOriginIsolatedcustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event Deprecated external Deprecated fence Experimental frameElementframesfullScreen Non-standard historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlo
プログラムを書くのに便利な機能！
マルチウインドー機能を使おう 今回はプログラムを書く時に便利な機能をいくつか紹介していく。 「第2回：Vimの基本操作をマスターしよう（http://www.thinkit.co.jp/article/123/2/）」で紹介したヘルプ画面は、現在編集しているファイル画面を分割して表示される。Vimではヘルプ画面以外の画面についても自分の好きなように分割可能だ。 新しくウインドーを作るには、「Ctrl-W n」（「Ctrl-W」を押してから「n」を押す）または「:new」と入力する。後者の場合は「:new foo.txt」のようにファイル名を指定することができる。なお、以降については「Ctrl-W n」系の操作を中心に進めていく。 上記のコマンドを実行すると、画面が横2つに分割され、いままで編集していたファイルの上に空のウインドーができる。このウインドーに移動するには「Ctrl-W Ctrl
infowindowのサイズ指定 - American Life in the Summertime
昨日のエントリに久しぶりにGoogle Maps API v3のことを書いたんで、あれこれ見てたんだけど… 英語のリファレンスと日本語のリファレンスに差異があるのね。 日本語のリファレンスには、infowindowにsizeというプロパティがあるのに、英語版じゃmaxWidthしかない。 …っつーか、そもそもこのサイズ関係のプロパティって、動作が意味不明。 どうやらみんな同じようなことを思ってるようで、Googleグループでも色々と議論されているようです。 it seems no matter what i use for maxWidth for the infowindow it's always at least 200px wide. This is a problem for mobile phone that have small screens. Is there a way
ジャンプリストをサイトに設定する方法 » Internet Explorer 9(IE9)まとめサイト
IE9の新機能であるジャンプリスト。サイト独自のメニューを設定することができるので、WEBサイトにとってはユーザーの囲い込みにピッタリな機能です。 今回はこのジャンプリストを自分のWEBサイトに設定する方法を紹介していきます。 HTMLの知識があれば比較的簡単なので、ぜひ試してみてください。 ジャンプリストにリンクを追加する 下記のコードを<head>タグ内に追加しましょう。 追加するコード： <meta name="msapplication-task" content="name=（リスト名） ; action-uri=（URL）; icon-uri=（アイコンURL）" /> コード例： <meta name="msapplication-task" content="name=最新ニュース ; action-uri=http://internet-explorer9
iPhoneでscrollTopみたいな事をする
下っ端プログラマーのもがきをつらつらと。 生活や、仕事のおぼえがきや、気になったニュースなどを書いていきます。 iPhoneにscrollTopは無い。 代わりに、pageYOffsetがある。 一番下まで来た場合に何か処理をさせたい場合、scrollTopが無いiPhoneはpageYOffsetを使用するしかない。 ただ、pageYOffsetだけでは不十分。 pageYOffsetは現在の画面の一番上の縦位置が全体のどの位置までスクロールしたかがわかるだけ。一番下に来たかどうかかわからない。 なので、 window.innerHeight を足してやる事で画面下の位置が取得できる。 //画面下の位置取得 var bottomPos = window.pageYOffset + window.innerHeight; //スクロールできる縦の長さ取得 var max = documen
Macで同一アプリのウィンドウをキーボードで切り替える方法 | ひとぅブログ
MacではWindowsでいうタスクバーが存在しないので開いているウィンドウの把握がしにくいですね。これは慣れの問題だとは思いますが、例えばテキストエディタで複数のウィンドウを開いているときに、他のウィンドウを表示したい場合が結構面倒。これまではドックのアイコン上で右クリックしウィンドウを選択していた。 Windowsの場合だと、Ctrl+Tabキーでウィンドウを選択できるのですが、Macで同じような操作の、「Commandキー」＋「Tab」ではアプリケーションの切り替えとなり、同一アプリ内のウィンドウは選択できません。 しかし、ショートカットでキーボードで簡単に同一アプリのウィンドウを切り替える方法がありました。「Commandキー」＋「F1」でウィンドウを簡単に切り替えられます。 まだまだMac初心者の私。ひとつずつ勉強していきたいと思います?。
script要素のdefer属性の実装 - Thousand Years
<!--HTMLでは--><script defer></script> <!--XHTMLでは--><script defer="defer"></script> script要素にはdefer属性があって、これはdocument.write系がないことを条件にscriptの中身を後で評価することによってページのレンダリングを妨げないようにするものと説明されている。ただdeferが利用されているサイトってなかなか見たこと無いうえに本当にレンダリングを妨げないか興味があったので調べた。 実装されているブラウザ 調べた範囲ではIE(SafariとKon〜は調べてない)のみ。あとIEはscript要素にdefer属性をつけるとinnerHTMLに代入したscriptが実行されるという仕様がある。 // 以下は動かないので駄目 hoge.innerHTML = "hoge<script>aler
無料サービスを使え！ – 役立つ無料サービスのレビュー、まとめ、比較記事を紹介
コンテンツへスキップ 無料で使える！HubSpotの顧客リストの活用法 無料のアンケート作成ツール 比較／まとめ 無料「Excel」 テンプレート 比較／まとめ 無料で使えるノートアプリ比較 (Evernote / OneNote / Google Keep) おすすめの無料Web会議システム5選 WebP Converter 徹底解説！初心者でも直ぐに使える HubSpot は、マーケティング、セールス、サービスのためのCRM（Continue reading 多くの人の声を聞くことで改善できることも多い 企業や団体など運営していContinue reading 就職・転職には必須となる履歴書・職務経歴書 これから就職活動をスタートContinue reading 便利なノートアプリで効率的な仕事をしよう いつの時代も仕事をしていてメContinue reading 近年、リモートワーク
ウィンドウサイズによってスタイルシートを変える - builder by ZDNet Japan
ウェブページを表示するブラウザのウィンドウサイズは、閲覧環境によってさまざまだ。特定のウィンドウサイズを想定してウェブページを作成すると、それ以外の大きさのウィンドウではコンテンツが読みづらくなるなどの問題が発生する。最近ではiPhoneのような携帯端末からのアクセスも考慮する必要性が出てきているが、サイズ別にページを用意するのは制作にも管理にも手間がかかってしまう。 こんなとき、CSS3の「Media Query（メディアクエリ）」の機能を利用すれば、ウィンドウサイズに応じて適用するスタイルシートを切り替えて、ユーザーの環境ごとに最適なデザインでページを表示することができる。 現在、Media Queryの規格はW3Cの勧告候補（Candidate Recommendation）となっており、Firefox 3.5以上、Safari、Google Chrome、Operaが対応している。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
#page