z-indexチートシートCSSのプロパティの1つ、z-indexのチートシートです。 それぞれの行はレイヤーを表しています。z-index:0;〜z-index:-1;まで実はレイヤーがあります。またスタックコンテキストが発生するもの（発生すると子要素はすべてそのレイヤーの中に閉じ込められる）は箱型に表示しています。 詳しいことは、私の技術同人誌『エンジニア・デザイナーのためのCSS z-indexを倒す』（https://masahiko.booth.pm/items/672506）をご覧ください。
PDF出力ボタン制作時のハマった話
行程さんというサービスを運営しています。共有したくなる旅のしおりを簡単に作成できるサービスです。 このサービスで、しおりを印刷してもらいたいために、前回、段組の話を書きました。今回は、どんな環境でもウェブページを見たままのPDFを出力するためにPDF出力ボタンの機能を作ったときの話をします。 ウェブページを見たままPDF出力する 問題 印刷プレビューページがあるが、PCのChromeでしか再現できない iPhoneからでもコンビニ印刷できるように、PCのChromeで再現できている見た目のままPDF出力をしたい 解決案 サーバーサイド側でライブラリを用いてPDFを出力する（easyPDF、TCPDF、mPDFなど） しかしこれらのフレームワークは、見たままを出力できない 実際に取った方法 ヘッドレスChrome＋Puppeteer＋Node.js これであれば、Chromeで見たままを出力
HTML5 入れ子チートシート | 吉川ウェブ
HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素＆文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
