RailsでFoundation for Emails 2.0を使ってレスポンシブなHTMLメールを送る - Qiita
この記事はトレタ Advent Calendar 2016の24日目の記事になります。メリークリスマス！ 今時のメールは大体HTMLメールなのですが、これが結構な曲者です。HTMLメールはブラウザ以上に互換性が低く、色々な罠があります。 RailsではActionMailerがHTMLメールをサポートしていますが、あまり深いところは助けてくれません。そこでいくつかのツールを合わせて解決して見ます。 HTMLメールの罠 CSSの挙動がブラウザと異なる場合がある メール用のResponsive CSSを用意する必要がある CSSはclassではなく、styleでインライン展開する Asset pipelineを使うにはちょっと細工が必要 HTMLメールを作るにあたって知っておきたいことにまとまっています メール用CSSフレームワーク ブラウザではbootstrapやFoundationなど、レ
gulp+browserify+babel+haml+sass+S3 upload で静的サイトを作る - Qiita
親戚に僕ができる範囲で良いのでタダで静的サイトを作れと強要されたので、90%勉強で今どき(ですよね…？)のフロントエンド開発とやらを体験してみようと上記構成でやってみた。 grunt?gulp?webpack????という状況で、噂で今ならgulpで良いんじゃね？と聞いたのでやってみたレベル…とフロント初心者。 変なことやってたり、古いやり方だったりすると思うのでマサカリお待ちしております。 できること gulp sass で sass変換しつつ publish以下へ配置 gulp haml で haml変換しつつ publish以下へ配置 gulp js で browserify+es6変換しつつ publish以下へ配置 gulp image で画像最適化しつつ publish以下へ配置 gulp build で 上記変換系一括実行 gulp deploy で buildした後にS3に
パフォーマンスから考えるSass/Compassの導入・運用
- The document discusses the introduction and use of Sass and Compass for a large-scale e-commerce site. - Key aspects covered include using Sass features like nesting, mixins, extends and @import to organize CSS, Compass features like sprite generation and creating a style guide. - The results of adopting Sass/Compass included improved development speed and a 40% increase in site traffic over 4 m
Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
