Google Chromeで素早くキャッシュをクリアしてページを正しく表示させる：Google Chrome完全ガイド - ＠IT
Webページの表示がおかしいのはブラウザキャッシュのせい!? インターネット上のWebページを見て回っていると、しばしば表示内容が明らかに乱れたページに遭遇することがあります。またWebページ制作に関わっているなら、Webサーバ側で画像などを更新したのにWebブラウザで見ると更新されてない、という経験をしたこともあるでしょう。 こうしたトラブルの原因の一つとして、Webブラウザのキャッシュ機能が挙げられます。この場合のキャッシュとは、WebブラウザがWebサーバから読み込んだファイル／データをローカルPCのディスクなどに蓄えておき、再利用できるようにすることでページ表示を速める機能です。 しかし、Webサーバとキャッシュの間で同一であるはずのデータが（何らかの問題により）食い違ってしまうと、ページ表示が乱れてしまうことになります。特に同じファイル名で画像が更新されたような場合、ページ表示が
「Firefox」のアイコンが再び刷新へ--2つのデザイン案を公開
「Firefox」のアイコンの外観がまた変わるという。 Firefoxの「Quantum」ブランド版向けにシンプルで明るくなったアイコンを採用してからまだ1年も経っていないが、Mozillaは再び、アイコンをモダンなものにする取り組みに着手した。今回は、単にFirefoxの新しいアイコンを作成するだけでなく、新しいサービスや、「Rocket」や「Focus」といったFirefoxバージョンなど、同社の主力ブラウザ以外の製品にも対応するアイコン群を構築する計画だ。 「炎の尾を持つ素早いキツネ（fox）のアイコンは、製品群全体を表現するデザインとしては十分ではない」と、Firefoxのユーザーエクスペリエンス担当シニアディレクターであるMadhava Enros氏とMozillaのクリエイティブディレクターであるTim Murray氏は、米国時間7月30日付のブログ記事で述べた。「そのロゴの色
WEB制作向けブラウザ「Blisk」を使った瞬間、恋に落ちた
それで、「そんなにいいのかな？」と半信半疑でインストールして、使ってみた瞬間、惚れました。 プログラミングをする人にとって、Sublime Textは、「恋に落ちるエディター」とよく言われていますけど、WEB開発者にとってBliskは「恋に落ちるブラウザ」といっても過言はないのではないかと思います。 以下では、そう思うに至った理由について述べたいと思います。 この記事は、2016年7月9日に書いたものです。2016年11月1日にversion 1.0.125.166が出たことにより、機能の一部が有償プランに加入しないと利用できなくなりました。ですので、無料で利用する場合は、30分で機能制限がかかったりするようになったのでご了承ください。 Blisk（ブリスク）とは Bliskは、WEB制作者がサイトの動作確認をする上で、便利な機能がデフォルトで備わっているWEBブラウザです。 現在は、Wi
Web 製作者必携？iPhone からソースが確認できる「ScriptBrowser」 | バシャログ。
ペルー代表との試合を見ましたが、今のところ 3-4-3 はイマイチ機能してないですね。だんだんモノになっていくのか？ kimoto です。 この前、iPhone の Web ブラウザいろいろということでまとめの記事を書きましたが、今回もブラウザのご紹介をしようと思います。 html や js、css などを見ることのできる「ScriptBrowser」です。 まず普通にサイトを表示させたあと、「Source」をタップ。するとハイライトされた html のソースコードが表示されます。 「折り返されてないのが見づらいよ！」というあなたは右下のアイコンをタップすればちゃんと右端で折り返してくれます。 「いかんせん横が狭すぎだろ…」というあなたも、横画面にすればその悩みが解決します。さらにピンチアウト、ピンチインで拡大縮小もできます。 「html しか確認できないの？」js や css もちゃんと
Firefox のタブの中で IE を起動する IE Tab - えむもじら
Firefox の中で、IE エンジンを使ったタブを開くことの出来る IE Tab（Home）という拡張機能があります。一、二ヶ月前に試したときにはぜんぜん使えないなぁと思っていましたが、1.0.7 がリリースされ、評判も良いようなので再度試して見ました。結論を言うと、基本機能に関してはまず問題なしです。 Windows Update や Gyao も問題なく使えています（ただし、Windows Update はダウンロードまでは試していませんが：追記：問題なく動作します）。以前は全滅だった会社の業務アプリケーションもまったく問題無しです。ということで、さっそく IE View から乗り換えました。IE View は私にとっては Firefox 1.5 にインストールするたった3個の拡張機能に入れるくらいのお気に入りだったので、IE Tab が新しいお気に入りとなりそうです。ということで、
WEB＆メール系のおすすめアプリ超まとめ！ - wepli.2
2015-11-04 WEB＆メール系のおすすめアプリ超まとめ！ アプリ超まとめ 本日から何回かに分けて、『アプリ超まとめ』なる記事を書いていきたいと思います。記念すべき第１回目の『アプリ超まとめ』は『WEB＆メール系のおすすめアプリ』でいきたいと思います。定番アプリからおすすめアプリまで一挙に大公開です。各分野から選りすぐりのアプリをピックアップしました。ブラウザアプリや、RSSリーダーアプリ、メールアプリなどをお探しの方はぜひ読んでみて下さいね。 ※ アプリ超まとめでは基本的におすすめの無料アプリをご紹介します。 おすすめのブラウザアプリ Chromeブラウザ ドルフィンブラウザ Sleipnir Mobile Puffin Web Browser ゼロパケットブラウザ おすすめの検索アプリ Google Goggles 画像検索 超画像検索 おすすめのRSSアプリ feedly gR
タブグループ機能をさらに使いやすくするFirefoxアドオン「Pano」
「Pano」とは Firefoxのタブグループ機能は、グループ一覧をサムネイルで表示してくれるなど見栄えには優れているのだが、むしろテキストのシンプルな表示の方が便利なときもある。すべてのサムネイルが表示されるまでタイムラグがあったり、タブを開きすぎて簡略表示されるなど不便な場合もあるだろう。そういった場面でも融通が利くのが今回紹介するアドオン「Pano」だ。Panoは、タブを左サイドバーにグループ単位でツリー状にテキスト表示してくれる。何十と開いたタブをサイドに一覧表示でき、カスタマイズも可能だ。
HTML5やCSS3のブラウザサポート状況を簡単に調べられる「Can I use…」のGoogleアナリティクス連携が便利
HTML5やCSS3のブラウザサポート状況を簡単に調べられる「Can I use…」のGoogleアナリティクス連携が便利 HTML5やCSS3のブラウザサポート状況が確認できるcaniuse.comのベータ版が2014年6月に公開され、デザインが刷新されました。 このベータ版のデザインの良さにも驚きましたが、なにより驚いたのはGoogleアナリティクスとの連携機能でした。ベータ版の「Settings」から設定を行うと、Googleアナリティクスのデータを読み込むことができ、自分のサイトに訪れるユーザが使うブラウザで、ある特定のHTML5やCSS3の機能が、どのくらいサポートされているかがわかります。世の中便利になりましたね〜。 実は現行版でも同じ機能が使えるのですが、残念ながらぜんぜん気づきませんでした。 ※ちなみに、このベータ版は数週間テストを行いフィードバックを得てから、本番サイトに
ブラウザにやさしいHTML/CSS
1. HTML/CSS 〜 「お・も・て・な・し」をブラウザにも 〜 TAKEHARU IGARI Front-end Engineer / Evangelist ブラウザにやさしい <html5j パフォーマンス部 第⼀回勉強会 /> 2. プロフィール • TAKEHARU IGARI 猪狩 丈治 - 所属 • 株式会社 Lei Hauʼoli フロントエンドエンジニア - 略歴 • 表⽰速度、保守性、ブランディング、SEOを考慮したフロントエンドエンジニアリングを得意とし、 現在、各ナショナルクライアントのプロジェクトや、株式会社リクルートの主要サービスのフロント エンド開発に携わり、⾼速化コンサルティングも⾏う。 - 執筆 • 技術評論社「WEB+DB PRESS」 • Vol.66 〜我流コードからの卒業HTML構造化指南 • Vol.59 〜「Webサイト超⾼速化実況中継 ──
全てのWEBサービスでチェックすべきセキュリティ項目
WEBサービスにおけるセキュリティ対策の基礎 近年WEBサービスの脆弱性が騒がれておりますが、果たしてあなたが運用しているサイトのセキュリティは大丈夫でしょうか？以下、チェックしておくべきセキュリティ項目をあげました。 SSL証明書の利用 ユーザのプライベートな情報を送信してもらいサーバに保存するようなサービスではSSL認証は必須の機能と言えるでしょう。SSL認証を行っていないと、大切なユーザの情報が外部の悪いユーザに見られてしまう可能性があります。 ※ちなみにGozal-mediaではプライベートな情報のやり取りは行っていないためhttpで通信を行っています。 【確認方法】 ・ユーザ情報を送受信するページのURLが「https」から始まっている事を確認 ・「https」のページにアクセスした際に「セキュリティ証明書が信頼できない」という用な表示が出てこない事を確認 【導入方法】 導入
Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks（10
DREAMWEAVERでゴォ！【メタ情報を追加する】
メタ情報は、ブラウザに表示されない部分です。 現在のところ、ホームページを作るうえで、必ず必要というものではありませんが、正しいHTMLファイルを作成するためには、記述しておいたほうがいいでしょう。 メタ情報には、 そのホームページのデータを誰がつくったのか？ どういうもので作成したのか？ ロボット型の検索で検索されるための情報 などを追加します。 メタ情報のタグについて詳しくは、他のHTMLタグについて書かれたサイトやリファレンス本で確認してください。 Dreamweaverでは以下の方法で、メタ情報を追加できます。 メニュー「挿入」＞「HTML」＞「ヘッド」から選択する もしくは「挿入」ウィンドウ「HTML」パネルから選択する 下記のキーワード、詳細以外のメタ情報を記述するときに使います。 属性‥‥‥‥「名前」「HTTP-equivalent」のいずれかを選択できます。 「名前」では、
2/3 CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About
発展編：四隅の角丸サイズを個別に指定する書き方 次に、特定の角だけに限定して丸くしたり、角によって丸くする半径を変えたりする書き方をご紹介いたします。この方法を使えば、ボックスの上側だけ(＝左上の角と右上の角だけ)を丸くすることで、タブのように見せる装飾も簡単に作れます。 【四隅の角丸を個別に指定する書き方：このページの目次】 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 ボックスの上だけ(右上の角と左上の角)を丸くしてタブを作る方法 ボックスの対角だけを丸くするデザインを作る方法 1. 四隅の角を個別に丸くするborder-radius関連プロパティ4つの書き方 四隅(左上・右上・左下・右下)の角丸半径を個別に指定するプロパティとして、以下に記した4つのプロパティがあります。 border-top-left-radius: 10px; /* 左上 */ b
![2/3 CSSのborder-radiusで角丸に表示する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/ade00e284c27a0b48ae92f68e130823e9fb38672/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F4%2F0%2F0%2F4%2F201806201248%2Ftopimg_original.png)
1-2. <object>タグと<embed>タグ ｜ Flashとブラウザ
IEとそれ以外のモダンブラウザで確認する事 objectタグだけの表示の場合 IEだけ表示、それ以外は表示されない。 embedタグだけの表示の場合 IEは非表示、それ以外は表示される object、embed両方タグだけの表示の場合 IE、それ以外のモダンブラウザでも表示される。 ただし、このコードはレガシーコード（古い）。 このような２段構えの構造になっている理由は、IE以外のWebブラウザではobjectタグのclassid属性などのサポートが不十分なため、SWFを表示する際に必要な情報を取得できないからです。そこで、objectタグの内側に、IE以外のWebブラウザ用でもちゃんと解釈できるembedタグを入れ子にして置いているわけです。(X)HTMLの仕様では、解釈できないobjectタグがある場合、そのタグの内側へと代替コンテンツを求めるようになっています。レガシーコードの場合、
Googleが新契約でMozillaに支払うのは年額3億ドル――その理由は？
Mozillaと米Googleが更新した検索契約で、Googleは年額約3億ドル、3年で約9億ドルをMozillaに支払うと、米Dow JonesのメディアブログAllThingsDが12月22日（現地時間）に報じた。 Mozillaは21日、WebブラウザFirefoxのデフォルト検索エンジンとしてGoogle検索を採用する複数年契約をGoogleと締結したと発表した。両社はこれまでも同様の契約を結んでおり、この契約によるGoogleからの支払いが、Mozillaにとっての主な収入源となっている。 AllThingsDは、3億ドルという金額は前回の契約より非常に高いものになっており、Googleは米MicrosoftのBingにデフォルト検索エンジンの座を奪われないようにするために金額を上げたと指摘する。MozillaはGoogleのほか、米Microsoft、米Yahoo!、ロシアのY
遂にこの世界からInternet Explorer 6 が消え去る時が来ました
遂にこの世界からInternet Explorer 6 が消え去る時が来ました2011.12.19 17:00 mayumine 遂に、遂に！ マイクロソフトは廃れた過去の遺物、Internet Explorer 6 に引導を渡す決断をしました！IE6ユーザーは強制的に最新バージョンにアップグレードされる事に相成りました。ああ、これまでWebの世界からIE6が排除されることをどれだけ待ち望んできたことか。 今現在も全体の8.3パーセント、つまり数百万単位のユーザーが未だにIE6を使っているそうですが、翌月にも、IE6ユーザーは利用しているコンピューターがサポートしている最新バージョンのInternet Explorerに自動的にアップデートさせられることになります。マイクロソフトは、これによってIE6の利用率は1パーセント未満になるだろうと予測しています。 ｢10年前にブラウザが誕生しまし
画像を一切使わずCSSで描かれた「けいおん！」の澪がマジですごい！
今回紹介するのは、画像を一切使わずにhtml+CSSだけで「けいおん！」の秋山 澪を描いた技術デモ作品です。実際に作品を見てもらえば分かると思いますが、ものすごくクオリティが高くて普通に画像にしか見えないレベルです。久しぶりにCSSで絵を描く作品で驚かされたので、これはぜひ紹介せねばと思い記事を書きました。 「けいおん！」（K-ON!）は、軽音楽部で4人の高校生たちがガールズバンドを組み、音楽活動を行っていくストーリーで人気のかきふらい氏による4コマ漫画作品です。2年前にアニメ化、今月12月より映画が公開されている人気作品ですね。秋山 澪はその作品に登場するキャラクターです。その秋山 澪をまったくの画像なしで、html+CSSのコードだけで表現しています。 私も以前にCSSでドラえもんなど様々な作品を描いたりしましたが、はっきりいってhtml+CSSのコードだけで絵を描くのはとても大変です
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もはやマイナーブラウザの域に？ Firefoxのシェアがついに10％を切り一桁台に突入へ【やじうまWatch】
Amazonアフィリエイトが表示されないのは...... - のめしこきの日々
Loading...
