HTMLメールを作成したらレイアウトがダダ崩れした話 - Qiita
株式会社LITALICOでWebエンジニアをしています、 @negi です。 本記事は『LITALICO Advent Calendar 2016』5日目の記事となります！ HTMLメールをRailsのActionMailerを使って送る際に困ったこと、注意点について書こうと思います。 前提 開発環境 Ruby 2.2.3 Rails 4.2.5 やったこと Railsの Action Mailer Previews を使ってプレビューを見ながらHTMLメールを作成 このとき、roadie-railsを使っているので、view（.html.erb）とCSS（.scss）は別ファイルで管理 実際に配信してみる プレビューでは綺麗に見えてたのに、スタイルが崩れている 確かにプレビュー上では綺麗にスタイルが組まれていたものが、いざメールを送信してみるとスタイルが崩れてしまっていることに悩まされま
markdownをHTMLにして他人に渡すベストシナリオを求めて - Qiita
markdownで作ったドキュメントを他人に渡したい エンジニア同士ならまだしも、非エンジニアにmarkdownを渡すときって、いろいろ大変 プレーンテキストがUTF8なのかSJISなのかの相場が今は収束してない .mdという拡張子にオーソライズされた認識がない シンタックスハイライトとかtableとかは、プレビュー環境によってばらつく （特にtable） じゃぁHTMLにしたものを渡せばいいじゃない ところが、プレーンなHTMLに変換してくれるいいツールがない githubみたいなところで、.mdを見てもらうという方法もあるが、みんながgithubのアカウントをもってるわけではない HTMLに変換するツールは結局CSSへの外部リンクがあって、社内ドキュメントから外部への通信をさせたくない 複数ファイルをzip圧縮すると、Windowsのzipフォルダは、直接CSSを参照できない Mark
JADE LANGUAGE Node Template Engine
!!! 5 html(lang="en") head title= pageTitle(car insurance montana) :javascript | if (foo) { | bar() | } body h1 Jade - node template engine #container - if (youAreUsingJade) You are amazing - else Get on it! Get on it! Get on it! Get on it! <!DOCTYPE html> <html lang="en"> <head> <title>Jade</title> <script type="text/javascript"> //<![CDATA[ if (foo) { bar() } //]]> </script> </head> <body> <h1>J
Code Beautify and Code Formatter For Developers - to Beautify, Validate, Minify, JSON, XML, JavaScript, CSS, HTML, Excel and more
What is CodeBeautify ? CodeBeautify is an online Code Beautifier and Code Formatter that allows you to beautify your source code. It also provides lots of tools that help to save developers time. Use search to find tools. How to use CodeBeautify ? Choose your Programming language, enter the source code ... and you are ready to go!
紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個 | PRESSMAN*Tech
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ひと昔前とは違う！マーケティングメールの考え方、作り方が基礎からしっかり分かるオススメの書 -ロールケーキ本