HTMLメール送信の注意点は？各メーラーでのテスト方法を紹介 | スパイラル株式会社
普段からテキストメールを利用している人の中には、HTMLメールの送信方法がわからない人も多いのではないでしょうか。HTMLメールの活用は、コンバージョン率の向上にもつながります。本記事では基礎的な知識から送信方法まで、詳しく解説します。 HTMLメールの特徴をおさらい！ HTMLメールとは、HTML言語を使用して作成されたメールのことです。テキストメールとは違い、HTMLメールでは、文字のフォントや色、大きさを変えることができ、テキスト内に画像や動画を入れて自由にレイアウトすることが可能です。 HTMLメールを配信することで、文章だけでは伝わりにくいイメージをわかりやすく明示できるため、より顧客に伝わりやすくなります。 HTMLメールの配信は効果的？メリット・デメリット、流れを解説 特徴１．ユーザーの理解度・満足度が向上する Webサイト上で一部の文字が大きく表示されていたり、画像やグラフ
くずれないないHTMLメール - Qiita
くずれないないHTMLメール レイアウト 使うべきタグと避けるべきタグを意識する. ・paddingやmarginは使わない。 ・インラインCSSを使う。 ・br、hr、heightタグは使わない。 ・全体のレイアウトを作成するときはtableを使う。 ・doctypeを指定する。 ・”wrapper div”でリセットCSSを指定する。 ・フォントはデバイスによって変化することがあるので注意する。 ・基本的なタグや昔から使われているタグを使用する。 ・背景の色は常にリセットする。 https://sendgrid.kke.co.jp/blog/?p=2223 画像 ・pngファイルは使わない。 ・画像のサイズを指定する。 ・alt属性を全ての画像につける。 ・Outlookでは画像の周囲に余白が追加されてしまうことに注意する。 ・floatプロパティは使わない。 どう作るか？テーブルレイ
スマホ向けのナビゲーションにハンバーガーメニューを使うなら、ソーセージリンクを試してみて
スマホ向けのナビゲーションにハンバーガーメニューが使用されるのを多く見かけると思います。ハンバーガーメニューが必ずしも悪いということではないですが、ハンバーガーのコンセプトを乱用または誤用している場合は、ソーセージリンクが適しているかもしれません。 スマホ向けのナビゲーションデザインについての考察を紹介します。 Using Hamburger Menus? Try Sausage Links by Bradley Taunt ソーセージリンクは先週公開した記事「テキストだけのボタンは、なぜスマホでのユーザビリティを損なうのか」にも通じるものがあります。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ハンバーガーメニューを使うなら、ソーセージリンクを試してみて ハンバーガーメニューとは、長所と短所 ソーセージリンクとは、長所と短
Google主導のもと、Robots Exclusion Protocol (REP) がインターネット標準に
[レベル: 上級] robots.txt の仕様を標準化する取り組みに Google は着手しました。 背景 背景を完結に説明します。 検索エンジンのクローラ――Google で言えば Googlebot――のクロールを制御するために robots.txt を利用できます。 robots.txt の仕様を Robots Exclusion Protocol (REP) と呼びます。 REP はもともと Martijn Koster（マーティン・カスター）氏によって 1994 年に考案された仕組みです。 クローラがクロールするときに、過度な負荷をサーバーにかけることを防ぐことが目的でした。 ちなみに、Koster 氏自身がウェブサイトを管理するウェブマスターでした。 仕様の公開以来 25 年、REP は幅広く使われるようになり事実上の標準になりました。 現在、5 億のサイトが使用しているとの
chot.design - 毎日ちょっとずつデザインを学ぼう
毎日ちょっとずつ、デザインを学ぼう毎日ちょっとずつデザインを学ぼうIT/Web業界のデザイン学習サイト
アクセシビリティを改善するために、通常のCSSのリセットに加えるスタイルシート -a11y css reset
アクセシビリティを改善するために、通常のCSSのリセットに加えるスタイルシートを紹介します。コンテンツを視覚的に隠す際に見えなくするだけでなく、スクリーンリーダーにもアクセス可能にし、フォーカス時の振る舞いなどが定義されています。 a11y css reset -GitHub a11y css resetの特徴 a11y css resetの中身 a11y css resetの使い方 a11y css resetの特徴 a11y css resetはWebページをアクセシブルにするために、既定のスタイル定義をリセットするための小さなグローバルルールをまとめたCSSファイルです。 CSSにはアクセシビリティに有用なスタイルが定義されています。例えば、.visually-hiddenではコンテンツを視覚的に隠すのみでなく、スクリーンリーダーでもアクセス可能です。 参考: Writing CSS
筋トレ効果を引き出す食事術。筋肉にいい食べ物は？プロテインを飲めばOK？ | 健康 ×スポーツ『MELOS』
筋肉をつける、またはダイエットのため筋トレに励んでいる方は少なくないでしょう。トレーニングと同じくらい気になるのが「食事」。プロテインドリンクなどたんぱく質のほか、どんな栄養を摂るべきか、何を食べるべきか悩みは尽きません。 今回は、筋トレ効果をしっかり得るための食事ポイントについてまとめています。 まずは「PFCバランス」を見直す 栄養バランスの整った食事をすることが基盤で、プロテインやサプリはそのうえで摂取すべきものです。そこで食事に関して参考になるのが「PFCバランス」という考え方。 PFCバランスとは、摂取カロリーのうち三大栄養素の「P＝たんぱく質」「F＝脂肪」「C=炭水化物」がどれくらいの割合を占めるかを示した比率のことです。このPFCバランスを整えることによって極端な栄養の偏りを防ぎ、栄養バランスを整えながら健康的に筋トレを続けられます。 参考記事：筋トレやダイエット中の食事は「
デジタル市場のルール整備に関するロードマップ：『ビジネス2.0』の視点：オルタナティブ・ブログ
内閣府は2019年6月21日、「令和元年第4回経済財政諮問会議・第29回未来投資会議合同会議」を開催しました。 本会議では、成長戦略実行計画案および成長戦略フォローアップ案を示しています。 この中から、今回は、デジタル市場のルール整備のロードマップについて、とりあげたいと思います。 ⅰ）デジタル市場のルール整備では、デジタル・プラットフォーム企業への対応の方向性が示されています。 デジタル市場競 争本部（仮称） の設置などを通じて、デジタル市場の競争状況の評価から、国際的枠組みにおけるルールづくりへの参画などの取組みを示しています。 出所：令和元年第4回経済財政諮問会議・第29回未来投資会議合同会議 2019.6 ⅰ）デジタル市場のルール整備では、デジタル時代の規制見直しも検討されています。 出所：令和元年第4回経済財政諮問会議・第29回未来投資会議合同会議 2019.6 ⅱ）データ流通の
JavaScriptは無し、CSSで実装されたUIコンポーネントのまとめ -Pure CSS Components
<!-- Carousel --> <div class="carousel"> <div class="carousel-inner"> <input class="carousel-open" type="radio" id="carousel-1" name="carousel" aria-hidden="true" hidden checked> <div class="carousel-item"> ... </div> <input class="carousel-open" type="radio" id="carousel-2" name="carousel" aria-hidden="true" hidden> <div class="carousel-item"> ... </div> <input class="carousel-open" type="radio"
hrの使いやすそうなスタイリングいろいろ
Result いろいろなhrのスタイルです。以前書いたCSSで作るhrのスタイルいろいろを小奇麗にした的な感じになっています css.hr_b {/*シャドウ付き*/ height: 8px; border: 0; box-shadow: 0 8px 8px -8px #666 inset; } .hr_c {/*フルワイド*/ position: relative; width: 100vw; margin: 10px 0 10px -50vw; left: 50%; } .hr_d {/*両端フェードアウト*/ border: 0; height: 1px; background-image: -webkit-linear-gradient(left, #f0f0f0, #666, #f0f0f0); background-image: linear-gradient(left, #f
わずか数行のJavaScriptで機械学習をフル活用できる無料Webサービス「StackML」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に機械学習を活用したプログラムをJavaScriptで構築できる無料のWebサービスをご紹介します！ 画像解析、顔検出、表情分析、骨格・姿勢解析、特徴分析…など、さまざまな用途において機械学習を活用したプログラムをJavaScriptで実現できるので、とてもユニークなWebコンテンツを簡単に開発することができます。 これまで漠然と機械学習に興味を持っていた方も含めて、ぜひ参考にしてみてください！ なお、paizaラーニングでも機械学習を学べる「Python×AI・機械学習入門編」を公開していますので、合わせてチェックしてみてください。 Python×AI・機械学習入門編について詳しくはこちら 【 StackML 】 ■「StackML」の使い方 それでは、StackMLを使いながらどのようなことができるのかを見ていきましょう！
7iDのパスワード再発行がセキュリティ的に最悪な件：パスワード変更しても無意味な状況（会見後追記）
本サイトはアフィリエイト広告を利用しています。なお本記載は景品表示法改正に伴うASPからの要請に基づく表記であり、依頼された記事などは別途記載を実施しています。 追記：酷い記者会見と無意味な対策 今日の14時に記者会見が行われましたが、もう開いた口が塞がらないどころかため息が出るレベルの酷い記者会見でした。 二段階認証をまともに理解していない？チャージと登録を停止するが、決済は停止しない補償はするとは言ったが、方法などはまだ未確定 もうさっさとサービス終了したほうが今後のためじゃないですかね。 パスワード再発行の件は対策した（風にみせかけ） 何人か指摘している人も居ますけども、あまり詳しく言うのは問題になりかねないので言いませんが、下記に記載のあるパスワード再発行の件は内部の処理は結局対策されてません。それだけは言っておきましょう。 なので、下記の会員IDの変更などは早急に行ってください。
Android 4.4のシェア増加 - 6月タブレットOSシェア
Net Applicationsから2019年6月のタブレットOSのシェアが発表された。2019年6月はAndroidがシェアを増やし、iOSがシェアを減らした。Android をバージョン別に見ると、Android 4.4が最もシェアが多く、以下Android 7.0、Android 5.1、Android 6.0、Android 8.1、Android 4.2が続いている。 AndroidはiOSよりもバージョンの分断化が進む傾向が見られる。タブレットデバイスではさらにその傾向が強く、古いバージョンのAndroidが高いシェアを確保している。特にAndroid 4.4は強いシェアを持っており、現在でもバージョン別で最も高いシェアを確保している。 2019年6月タブレットOSシェア/円グラフ - Net Applications 2019年6月タブレットOSバージョン別シェア/円グラフ
ビービットの「USERGRAM」で「状況ターゲティング」可能に ユーザー単位の時系列データ分析を強化
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
robots.txtの5xxエラーは30日を境にクロールの処理が変わる
[レベル: 上級] REP のインターネット標準化に伴い、Google が公開している robots.txt の技術ドキュメントに更新が入りました。 ※この記事を公開した時点では、日本語ページは未更新。 robots.txt が 500 番台のエラーを返すときの処理が変わりました。 30 日まではクロールしない、30日を超えるとクロールを再開することも 30 日間まではクロールを完全停止 robots.txt が 5xx エラーを返す場合、30 日間まではそのサイトのクロールを完全に停止します。 言い換えると、サイトのクロールが完全に拒否されていると検索エンジンはみなします（503 エラーを返す場合は、robots.txt 取得のための再試行はほかの 5xx エラーよりも頻繁になる）。 robots.txt が 5xx エラーを返すと、検索結果からサイト全体が消えることもあるので注意が必要
2019年上半期ベスト“無料モックアップ”は？Photoshopで使えるPSDデザイン素材106個まとめ
作成したWebサイトやアプリのデザインをスマートフォンの画面にはめたり、ロゴをパッケージに追加したり、よりリアルなイメージで伝えることができるモックアップ。 この記事では、2019年上半期公開のPhotoshop無料モックアップ素材を厳選し、カテゴリ別にまとめています。ありとあらゆるデザインバラエティがが増えており、フォトショップのスマートオブジェクト機能を利用した、数クリックのみのラクラク編集も魅力です。 モックアップ素材の詳しい使い方は以下のエントリーを参考にどうぞ。 モックアップでデザイン力を上げる！手軽で無料のPSDファイル50選 コンテンツ目次 1. 飲料ボトル系モックアップ 2. パッケージ系モックアップ 3. ポスター系モックアップ 4. アパレル系モックアップ 5. シーンクリエイター 6. ステーショナリー系モックアップ 7. 紙系モックアップ 8. 広告系モックアップ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SEOキーワードカニバリゼーションに対処する4つの方法と事前カニバリ回避策（後編） | Moz - SEOとインバウンドマーケティングの実践情報
さいがい の とき やくだつ にほんご かいわ シート【やさしい日本語のきじ】
Fighter Royale - Last Ace Flying on Steam
政府へのメール内容を盗み見 新サイバー攻撃確認 ｜ 共同通信