「Microsoft Edge」開発者ツールの3Dビューツールが強化／HTML構造の立体表示、Zオーダーだけでなく、合成レイヤーの情報まで取得可能に

2022/06/22 21 users Microsoft Edge 強化 立体表示 取得

続きを読む

CSSでテキストが1行に収まるときだけ中央寄せする

2020/12/03 21 users CSS テキスト Container 中央 zenn.dev

https://zenn.dev/catnose99/scraps/a1ec13e8a2d17350fbfe ときどき1行に満たないテキストは中央寄せしたいが、1行以上になる場合は左寄せしたいことがある。これはCSSだけで簡単に実現できる。 こんなHTMLを用意してみる。短いテキストと長いテキスト、どちらも同じHTML構造になっている。 <div class="container"> <p ... 続きを読む

GoogleタグマネージャーでGoogleアナリティクスのイベント計測と、ページタイトルや画像のalt属性を取得するメモ

2018/10/04 24 users alt属性 トリガー Googleアナリティクス メモ タグ

GoogleタグマネージャーでGoogleアナリティクスのイベント計測と、ページタイトルや画像のalt属性を取得するメモ 参考記事（感謝): URLが同じでもページの内容を判断してタグを出し分ける「DOM要素変数」でトリガーを作成する（全20回の16） やりたいこと 以下のようなHTML構造で、バナー画像をクリックした時にGoogleア... 続きを読む

mXSS - Mutation-based Cross-Site-Scripting のはなし - 葉っぱ日記

2014/05/08 83 users innerHTML 亜種 DOMツリー DOM構造 はなし

ここ数年、XSS業界の最先端で盛り上がっている話題として mXSS というものがあります。mXSS - Mutation-based XSS とは、例えば innerHTML などを経由してすでに構築されているDOMツリーを参照したときに、本来のDOM構造とは異なる結果を得てしまい、そのためにHTML構造の破壊を引き起こすという類のDOM based XSSの亜種とも言えます。mXSSに関しては以... 続きを読む

意外と便利？PHP製のHTML用問い合わせ言語「htmlSQL」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/04/05 150 users htmlSQL DOM SQL PHP HTML

htmlSQLはHTML構造にSQLを使って検索できるようにするライブラリです。HTMLを操作する際にはDOMを使ったり、正規表現を使うのが一般的です。しかしもう一つのやり方を提案するのがhtmlSQLです。何とSQL（問い合わせ言語）を使ってHTMLソースを探索できます。 コード例。PHPで操作します。 こんな感じで取得できます（301になってしまっていますが…）。こちらもコード例。SQLっぽい... 続きを読む

レスポンシブで超クールなカレンダーデモとｊQueryプラグイン「Calendario」:phpspot開発日誌

2012/12/04 94 users CSS グラデーション jQueryプラグイン デモ 超クール

Calendario: A Flexible Calendar Plugin | Codrops レスポンシブで超クールなカレンダーデモとｊQueryプラグイン「Calendario」。 次のようなグラデーションが美しいカレンダーのデモとプラグインが共に配布されています。 カレンダーのHTML構造は予め決められており、CSSでデザインされています。 カレンダー機能はシンプルなものですが、コールバッ... 続きを読む

HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」:phpspot開発日誌

2007/06/21 93 users スクリプト phpspot開発日誌

Corunet. El blog Automatic CSS: The stylizator We’re going to write a simple script that takes an HTML file as input and gives us two things: HTML構造を視覚的に超分かりやすく出来るスクリプト「stylizator」。 stylizatorを使えば、例えば... 続きを読む

フロートとネガティブマージンまとめ:CSS | Tech de Go

2007/05/20 649 users フロート float CSS 挙動 Tech de Go

tableレイアウトをやってた人も計算してからコーディングしてたと思います。CSSのfloatを使用したレイアウトにしても、floatの挙動を正確に覚えれば、緻密な構成が可能になります。以下は私が覚えたときのフロートレイアウトの考え方のまとめです。 A.フロートの基本（フロートしたボックスとしないボックスの関係） 良くあるHTML構造でフロートしてみます。div#wrapperの中のp#conte... 続きを読む

窓の杜 - 【NEWS】米MS、HTML構造やレイアウトを検証できるWeb制作者向けIEプラグインを正式公開

2007/05/11 265 users 米MS NEWS 正式公開

米Microsoft Corporationは9日（現地時間）、Webページの構造を検証できるIE用プラグイン「Internet Explorer Developer Toolbar」の正式版を無償公開した。Windows XP/Server 2003/Vista上のIE6/7に対応し、現在同社のダウンロードセンターからダウンロードできる。 「Internet Explorer Developer... 続きを読む

秋元@サイボウズ研究所プログラマーBlog: HTML構造のグラフによる可視化

2006/05/26 68 users 秋元@サイボウズ研究所プログラマーBlog グラフ 可視化

週3日出社となりました。残りの日はasiajinとかnarabete.comで個人で活動しています / mail: MY-SIRNAME@gmail.com (姓@gmail.com) [2006/5/28 追記] applet バージョンが公開されたので、自分のページのHTMLを可視化することもできるようになった。 論文にありそうなネタで、じつは同案多数かもしれないが, Websites as ... 続きを読む