Webページの特定のテキストにリンクを張れるChrome拡張機能、Googleが公開
米Googleは6月17日（現地時間）、Chrome拡張機能「Link to Text Fragment」をChrome Web Storeで公開した。Webページ上の特定のテキストへのURLを生成できる。 拡張機能をインストールしたら、リンクしたいテキスト部分を選択し、右クリックで表示されるメニューで「Copy link to Selected Text」を選ぶ。 これでURLが生成されるので、後はメールなりメッセンジャーなりにペーストするだけだ。例えば記事の途中などにもリンクできる。リンクをクリックすると、リンク先として選ばれた部分が黄色く表示される。 長い論文で参照したい部分の覚え書きにも使えそうだ。 筆者の環境では、Chromium版Edgeでも使えることが確認できた。 関連記事 「Chrome 83」の安定版公開 タブのグループ化、Cookie設定や安全性チェック、拡張機能管理の
HTML/CSS/RSSの妥当性を検証する14のツール | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebサイトやWebアプリケーション、Webサービスを開発する作業工程のひとつに、作成したHTMLやCSS、RSSが適切なマークアップになっているかどうかを検証する工程がある。検証に活用できるツールやWebサービスはいくつかある。Sean P Aune氏がSitePointにおいて14 Free Tools To Validate Your HTML, CSS & RSS Feedsという記事をアップしたためチェックしておきたい。検証に使える14のFirefoxエクステンションやWebサービスが紹介されている。 14 Free Tools To Validate Your HTML, CSS & RSS Feedsで紹介されているエクステンション
【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル
あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(
Ajax開発にベンリ！「Html Validator」でJavaScript実行後のHTMLを検証 - builder by ZDNet Japan
Html Validatorは、その名の通りHTMLの文法を検証するための拡張機能だ。 Web Developerに付属している検証機能はW3Cのオンラインサービスにアクセスするだけのものだが、Html Validatorは自身でパーサーを持っており、ローカルの環境だけで検証を行うことができる。サーバから送信された生のソースコードだけでなく、そこに含まれるJavaScriptを実行した後のソースコードの検証が行える点も、大きな特徴だ。 加えて、Html ValidatorをインストールするとFirefoxのソースコード表示機能が拡張され、エラー発生箇所の表示や、エラー内容の表示などが行われるようになる。ソースビューワーがHTMLデバッガになってしまうわけだ。さらに、自動で修正候補のHTMLを生成する機能なども備えている。 ただし、Firefox Add-onsのサイトに掲載されているのはW
Web DeveloperでCSSとHTMLを編集してみよう - builder by ZDNet Japan
前回の「Web Developerでウェブサイトを構築・デバッグ」に引き続き、今回もウェブ開発向けのFirefoxアドオン「Web Developer」の基本機能を紹介する。 CSSやHTMLの編集 Web Developerの大きな特徴に、ファイルそのものを書き換えることなくHTMLやCSSの編集結果をプレビューできるという機能がある。 例えばCSSの場合、ツールバーから［CSS］−［CSSを編集する］を選択すると、現在のページが使用しているCSSがサイドバー（表示場所は変更可能）に表示される。これを変更し、上部の［適用］アイコンをクリックすると、その内容が表示中のページに反映される。 元に戻すには［リセット］アイコンをクリックすればよい。もちろん、編集したCSSをローカルのファイルに保存することもできる。
MOONGIFT: � ソースをビジュアルで確認「View Source Chart」:オープンソースを毎日紹介
IE、Firefox、Opera等、ブラウザは複数存在する。各ブラウザで同じ表示を保てればいいが、そう簡単にはいかない。特にそれまでIEでのみデザインを調整し、はじめてFirefoxで見たときなどは目も当てられないくらい乱れていることがある。 原因は様々に考えられるが、ひとつの要因としてHTMLが正確でない事が挙げられる。ブラウザがうまく表示してしまい、タグが多少抜けていてもそれが分からないのだ。そこでソースを見やすく表示してみよう。 今回紹介するフリーウェアはView Source Chart、ソースをビジュアル化し、見やすくするFirefoxアドオンだ。 通常、Firefoxのソース表示ではハイライト表示までだ。これでは横幅の長いHTMLを表示する際は不便だ。View Source Chartは構文を解析して囲みごとに色分けして表示してくれるので、ネストの間違いがあっても分かりやすい。
HTMLソースをネストでグラフィカルに表示するFirefoxアドオン『View Source Chart』 – creamu
ページのソースをもっと見やすくしたい。 そんなあなたにおすすめなのが、『View Source Chart』。HTMLソースをネストでグラフィカルに表示するFirefoxアドオンだ。 『View Source Chart』は、ページのソースをタグごとに見やすく表示してくれる。背景色や点線、実線で区別してくれたり、タグをクリックすると折り畳んでくれたりする。 インストール後、右クリックのメニューから「View Source Chart」を選ぶことで使える。 思ったよりもソースが見やすくて快適だ。 HTMLソースをネストでグラフィカルに表示、チェックして使っていきたいですね。 スカルリングのことで頭がいっぱいです。。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
