ESPN and other channels return to DirecTV as it finally reaches a deal with Disney
WEBとChromeに関するsometkのブックマーク (12)
-
sometk 2020/06/23
-
-
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
-
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」
モバイルWeb開発に役立つ！Chrome DevToolsの新機能「デバイスモード」 Tomomi Imura（Slack） 今回のGoogle I/OはAndroidに特化していた傾向が強く、WebテクノロジーやChromeの扱いが比較的小さかったせいもあり、多くのWebフロントエンドディベロッパーは不満を感じた部分もありました。 そこでその中の数少ないChromeのセッションの中から、私が興味深く感じたクロスデバイス開発にはこの先欠かせなくなると思われる Chrome DevToolsの新機能についてレポートします。 このセッションを行ったPaul Bakaus氏（以下、ポール氏）は、かつてjQuery UIやAvesゲームエンジンを開発したことでも知られています。一時期日本に在住していたこともあるので、この記事を読んでいる皆さんには既になじみのある方かもしれません。現在はGoogle
-
今どきダサいフォントでWEB見てる人いないよね？Chromeでフォント表示をカスタマイズする方法 - すりゴマ・ドットコム
すりゴマです。 今日もいい感じにすり潰していきますね。 photo by Josh Self さて、日頃ブラウジングしていると、こんな悩みを抱えている人、多いんじゃないでしょうか？ サイト側でMS Pゴシック等のク○なフォントを指定しているサイトに遭遇し、「大島の生写真あげるよ！」と言われもらった写真がAKBの大島優子ではなく森三中の大島だったときくらいのショックを受けて立ち直れない。 とか、 やっぱりWEBは好きなフォントで見たいよ。 とか。 まぁ前者はすりゴマくらいかと思いますがw、今日は上記のような悩みを解決するために、Chromeで好きなフォントを指定してバッチリ表示する方法をご紹介したいと思います！ (・∀・) 「Custom.css」で解決・・・しない！ MS Pゴシックとか使ってんの？ え？フォントに？ とかダジャレ言ってる場合ではありません。 さてChromeでのフォントの
-
-
[JS]面倒なCSS3のベンダープレフィックスを自動で付与するスクリプト -Prefix free
ページにたった一行記述するだけで、CSS3のベンダープレフィックスを自動で付与してくれるスクリプトを紹介します。 Prefix free via: PrefixFree: Break Free From CSS Prefix Hell [ad#ad-2] Prefix freeの機能 ベンダープレフィックスとは、CSS3で採用予定のプロパティがブラウザに先行実装されており、それらを各ブラウザごとに機能させるためプロパティに加える接頭辞のことです。 「-moz-」「-webkit-」「-o-」「-ms-」などがあります。 例えば、CSS3グラデーションを通常のベンダープレフィックスを使用すると、下記のようなスタイルシートになります。 .download { background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.3
-
-
IE・Firefox・Chrome・Safariなど全ブラウザに残るあらゆる履歴を確認できるフリーソフト「Web Historian」
Internet Explorer・Firefox・Google Chrome・Chrome Frame・Safariのブラウザに対応し、アクセスしたサイトのURLとアクセスに使用したブラウザ・Cookieの有効期限・ダウンロードしたファイルとその容量・サイトを利用するためにフォームから入力した情報などを確認できるのが「Web Historian」です。履歴の保存・整理・分析などもできます。インストール・操作方法などは以下から。 Mandiant http://www.mandiant.com/resources/download/web-historian ◆インストール 上記サイトの「Download Web Historian」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、「Web Historian」フォルダーを開きます。 「WebHistorian.m
-
Windows環境に、起動が速いWebベースOS「Splashtop OS」をインストールする － ＠IT
「Splashtop OS」は、起動が速く、すぐにWebの閲覧ができるWebブラウザ専用のOSである。 最近では電子メールやスケジュール管理などにWebベースのサービスを利用している人も増えており、Webブラウザさえ起動できれば用事が済む場合も多い。しかしWebページを閲覧するだけなのにWindowsの起動が遅くて、イライラした経験を持つ人も多いのではないだろうか。PCの電源を入れて、Windowsの起動を待ち、さらにWebブラウザが起動するまで待つのは、特に外出先の時間のないときにはいら立ちを覚える。ノートPCのスタンバイ機能を利用すれば、Windowsの起動もそれほど時間がかからないが、外出先ではバッテリの消費が気になる。 Windowsの起動を速くできれば問題ないのだが、いくつかのサービスを止めるなどのチューニング・レベルでは微々たる時間の短縮にしかならない。さまざまなデバイスをサポ
-
君は3つのリロードを知っているか？ - os0x.blog
はい、今さら聞けないウェブ開発者の基礎知識のお時間です。 ブラウザには3つの読み込みモードがあることはご存知ですか？ 2つくらいはわかるけど、3つ目が出てこないって方は少なくないかもしれません。 リロード 一番オーソドックスなのがブラウザのリロードボタンを押したときの挙動ですね。普通ですね。 スーパーリロード ブラウザによっては、スーパーリロードという機能を備えています。IEの場合Ctrl+F5(Ctrl+更新ボタン)、Firefoxの場合Ctrl+F5(Shift+更新ボタン)、Chromeの場合Shift+更新ボタン(Ctrl+Shift+R)などでスーパーリロードを呼び出すことができます。スーパーですね。 ページ遷移(リフレッシュ) 3つ目はちょっと良い名前が思いつかないのですが、リロードではなく、通常の画面遷移での読み込みのことです。アドレスバーにフォーカスしてenterするといっ
-
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました