hack のためのネタ帳, etc,,,

タグ検索でhtml25件見つかりました。

 1  2  次の5件

20230915: HTML5 - テキストを要素の中央に配置

す。以下にその方法を示します。 ```html a ``` このコードでは、`display: flex;`を使用してFlexboxを有効にし、`justify-content: center;`と`align-items: center;`を使用して文字を上下左右で中央寄せしています。これにより、DIV要素内の文字"a"が上下左右で中央寄せされます。この方法は、Flexboxがサポートされているブラウザであれば動作します。ご参考までにどうぞ。 ||= 凄ぉ。Bing 先生、優秀やわ。…

https://seesaawiki.jp/w/kou1okada/d/20230915%3a%20... - 2023年09月15日更新

Pandoc

ートの生成 =|| pandoc -D html5 >template.html ||= テンプレートと CSS を用いて Markdown を HTML に変換 =|| pandoc --template=template.html --css=style.css README.md >README.html ||= * 関連 - [[md2html.rb]] …

https://seesaawiki.jp/w/kou1okada/d/Pandoc... - 2022年07月29日更新

20220220: sphinx - 段落行頭のインデント

* 状況 Sphinx で html や latex を出力してみると、段落の1行目行頭のインデントが入らない。 「[[sphinx 段落 1行目 字下げ>https://google.com/search?q=sphinx+%E6%AE%B5%E8%90%BD+1%E8%A1%8C%E7%9B%AE+%E5%AD%97%E4%B8%8B%E3%81%92]]」とか 「[[sphinx 段落 行頭>https://google.com/search?q=sphinx+%E6%AE%B5%E8%…

https://seesaawiki.jp/w/kou1okada/d/20220220%3a%20... - 2022年02月21日更新

20211127: xmllint - xpath の結果が文字化けする

手軽な方法がないものかと「[[bash html parse>https://google.com/search?q=bash+html+parse]]」でググってみたところ xmllint が使えそうなことが分かった。 ところが、UTF-8 で書かれたマルチバイト文字を含む HTML を xmllint に食わせて xpath を処理させてみたところ、マルチバイトコードが上手く処理出来ず、以下のように属性値は数値文字参照(numeric character reference)に、要素の内容は一応…

https://seesaawiki.jp/w/kou1okada/d/20211127%3a%20... - 2021年11月27日更新

20210227: Python3 - HTML を re.search できない

l) as response: html = response.read() m = re.search(r'(?s)(.*)', html) ||= 以下のようなエラーが出た。 =|| $ ./hoge.py Traceback (most recent call last): File "./hoge.py", line 8, in m = re.search(r'(?s)(.*)', html) File "/usr/lib/python3.8/re.py", line …

https://seesaawiki.jp/w/kou1okada/d/20210227%3a%20... - 2021年02月27日更新

md2html.rb

/library/net=2fhttp.html]] で =|| req.set_form_data({'text'=>text}) ||= とかやってたため Media type が text/plain/text じゃないから対応してないとエラー返されつ付けてしまった。 何の事はない、以下のようにすれば問題なかった。 =|| req["Content-Type"] = "text/plain" req.body = text ||= * 参考 - [[md2html>http://set…

https://seesaawiki.jp/w/kou1okada/d/md2html%2erb... - 2021年02月19日更新

md2html.rb,20160203

/library/net=2fhttp.html]] で =|| req.set_form_data({'text'=>text}) ||= とかやってたため Media type が text/plain/text じゃないから対応してないとエラー返されつ付けてしまった。 何の事はない、以下のようにすれば問題なかった。 =|| req["Content-Type"] = "text/plain" req.body = text ||= * 参考 - [[md2html>http://set…

https://seesaawiki.jp/w/kou1okada/d/md2html%2erb%2... - 2021年02月19日更新

Ruby - Nokogiri

* 公式ページ等 - [[Nokogiri 鋸>http://nokogiri.org/]] - RugyGems.org / [[nokogiri>http://rubygems.org/gems/nokogiri]] - GitHub / sparklemotion / [[nokogiri>https://github.com/sparklemotion/nokogiri]] * 参考になるページ等 - それはそれ。これはこれ。 / 2009-05-09: [[スクレイピングのた…

https://seesaawiki.jp/w/kou1okada/d/Ruby%20%2d%20N... - 2021年02月08日更新

Ruby - Nokogiri,20140318_125031

* 公式ページ等 - [[Nokogiri 鋸>http://nokogiri.org/]] - RugyGems.org / [[nokogiri>http://rubygems.org/gems/nokogiri]] - GitHub / sparklemotion / [[nokogiri>https://github.com/sparklemotion/nokogiri]] * 参考になるページ等 - それはそれ。これはこれ。 / 2009-05-09: [[スクレイピングのた…

https://seesaawiki.jp/w/kou1okada/d/Ruby%20%2d%20N... - 2021年02月08日更新

20210129: CSS - overflow: hidden; ではみ出た部分が消えない

* 状況 某庁の降雨地図のタイルを広範囲表できるよう =|HTML| #container { width: 256px; height: 256px; overflow: hidden; border: 1px solid black; } #map { position: absolute; left: 64px; top: 64px; width: 512px; height: 512px; font-size: 0; } .tile { display: inline…

https://seesaawiki.jp/w/kou1okada/d/20210129%3a%20... - 2021年01月29日更新

DOM - HTMLTableElement

* 参考になるページ等 - MDN / 開発者向けのウェブ技術 / Web API -- [[HTMLTableElement>https://developer.mozilla.org/ja/docs/Web/API/HTMLTableElement]] -- [[HTMLTableRowElement>https://developer.mozilla.org/ja/docs/Web/API/HTMLTableRowElement]] * memo =|JS| // HTMLTableE…

https://seesaawiki.jp/w/kou1okada/d/DOM%20%2d%20HT... - 2021年01月22日更新

20201006: JavaScript - 任意の要素までスクロール

* やりたい事 DOM から任意の Element を拾って来て、その Element まで Scroll させたい。 * 方法 「[[要素 スクロール>https://google.com/#q=%E8%A6%81%E7%B4%A0+%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB]]」で検索したところ以下のページを見つけた。 - Qiita / 7shi / 2020-07-11: [[指定したHTML要素にスクロール>https://qiita…

https://seesaawiki.jp/w/kou1okada/d/20201006%3a%20... - 2020年10月06日更新

20190612: HTML - 見出し要素の固定

* やり方 CSS で position を sticky にしておいて、top, right, bottom, left のいずれかを 0 にしておくと、親要素の四辺に貼り付く。 Table 以外でも利用可能。 ** Demo - jsFiddle / kou1okada / [[Sticky TableHeaderCell>https://jsfiddle.net/kou1okada/Lpkzjuq9/]] * 参考 - MDN / 開発者向けのウェブ技術 / CSS: カスケーディングスタ…

https://seesaawiki.jp/w/kou1okada/d/20190612%3a%20... - 2019年06月13日更新

web標準

t;http://www.w3.org/html/wg/]] / [[All drafts>http://www.w3.org/wiki/HTML/Publications]] -- [[CSS Current Status>http://www.w3.org/standards/techs/css]] --- [[Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification>http://www.w3.org/TR/…

https://seesaawiki.jp/w/kou1okada/d/web%c9%b8%bd%e... - 2019年06月04日更新

20190130: HTML Application

* 経緯 Windows では HTML ファイルの拡張子を変更すると、デスクトップアプリのように振る舞うってことだけ覚えてたんだが、肝心の拡張子が思い出せずに難儀した。 結局、「[[Windows ローカル デスクトップ HTML javascript 拡張子>https://google.com/#q=Windows+%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB+%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%9…

https://seesaawiki.jp/w/kou1okada/d/20190130%3a%20... - 2019年01月30日更新

HTML Application (HTA)

HTML ファイルの拡張子を .hta にしておくと、Windows においてデスクトップアプリのように振る舞う仕組み * 参考になるページ等 - Wikipedia / ダイナミックHTML # [[HTML Application>https://ja.wikipedia.org/wiki/%E3%83%80%E3%82%A4%E3%83%8A%E3%83%9F%E3%83%83%E3%82%AFHTML#HTML_Application]] * 関連 - [[Windows Vista -…

https://seesaawiki.jp/w/kou1okada/d/HTML%20Applica... - 2019年01月30日更新

Windows Vista - サイトバーガジェット

* 関連 - [[HTML Application (HTA)]] - [[Windows 7 - デスクトップガジェット]] …

https://seesaawiki.jp/w/kou1okada/d/Windows%20Vist... - 2019年01月30日更新

Windows 7 - デスクトップガジェット

les/0712/17/news152.html]] -- 2010-04-28: [[楽しいWindows 7アプリ作成入門(3):HTML+JavaScriptで作れる Windows 7デスクトップアプリの基礎知識>http://www.atmarkit.co.jp/ait/articles/1004/28/news116.html]] * 関連 - [[HTML Application (HTA)]] - [[Windows Vista - サイトバーガジェット]] …

https://seesaawiki.jp/w/kou1okada/d/Windows%207%20... - 2019年01月30日更新

.dwt

/dreamweaver/topics.html#dynamicpod_reference_11]] -- [[Dreamweaver テンプレートについて>http://help.adobe.com/ja_JP/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7acca.html]] - MSDN ライブラリ -- Expression Web 2 / [[ダイナミック Web テンプレート>http://msdn.microso…

https://seesaawiki.jp/w/kou1okada/d/%2edwt... - 2018年09月14日更新

 1  2  次の5件
ai(22) android(29) bash(40) c++(52) cxx(54) cygwin(128) debian(39) deeplearning(32) diary(766) excel(21) font(30) free-book(47) git(21) github(28) gnu-r(77) google(26) hdd(22) html(25) java(26) javascript(121) keyboard(21) latex(57) lcd(22) library(24) linux(97) machinelearning(31) memo(463) microsoft(42) oss(25) pdf(38) powershell(65) programming(32) proxy(24) python(100) r-lang(47) ruby(86) security(72) ssh(34) tex(37) tips(398) troubleshooting(443) ubuntu(114) unicode(22) usb(21) virtualization(24) vscode(29) windows(127) windows10(50) wsl(26) zfs(32)

管理人/副管理人のみ編集できます