Markdown＋CSS組版での技術系同人誌制作時の環境
CSSで組版（印刷打つの紙面を構成）を行うCSS組版が、技術系同人誌（主に技術書典）界隈や、一般の出版業界でも盛り上がりを見せています。 今回、CSS組版・パブリッシング交流会というところで登壇した内容を記事にいたしました。また、記事の最後には、同イベントでのCSS組版について感じたことも報告としてまとめました。 実際に行ったCSS組版の方法 MarkdownからHTMLにどう変換するかの模索結果 が今回の記事の内容です。そのため、ベストプラクティス、というわけではないです。CSSで組版を行うということは、必然的に、HTML等で書かれた文書が必要になるので、それをどうやって生成しようという話です。 目次 バックグラウンド なぜMarkdown＋CSS組版なのか Markdown＋CSS組版の作業の流れ エディタ Atom エディタ Typora HTML出力 印刷画面プレビュー Tips
今どきの入力フォームはこう書く！ HTMLコーダーがおさえるべきinputタグの書き方まとめ - ICS MEDIA
みなさん、入力フォームを制作する際、どのような施策をおこなっていますか？ 入力項目を見直したり、入力ステップを明確にしたりなど、入力フォーム最適化をおこなっていると思います。そのことで、コンバージョン率があがったり、ユーザーがストレスを感じないようになるでしょう。入力フォーム最適化はEFO対策 = Entry Form Optimizationとも呼ばれます。 サイトの設計段階で検討すべきことが多いですが、コーディングでも考慮すべき事が多々あります。今回はHTMLコーダーがエントリーフォームを制作する際に考慮すべき点について紹介します。 ※本記事では最近のブラウザに適したHTMLコーディング方法の紹介を目的としています。そのため、デザインとアクシビリティーでのベストプラクティスを紹介したものではありませんのでご了承ください。 自動入力機能に対応しよう Google Chrome（デスクトッ
GmailやEvernoteのテキストでもMarkdown! ブラウザ拡張機能『Markdown Here』 | ライフハッカー・ジャパン
Chrome/Firefox/Safari/Thunderbird：Markdownはコードを知らなくてもテキストを簡単にHTMLに変換できる素晴らしい方法だということを、以前「テキスト以上ワープロ未満：手軽に書式付きテキストを編集できる「Markdown」の魅力」という記事で紹介しました。 そんなMarkdownをGmailやPostboxのようなメールクライアントで使いたい場合、ブラウザ拡張機能『Markdown Here』がおすすめです。インストール後、ある程度まとまった文章を書いたら、該当部分を選択してブラウザ内に表示されているMarkdown Hereボタンをクリックします。それだけで、文章が簡単にHTML化されます。 また、メールクライアントだけでなくEvernoteやWordpressのようなWeb上のテキスト編集ツールで使うことも可能です。 Markdown Here |
小説を縦書きの文庫本形式で表示するブラウザ拡張機能『Bunko Style Viewer』 | Lightheadedness
更新日:2012年11月18日(日) Bunko Style Viewer（文庫スタイルビューアー）は、青空文庫や小説投稿サイト（小説家になろう／星空文庫／Pixiv）に掲載されているコンテンツを文庫本をイメージしたデザインで表示する無料のブラウザ拡張機能です。Flashの文字描画機能を使用した鮮明な縦書きテキストと、スクロールではなくシンプルな見開きレイアウトを採用しているのが特徴です。 青空文庫の『銀河鉄道の夜（宮沢賢治）』をBunkoStyleViewerで表示したスクリーンショット 使い方 対応するページを開くと画面の右上に”OPEN”と書かれたボタンが現れます(下図)。そのボタンをクリックするとビューアーが開きます。 ビューアー画面(上図)では、ページのクリックまたは左右カーソルキーでページをめくる、本の上でマウスホイールを使用するとズーム操作ができます。 ビューアーの終了は右上
これはすごい! フォーム最適化に役立つグーグル提案のautocomplete新仕様 | 初代編集長ブログ―安田英久
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる（可能性を秘めた）、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
ChromeがHTMLエディターに変身！ ブログ記事づくりに使えるエクステンションChrome Editorで遊ぼう!!
ブログサービスなどで提供される記事作成機能には、あらかじめ様々なHTML編集機能が付加されている。しかし、そうしたデフォルトの機能で満足できず、自分でウェブ制作ツールを使用してMTMLやCSSを作成しているこだわりユーザーも多いはず。そんな人におススメな拡張機能が『Chrome Editor』だ。 Chrome Editorは、ブラウザー上で利用できるHTMLエディターだ。その場で簡単なHTMLファイルを作成したり、イチから新しいHTMLファイルを作成することもできる。どちらかといえば、頻繁に使うHTMLやCSS、JavaScriptコードなどを保存しておいて、ブログなどにコピペするといった用途に適しているだろう。 ■インストール Google Chromeのエクステンション配布サイトにアクセス。サイト上で“Chrome Editor”を検索して、ダウンロードページに進もう。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
