キーワード検索「Chrome」
1569
HTML5 はじめにこんにちは、Python界の情弱です。今日はChrome+HTML5 Conferenceのお手伝いに来てます。いままで全く触れてこなかった世界ですが、結構HTML5はXMLのようにセマンティクスに重点を置いてるんですね。CSS3も動的なエフェクトを簡単にかけられるようになってるし、とてもいいですね。さて、YouTube Live Streamのお手伝いしながらRSS見てたらち...
909
CSS3がいくらパワフルとはいえ、さすがにここまで凝ったものが作れるとは思いませんでした。 まずはChromeでこちらを遊んでみてください。 CSS3 OF THE DEAD - jsdo.it - share JavaScript, HTML5 and CSS まるでJSをバリバリ使ったゲーム、のように見えますが、実は「Only CSS」。上のSTOPボタンを押すとコードを確認することができます...
870
JavaScript, Python みなさんお久しぶりですヽ(´ー｀)ノ夏休みの宿題終わりました？毎日が夏休みの最終日みたいな生活してるあまちゃんです！ さてさて今日は WebKit サーバーというものを作ってみたので、紹介してみます。WebKit って何？WebKit っていうのは Chrome や Safari の中に入ってるブラウザのエンジンのことです！実はブラウザっていうのは、エンジン部...
630
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。圧縮されたコードの整形まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0...
544
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコ...
1020
Interactive infographic about the evolution of browsers and the web. This infographic features major web browsers since 1993 such as Mosaic, Netscape, Opera, Internet Explorer, Safari, Firefox, and Ch...
evolutionofweb.appspot.com
526
どーもノリ五藤( @nori510 )です。 ブログを書く上で、どうしても必要な手間がかかる部分があります。リンクを貼ったりとか、HTMLのタグうちなど。 そういう手間は、なるべく減らしたい。 という事で、今回はブログ更新の手間を減らす私がブログ更新に使用している便利なbookmarkletをまとめてご紹介してみようと思います。 ブロガーに必須のブックマークレット まとめ その0 ブックマークレッ...
504
皆さんはキーボード派ですか？マウス派ですか？ 筆者のようにプログラマの方であれば、キーボード派の人が多いと思います。 マウスでグリグリ操作するよりも、ショートカットキーを使いこなす方が何倍も早く操作できることを知っているはずです。 ターミナルをよく開いている人は1日の大半はキーボードだけで生活しているでしょうw しかし、そんな人でもブラウザの前では、キーボードだけでは効率良く操作できないので、仕方...
489
HTML5で作られたゲームもいろいろありますが、今回がエミュレーター本体をHTML5で作った事例をご紹介したいと思います。 ネイティブアプリであれば様々なゲームのエミュレータは存在しますが、ブラウザ上で動くものは少なく、再現性も低いものばかりでした。 しかし、HTML5とブラウザの性能向上のおかげで、 ブラウザでゲームボーイが遊べる！ レベルにまでなりました。 それでは早速、Chromeで「JS ...
477
iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシュミレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異...
516
![[CSS]スタイルシートの量を少し減らした、新しいclearfix -micro clearfix | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css-micro-clearfix.html)
「clearfix」はフロートした要素が親要素からはみ出してしまうのを回避するもので、当サイトでもいくつか紹介してきました。 今回紹介するのは、スタイルシートの量を更に減らし（class名も短く）した「micro clearfix」です。 この新しいclearfixの対応ブラウザは、下記の通りです。 Firefox 2+ Safari 2+ Chrome Opera 9.27+ IE 6+, IE...
504
ウェブサイトの制作に役立つGoogle Chrome用の機能拡張をCSS Reflexから紹介します。15 Must Have Google Chrome Extensions for Web DevelopmentPendule HTML, CSS, WAIなどの検証をはじめ、CSSの無効化、リンクチェック、カラーピッカー、ルーラーなど。Chrome Sniffer そのサイトで使用しているCM...
465
［速報］グーグル、Webアプリのマネタイズを提供、わずか5％の決済手数料。Google I/O 2011 グーグルがサンフランシスコで開催中のイベント「Google I/O 2011」。2日目の基調講演はWebがテーマになりました。Webアプリケーションでの課金、高速なゲームの実現、そしてChromeを搭載した専用のノートPCである「Chromebook」が発表されました。 2日目の基調講演の模様...
431
node.jsに関する基礎やチュートリアルのまとめ。 リアルタイムなWEBを実現するには必須のサーバサイドJS、node.jsについて色々とまとめてみました。 node.jsについて node.js なんとなく凄そうだけどよく分からないという方も多いかもしれないので簡単に解説。 一番最初見た時は何かのJavaScript ライブラリかと思ったのですが、全く違って、V8というChromeにものってい...
329
DartはWebアプリケーションの開発を想定したプログラミング言語。実行方法として、JavaScriptに変換してWebブラウザ上で実行する方法と、専用の仮想マシンを搭載したWebブラウザで実行する方法が予定されています。グーグルはChromeにDartの仮想マシンを搭載する計画を検討中であることを明らかにしています。 Dartの設計方針は次のように説明されています。 Create a struc...
340
はい、今さら聞けないウェブ開発者の基礎知識のお時間です。ブラウザには3つの読み込みモードがあることはご存知ですか？2つくらいはわかるけど、3つ目が出てこないって方は少なくないかもしれません。リロード 一番オーソドックスなのがブラウザのリロードボタンを押したときの挙動ですね。普通ですね。スーパーリロード ブラウザによっては、スーパーリロードという機能を備えています。IEの場合Ctrl+F5(Ctrl...
391
![[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/different-stylesheets-for-differently-sized-browser-windows.html)
対応ブラウザはFirefoxのMozilla系、Safari, ChromeのWebkit系、Operaの最新バージョンでサポートしています。 IEはIE9を含み、現在のところ非対応とのことです。JavaScriptで実装IEを含むすべてのブラウザに対応させたい場合は、これらの方法がおススメです。 jQueryでブラウザの幅を判別して、適したスタイルシートにします。 デモページ：JavaScrip...
320
イカ娘変換ブックマークレット – INAの日記 さんのスクリプトを改造して、Greasemonkey として動くようにしたでゲソ。ここをクリックしてインストールできるでゲソ。ikamusumedegeso.user.js をインストールFirefox と Chrome で動作確認したでゲソ。スクリプトについてテキストエディタで辞書を編集すると、もっといろんな日本語表現に対応できるんじゃなイカ？ 日...
308
![[JS]高性能で設置も簡単、ブラウザ枠いっぱいに背景画像を配置するスクリプト -bgStretcher | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-bgstretcher.html)
デモページ：Super Slider スライドのスーパー版で、斜め方向のスライドで画像を切り替えます。 bgStretcherの主な特徴 セットアップはシンプル 全てのモダンブラウザをサポート 画像は一枚だけでなく、複数枚にも対応 対応ブラウザ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretch...
363
2010/05/12「グーグルのエンジニアがSafariのためにコードを書くこともあるんですよ。WebKitコミュニティの中では、そのほうが物事の進みが速いという不文律のようなものがあるんです」こう語るのは、グーグルでChrome開発に携わるソフトウェア・エンジニアの鵜飼文敏氏だ。鵜飼氏はChromeに機能を追加するために、WebKitコミュニティでWebSocketの設計、実装なども行なっている...
