How do I break a string in YAML over multiple lines?
There are 5 6 NINE (or 63*, depending how you count) different ways to write multi-line strings in YAML. TL;DR Use > most of the time: interior line breaks are stripped out, although you get one at the end: key: > Your long string here. Use | if you want those linebreaks to be preserved as \n (for instance, embedded markdown with paragraphs). key: | ### Heading * Bullet * Points Use >- or |- inste
SSSVG: An Interactive SVG Reference | fffuel
viewBoxcircleellipserectlinepolylinepolygonpathfill & stroketransformgdefsusesymbolclipPathmaskpatternlinearGradientradialGradientfiltermarkertexttspan viewBoxviewBox is an important attribute set on the <svg> element. It defines the coordinate system for the entire SVG. The value for viewBox is a set of 4 space-separated values: x-min, y-min, width and height. In the majority of the cases, x-min
gihyo.jp編集部におけるMarkdown記法 | gihyo.jp
本稿では、gihyo.jp編集部で利用しているMarkdownファイルの記述方法を主に解説します。 注意：gihyo.jp編集部内でのみ採用しているMarkdownの書き方をまとめた文書を、記事の体裁を取って公開したものです。なお、記事公開後に記述方法を追加・変更する可能性もあります。 Markdownとは？ はじめに、筆者の把握している範囲でMarkdownについて概説しておきます。 近年は一般向けのウェブサービスやテキストエディタでも利用されてきているMarkdown。端的に言えば、テキストファイル上で文書を書くための構文です。文書の読みやすさに焦点を当てており、Markdown形式のテキストファイル（＝Markdownファイル）をそのまま見れば文書とその構造が理解できるように、Markdown特有の編集記号や字下げを用いて表現します。また、MarkdownファイルをHTMLファイルに
表のキャプションは `<caption>` か `<figcaption>` か
HTML においてまとまりを持った自己完結の図版や文章にキャプションを付ける場合、 <figure> 要素の子要素として <figcaption> 要素を使うことで表現できます。それとは別に表の場合は専用の <caption> 要素が HTML 3.2 やそれ以前から存在します。 両者は似た面も多いものの歴史的経緯もあり、使い方が異なります。 <caption> 要素の歴史 <figcaption> 要素 表のキャプションはどちらを使えばよいのか <caption> 要素の歴史 § HTML で表が定義されたのは1993年の HTML+ が最初です。この時点ですでに <caption> 要素は存在しましたが、この時の table は現在のものとは大きく異なる仕様で、とくに <tr> 要素はrow separatorであり、まるで <hr> 要素のように行を区切るためのものとして定義されてい
`<aside>` 要素のアクセシビリティマッピングが変更
W3C が公開している HTML Accessibility API Mappings 1.0 において、2022年4月4日付で <aside> 要素のアクセシビリティマッピングが変更されました。 Suggest <aside> should map to complementary with restrictions · Issue #86 · w3c/html-aam aside mapping revisions by scottaohara · Pull Request #350 · w3c/html-aam 本記事ではなぜこのような変更が行われたのか、 Web 制作者が注意すべき点を含めて確認してゆきます。 <aside> 要素と対応する role アクセシビリティマッピングの変更 ブラウザ対応状況 <aside> 要素と対応する role § <aside> 要素はセクショニン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新しい「公用文作成の要領」に向けて（報告）
Shapecatcher: Draw the Unicode character you want!
GitHub - alex8088/electron-vite: Next generation Electron build tooling based on Vite 新一代 Electron 开发构建工具，支持源代码保护
Safe Data Fetching in Modern JavaScript
🚀 Svelte Quick Tip: Creating a toast notification system
660+ Svelte Sites | Best Websites Made With Svelte.js
GitHub - azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript
Electron API レシピブック
asdf | asdf
GitHub - asdf-vm/asdf: Extendable version manager with support for Ruby, Node.js, Elixir, Erlang & more
GitHub - cburgmer/rasterizeHTML.js: Renders HTML into the browser's canvas
CSS Variable Secrets | Lea Verou | CSS Day 2022
テクニカルライティングの基本
古代から近世における宿泊施設と宿泊業の発達過程の研究
現代日本語におけるカタカナ使用の実態とその背景