キーワード検索「Firefox」
1356
HTML5+CSS3+JavaScriptで制作されたオープンソースのUIコンポーネントコレクションを紹介します。 Chico UIの対応ブラウザは下記の通りです。 IE6には対応していませんが、十分でしょう。 対応ブラウザ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIのウェブページに使用するさまざまなUIコ...
1394
皆さんはGoogleリーダーを使っているでしょうか。デフォルトでも大変使いやすいGoogleリーダーですが、ブラウザの拡張機能やGreasemonkeyスクリプトを組み合わせることで、さらに使い勝手が広がることは多くの方がご存知のことでしょう。当サイトのでも以前、あなたのGoogleリーダーを超便利にする最強のFirefoxアドオンまとめという記事をエントリーしたことがありますが、今回はそのGre...
714
CSS3を使うと画像のようなボタンも簡単に作れます。よくあるタイプのボタンですが、できあがりのコードだけだと勉強にならないので、作り方を順番に紹介していきます。 今回、ChomeとFirefoxで動作確認しています。IEだとグラデーションが使えないので、同じボタンがたくさんあるように見えます。スマホサイト用なんかだと十分実用的だと思います。
686
Twitterなどを見てると、 「IE6がー！」とか 「IE6,7,8,9、Firefox、webkit系、Operaで同じレイアウトにするの大変」などのツイートをたまに見るので、クロスブラウザでも差が出にくく、効率の良くなるコーディングの基礎を紹介します。 気をつけるHTMLの記述方法 HTMLの記述方法を間違えていると、ブラウザCSSの解釈が変わってきます。 以下のようなことは基本的なことです...
705
JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合)有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみましたJavaScript style guide – MDC DocsMo...
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
583
札幌でホームページ制作をする社会人ハムの勉強ブログ。 JavaScriptやjQuery、XHTMLやCSS、その他思ったことなどについてなどを気ままに書きます。jQueryのpluginなども公開中。jQueryplugin自作pluginJavaScript(X)HTMLCSSSEO日記プロフWebコンWebサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxの...
508
新しい認証方式 BrowserID を分かりやすく解説してみるBrowserID という認証方式がはてなブックマークやTwitterで話題になっていたけど、話題元のニュース記事を見てもどんな仕組みか全然分からない。 なので、 BrowserID の何が新しいのか、ちょっと調べてみた。 Firefox、ログインの常識を変える「BrowserID」を発表 | エンタープライズ | マイコミジャーナル ...
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...
426
Local Load 「Local Load」は、Firefoxにインストールするだけでブラウジングの際のページ読み込み速度を高速化してくれるアドオンです。光回線などの高速インターネット回線に接続している場合は効果がはっきりと分かりにくい場合もありますが、回線が細い場合では体感で分かるほどに、特に大幅な高速化が期待できます。 高速化の仕組み自体は単純で、jQuery、Prototype.js、Mo...
488
最近の愛用はFirefox を普段使っている時は、 HttpFox を使っています。昔は Live HTTP Headers :: Add-ons for Firefoxを使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。そこで、 HttpFox です。HttpFox :: Add-ons for Firefoxレスポンスコー...
367
Firefox web browser - Faster, more secure & customizable Webサイトへのログインに新しい流行を作るかもしれない興味深い技術がMozillaから発表された。Mozillaの見込みがうまくいけば、数年後にはこの方式でどのWebサイトにもログインできるようになる可能性がある。発表された技術は「BrowserID」と呼ばれている。 Webサイトにお...
361
Google Chrome デベロッパー ツール Google Chromeに付属しているウェブ開発向けの便利ツール JavaScriptのデバッグ、HTML/CSSの変更や解析、パフォーマンスの分析、ネットワークの解析などなど、いろいろできます WebKitのWeb Inspectorをベースにしているので、SafariのWeb Inspectorと機能はだいたい同じです フロントエンドはHTM...
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 で動作確認したでゲソ。スクリプトについてテキストエディタで辞書を編集すると、もっといろんな日本語表現に対応できるんじゃなイカ？ 日...
338
はじめまして。新入りのnagataです。入社式で自転車乗ってた野郎です。先輩方から「ブログ、書いてね！」とのお達しがあったので、日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。※各種サンプルはMac上のSafari4.05、Firefox3.6.3、Chrome5.0で動作を確認しています。canvasってなんぞ？図を書き込めるhtml要素です。OpenGLやDi...
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...
276
Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で)現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定...
262
![[CSS]画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションを適用する方法と注意点 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/css/css3-image-styles-by-webdesignerwall.html)
最近のブラウザで生じる問題点 画像に角丸やドロップシャドウを適用すると期待通りにならないことがあります。これはChrome, Safari, Firefoxなど、最近のブラウザでも生じます。 Chromeでの表示 デモでは「border-radius」と内側に「box-shadow」を適用していますが、Chrome, Safariではキャプチャのように欠けて表示されてしまいます。 また、Firef...
