キーワード検索「chrome」
1319
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければ...
1164
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少な...
1119
Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。960 grid systemグリッドシステムです。ブッ...
985
新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足していると言わざるを...
759
新卒入社2年目で、フロントエンドエンジニアをしています。阿部です。 いろいろなサイトのソースを見ていて、最近見るなぁと思った要素を勉強がてらにまとめてみました。 「IE対策」、「キャッシュ対策」、「高速化」、「ソーシャルメディア要素」、「スマートフォン要素」の5つに分けて、広く浅くですがご紹介します。 IE対策 <meta http-equiv="X-UA-Compatible" content=...
3068
Interactive PresentationWatch the slideshow that lets you play with HTML5 features.Latest Additions6/18 Introduction to Chrome Developer Tools, Part One6/18 Best Practices for a Faster Web App with HT...
504
ウェブサイトの制作に役立つGoogle Chrome用の機能拡張をCSS Reflexから紹介します。15 Must Have Google Chrome Extensions for Web DevelopmentPendule HTML, CSS, WAIなどの検証をはじめ、CSSの無効化、リンクチェック、カラーピッカー、ルーラーなど。Chrome Sniffer そのサイトで使用しているCM...
363
2010/05/12「グーグルのエンジニアがSafariのためにコードを書くこともあるんですよ。WebKitコミュニティの中では、そのほうが物事の進みが速いという不文律のようなものがあるんです」こう語るのは、グーグルでChrome開発に携わるソフトウェア・エンジニアの鵜飼文敏氏だ。鵜飼氏はChromeに機能を追加するために、WebKitコミュニティでWebSocketの設計、実装なども行なっている...
254
Google入力支援ツール「Google Scribe」のブックマークレットが便利すぎる掲載日時：2010.09.11 10:00 コメント [0], トラックバック [0]「Google Scribe」は、Googleサジェスト機能をどこでも利用できるサービスです。もちろん、Google Scribe上でも動きますが、用意されているブックマークレットが非常に便利。これを利用すれば、どんな場所で...
203
Chrome 拡張機能でウェブ制作をより快適に2010年7月28日水曜日 | 16:20Google が開発するブラウザ、Google Chrome は、ウェブサイトの閲覧だけではなく、ウェブの制作/開発用のツールとしてもご活用いただける便利なソフトウェアです。本日はウェブ開発に Chrome をどのようご活用いただけるかをご紹介します。 ※リンク先コンテンツは一部英語であることをご了承ください。...
googlewebmastercentral-ja.blogspot.com
229
HTML5 はじめにCanvasはHTML5とは切り離された独立した仕様(HTML Canvas 2D Context)になっているようですが、現状のブラウザ上でのCanvasのについて、普段はあまり気にしない微妙な振る舞いについて調べた結果をまとめてみました。調べたブラウザの各バージョンは以下の通りです。FirefoxChromeSafariOpera 3.6.8 6.0.490.1 dev 5...
176
最近nodejsで遊んでるのですが、nodejs単体だと面倒な事も多いのでライブラリを色々調べてみました。今回はそのまとめです。 よく見るもの 世間でよく使われてそうで、基本的なものを並べてみます。 node-dev スクリプトが更新されたら、自動的に再起動してくれるライブラリです。 node-inspector chromeとかをnodejsのデバッガとして利用可能にするライブラリです。 exp...
lambdasakura.hatenablog.com
234
Safari, extensionSafari拡張をいくつか作ってみたのて大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。なお、Windows版で作業していますが、Macでもほとんど同じだと思います。Safari拡張とは最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/javaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利に...
117
jQuery、Googel Analyticsなど、今見ているサイトでどんな技術が使われているかを教えてくれるChromeのエクステンションが「Chrome Sniffer」ですよ。似たようなツールはいくつかありますが、アドレスバーの横にちょこんと表示してくれるので邪魔にならずにいい感じです。↑ こんな感じに教えてくれます。気になるサイトがどういう風に作られているかを知るのに良いですね。» Chr...
113
What is is?This is a 100% JavaScripted app implemented in one day. Please browse this page with latest Chrome, Safari, or Firefox. Please contact to fukatsu@gmail.com if you have any question.
118
Google Chrome 5の新機能とChrome6の計画2010年5月19日太田昌吾Google Chrome, Chrome拡張, JavaScript, ECMAScript 5, HTML5, CSS3サポート, オプション, Flash, HTML5, リリース, Chrome12Google Chrome 5のリリースが刻一刻と迫ってきました。その注目の新機能と開発者向けの変更点に加...
82
Google , Google Chrome , 豆知識Chromeのブックマークを新規タブで開くように設定する方法2011.04.04 08:00コメント数：[ 0 ]CheckTweet毎日訪れるサイトがあり、毎回新規タブで開いてくれたら便利なのに...と思ったことのある方へ、オススメの設定方法があります。読者Java-Princessさんが、その設定方法を伝授してくれたのでそちらをご紹介！C...
87
HTML5, WebSocketid:Jxck(@Jxck_)さんからのリクエストもありましたので、現状でのWebSocket情報をまとめておきます。※この情報は2010/8/30時点のものです。ご覧になっている時点の情報とは変わっている可能性があります。ざっくり説明一言で説明すると、WebServerとWebBrowser用の双方向通信用のプロトコル。Server側からのプッシュができるので、X...
74
Firefox , Google , Google Chrome , Internet Explorer , Microsoft , Mozilla , アドオン , フリーソフト , ブラウザ2011年3月ブラウザスピード対決：IE 9、Firefox 4、Chrome11など2011.03.30 20:00コメント数：[ 0 ]CheckTweetIE 9（日本語版、リリース延期中）にFire...
70
The requested blog was not found -- unless you requested that of Dan Kogai (小飼 弾). レシピ 二つだけ <!DOCTIYPE html>を<html>の前に追加 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />を<head>内に追加 本来で...
