レスポンシブWebデザインでテーブルを使う時の小技
tableやtr、tdなどのテーブル関連のタグのdsiplayプロパティを変更することでデザインを変更します。 tableタグのdisplayの値はデフォルトではtable、tdやthタグはtable-cellといった具合ですが、この値をblockやlist-itemなど他の値に変えます。 @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } ..... } Chrome、Safari、Firefox対応。 IEではTableのdisplayを変更しても表示は変わらないようなので非対応です。 条件分岐コメントを使ってIEにはメディアクエリを読ませないよ
長距離・超高速インターネットを用いたファイル転送速度の世界記録を達成
2009年11月27日 高速ネットワーク技術、スーパーコンピュータ関連の国際会議にて受賞 家庭用ＰＣで超高速ウェブアクセス環境を実現するUsadaFoxを用い、 遠距離ウェブアクセス性能を1000倍高速化 東京大学大学院情報理工学系研究科 教授 平木 敬 概要 東京大学の研究チームはこのたび、さる１１月１４日より２０日まで米国オレゴン州 ポートランドで開催されたIEEEコンピュータソサエティ主催のスーパーコンピュータ関連の国際会議「Supercomputing 2009（SC09）」にて「バンド幅チャレンジ」に参加し、米国ポートランドと東京大学間で長距離ネットワーク・データ転送実験を実施しました。データ転送実験は、当チームが開発して参りました、遠距離用に改造を施したFireFox｢UsadaFox｣を用いた家庭用PCを用い、ウェブを介した日米間データ転送で、通常のFireFoxを用いた場
Firefoxと完全互換の高速起動が可能な軽量ブラウザ「Pale Moon」 | フリーソフトラボ.com
Pale Moon 「Pale Moon」はFirefoxと高い互換性を持つ、高速起動が可能なオープンソースのウェブブラウザです。Firefoxの最大の欠点と言えば、何と言ってもとにかく起動に時間がかかること。最近ではChromeも拡張機能に対応してきたこともあり、豊富なアドオンで自由に機能を追加できるというFirefox独自の優位性が失われつつある今、ヘビーユーザーの間でもより起動の速いChromeへの乗り換えが進んでいる傾向にあるようです。 そんなFirefox最大の欠点である起動の遅さですが、こういった問題点を改良してアドオン等の互換性はそのままに、よりユーザーの視点に立って使いやすく軽量に再設計されているのがこの「Pale Moon」というブラウザです。基本的なデザイン、機能からインターフェースまでほとんどFirefoxと同じで、起動や動作が速くメモリの消費も少ないという、ツボを押
Firefox、メモリ、キャッシュ、SSD、RAMディスク
Core i7、DDR3メモリトリプルチャンネル6GB、Intel SSD、Windows7。この環境なら、何かのアプリケーションが重くていらだつことはもうないだろうと思っていたあの頃。 SSDの読み込みの速さによる、Windows自体の起動の速さ、アプリケーションの起動の速さにも慣れ、残ったのはFirefoxの動作の重さ…。 まさかWebブラウジングするだけの処理がここまで重いとは…。前の環境で重かった画像処理は快適になったのに、なぜブラウザがここまで重いのか…。 「FirefoxのAutoPagerizeが重かった」の後、ページ先読み用アドオンは「AutoPager :: Add-ons for Firefox」に変えていました。PCのスペックも上がったことで、再びAutoPagerizeに戻していたわけです。でも、やっぱり重い。Greasemonkey版やExtension版のAut
Web ブラウザに表示されている画面を直接編集する方法
これはすごい。Web ブラウザのアドレスバーに以下を入力し Enter すると、 今表示されている内容を直接編集できる。Firefox 3.0.14 と IE8 で出来 ることを確認した。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーに表示されている画面を直接編集する方法 - sanonosa システム管理コラム集 追記(2009-10-04): 戻す方法はないものかなあ。‘false’ と ‘off’ では出来なかった。 追記(2009-10-17): 「戻す方法」というのは、「編集モードから閲覧モードに戻す方法」のこ とです。端折った書き方ですみませんでした。もう少し楽な方法が見つかっ たので、以下に追記します。 IE では、以下を入力し Enter
keyconfig:【PC作業効率化】Firefox使いなのにkeyconfigアドオンを導入していない？そんな馬鹿な！ – ビジデア | B u s i d e a
【PC作業効率化】Firefox使いなのにkeyconfigアドオンを導入していない？そんな馬鹿な！ 2009年9月6日 2021年8月24日 2020年以前の記事 気持ちを素直にタイトルにしてみました。 IE（特に6）に向かって「げいつ！！！」と叫ぶ多くのWeb関係者にとって、ウェブラウザシェア2番手のFirefoxは愛すべき存在です。たとえまだシェア1割だとしても。 ぶっちゃけ、私も「あーもーブラウザシェア、FirefoxとIE逆転しないかなー」とか妄想しています。（それくらいIE特に6はコーダｰにとってうふふ。） 特に、はてなーさんやら、IT技術に強い方々などはFirefoxを利用していることが多いのではないでしょうか。 今日は、そんな全Web利用者のうち約1割の方々全員に、導入をこころからおすすめしたいアドオン、keyconfigをご紹介します。 キーボードショートカットを自由自在
ブラウザを選ばずWebテストを自動化するSelenium
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
ウノウラボ Unoh Labs: WEBアプリのテストに便利なFirefoxのアドオン
こんにちは！ のりPと同い年ですが、クラブ通いは●年前に卒業しました やまもと＠テスト番長です。 早いもので、もうお盆の帰省シーズンですね。 今年の夏は世間の騒がしい日々が続いておりますが、みなさんお変わりございませんでしょうか。 さて、Firefoxといえば豊富なアドオンですが、今回はテスター目線で WEBアプリケーションのテストに便利なFirefoxアドオンを並べてみたいと思います。 Firesizer ブラウザの画面サイズを整えることが出来ます。 InFormEnter 準備しておいた値を入力フォームにセットしてくれます。 MeasureIt 画面上のピクセルサイズを測ることが出来ます。 Regular Expressions Tester 正規表現での検索がその場で出来ます。 FireShot キャプチャにメモを書き込んだり出来ます。 Web Developer F
Google、サイト高速化支援技術「Page Speed」を公開
Firefoxアドオンとして公開された「Page Speed」は、サイト内のJavaScriptや画像などの問題を解析し、表示速度のアップを支援してくれる。 米Googleは6月4日、サイト高速化支援技術「Page Speed」をオープンソースのFirefoxアドオンとして公開した。Windows版、Mac版、Linux版がGoogle Codeのサイトからダウンロードできる。 Page SpeedはGoogleが同社のWebサイトの表示速度向上のためにここ数年社内で使っているツール。オープンソースのFirefoxアドオン式デバッグツール「Firebug」と連係して機能する。指定したサイトを解析し、表示スピードを上げるための提案を表示する。例えば画像サイズを自動的に最適化したり、実際にはページ表示に使われないにもかかわらず読み込まれるJavaScriptやCSSなどの問題を確認する。 Pa
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
