PlantUML 埋め込み AsciiDoc の Gradle を用いた HTML 一括変換 · Yutaka 🍊 Kato
AsciiDoc はプロセッサとして Ruby 製の Asciidocor がポピュラーで、さらにこの拡張である asciidoctor-diagram を導入することで AsciiDoc 内に PlantUML レンダー結果を埋め込むことができます。 これは素晴らしいですね。しかし AsciiDoc/Asciidoctor 自体はディレクトリ内のファイルを一括で (しかも再帰的に) HTML 化することはできません。そこで便利なのが・・・ Gradle です。 Asciidoctor には Gradle Plugin があり、名前はずばり Asciidoctor Gradle Plugin です。 Asciidoctor Gradle Plugin | Asciidoctor https://asciidoctor.org/docs/asciidoctor-gradle-plugin/
head内に記述する要素の総まとめ -meta要素、link要素、ソーシャルサービス用の要素、ブラウザやスマホアプリ用の要素など
HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。 HEAD -GitHub 翻訳するにあたりいくつか尋ねたところ、著者様はとてもいい人でした。 公開当初から内容がアップデートされ、ライセンスもCC0に変更されています。 オススメの最小限の構成 要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 スマホアプリ関連のhead内の要素 メモ オススメの最小限の構成 下記は、head内に記述する最小限のタグです。
え！？まだHTMLコーディングでEmmet + LiveStyleを使ったことがないの？
Sublime Text3 公式サイト Sublime Text3は、Windows、Mac、Linuxで動作します。 http://www.sublimetext.com/3 Emmetって何ができるの？ 続いて、「Emmet」について説明しましょう。 「Emmet」とはテキストエディタの拡張機能として利用できる、HTMLやCSSのコーディングの入力をサポートするプラグインとなります。 SublimeTextなどのテキストエディタでは、「p」などと入力してtabキーなどを押すと「 」のように、簡単に展開してくれる機能があります。 簡単に言うと、Emmetはそれの高機能版だと思ってもらえればよいです。 EmmetのHTML、CSS展開例 例えば、Emmetを導入した環境下で下記のように入力します。 div.header>div.header__inner>ul.header__inner_
本当に使えるコーディングチェックサイト厳選3選
コーディングの正確性について、不安を持つWeb制作担当者は少なくないのではないでしょうか。 コーディング後に、ミスが発覚すると修正作業のために時間を大幅にロスしてしまう可能性があります。 できるだけミスを防ぐためにも、適切なコーディングができているかどうかをチェックできるツールはストックしておいた方がいいでしょう。 今回は、コーディングを担当しているものの自信が無いという方にオススメのコーディングチェックツールをご紹介します。 コーディングで気を付けなくてはいけないこと 制作するにあたって、コーディングレベルがありますが、HTML・CSSを利用する際に気を付けなくてはいけないことは単純に「正確に動作し、ブラウザによってサイト崩れが発生しない」ことなのではないでしょうか。 例えば、「リンクページをクリックしたが、正確にページが表示されない」や「PCでサイトを見たときには正常に動くのにスマホで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
