5年間蓄積したシャツの襟首汚れも抹殺する魔のアイテム「アタックプロEX石けん」がめっちゃ便利らしい #プライムデーおぼn @obon111 あの...皆さん...アタックから地味に出てるコイツがやばいです...今ならプライムセールでアタックゼロのでかい詰め替えとセットで激安なので...ぜひ... pic.twitter.com/sfctuEdWh9
HTMLメール制作編：コーディングサンプルや、役立つWebサービスのご紹介
HTMLメール制作の基本をご紹介する記事、後編です。 前回の「デザイン/コーディング前に押さえておきたい、HTMLメール作成の基礎知識」ではHTMLメールの制作にあたって事前に知っておきたいポイントを挙げてみましたが、今回はサンプルなども交えて、より実制作に即した内容をお届けしたいと思います。 グランフェアズで実施したHTMLメール初期制作の流れに沿って、下記の3点をお送りします。 今回掲載するサンプルコードは、最大幅640pxのリキッドレイアウトを前提としています。 「ブラウザ表示用HTML」をコーディング 「配信用HTML」に展開 テスト配信を実施 ※前回記事より：配信までの全体の流れ また、HTMLメールが配信できるサービスとして、利用事例があるのは下記です。 ECサイト構築・運用ASPサービス「FutureShop2（フューチャーショップ2）」のメールマガジン機能 メール配信サービ
最近のHTMLメールはリキッド＋最大横幅固定がオススメ！HTMLメール事情2017 実装編 | 株式会社NONAME Produce(n2p)｜デジタルプロモーション企画・制作
久しぶりにHTMLメールを作成しました。以前記事を書いた時から状況が変わっており、改めて最新情報をリサーチしてみました！ 調査編はこちらから コーディングと文字サイズの関係性 iOS10 標準メールアプリにて、コーディングと文字サイズの関係性を検証しました。 gmailアプリでも同様の傾向でした。 テンプレートはこちらを利用しています。 横幅を固定した実装の場合 横幅XXXpxで固定された実装の場合、スマートフォンから見たときのテキストサイズが変動します。 指定している横幅が大きいほど、縮小して表示されます。 環境によっては横スクロールが出る場合もあります。発生条件は確定していませんが、後から画像を読み込んだ際に発生する傾向があります。 ソースはこのようになります。 [html] <!--外側のテーブル--> <table cellpadding=
Outlookに勝てるHTMLメールコーディング vol.1「table構成編」 - Qiita
メールコーディングをする上で重要なポイント <table>タグを組むときに colspanや rowspanを使わないように組み立てる 半角スペースは極力削る(Gmailは文字数やファイルサイズが大きいと制限で切られてしまうため、なるべく無駄な空白は削ったほうが良い) 画像のパス指定は 'http://' から記述 スタイルはインラインに記述、レスポンシブ対応はヘッダのCSSに記述する Outlook対策 画像のサイズは必ず width="size" height="size"を指定する(これを書かないと、元の画像サイズで表示されてしまう。どちらかをautoにしたい時は、 width="300" height="*"と書く。 pxは書かない 、 *はauto という意味になる。) 今回の記事で実機確認しているのは、以下の通り。 Mac Mail Gmail(Chrome/FF) Inbox
HTMLメールでOutlookで崩れるときにする対策 | ocws BLOG
こんにちは。メルマガとかでHTMLメールを作るってこともあるかと思いますが、これがやったことある人はわかると思いますが結構やっかいです。 特にOutlook、、ここでもMicrosoftとかい！って感じなんですが、対応しないわけにはいかないわけで、いろんな人とあーだこーだして試行錯誤した結果、納得したやり方が見つかったので共有したいと思います。 あ、ちなみにここで書くことは、HTMLメールの基本的なところとあとはOutlookでも対応するため用の1つの例と大枠イメージを共有します！ まずは基本事項から まずは基本事項から押さえておきたいと思います。 何がなんでもTable構造 もうこれはお決まりです。HTMLメールの基本はTableレイアウトでお願いします。崩れたくなければ。 ちなみにtdの中とかにdivとかpとか書くのいいけど、padding系とかは使わない方がいいと思う スタイルはイン
CSSでここまでできるのか！知っておくと便利なCSSのプロパティや疑似要素のまとめ
CSSの進化は早いですね。 一昔前までは、JavaScriptを使用しなければできなったこと、かなり複雑なコードを書かなければできなかったことが、CSSだけで簡単にできるようになっています。 知っておくと便利なCSSのプロパティや疑似要素をまとめて紹介します。 CSS can do that? by Ananya Neogi 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. box-decoration-break 改行する際の表示形式を定義 2. attr() -簡単ツールチップ 3. backface-visibility -フリップするカードも簡単 4. conic-gradient -円グラフを簡単に実装できる 5. filter -画像に多彩なフィルタを適用 6. mix-blend-mode -画像やテキストにも
これで分かった！CSS GridとFlexboxの使い方を習得できるチートシート、ゲームまとめ
この記事では、CSS FlexboxとGridをつかってお好みのレイアウトを作成するコツやポイントをまとめた使い方ガイドやチートシート、ゲームなどをまとめて紹介しています。 ゲーム感覚で新しいCSSプロパティを学習することができたり、記述方法をど忘れしてしまったときなどにも便利で、お好みのレイアウトをオンラインで作成できるツールもあります。覚えようと思ってなかなか手がつかなかったひとも、これならすぐにはじめることができますよ。 CSS Gridの使い方ガイド、チートシート、ゲームまとめ Grid Garden CSS Gridレイアウトプロパティを使うことで、人参に水を与えながら自分の農園を育てていく、ゲーム感覚でGridプロパティを学ぶことができます。ゲームの各レベルでは、ゲーム達成に利用できる他のプロパティについてもサンプル例と一緒に解説されています。 Bonus – CSS Dine
退屈なことはPythonにやらせる...前に考えるべきこと - Lean Baseball
機械学習, データサイエンスを志向してPythonを勉強したり,この辺のエントリーで本を読み漁ったりすると*1, もしかして, 私の仕事ってプログラミングで楽になるのでは！？ と気がつく(もしくはそういう記事・本を読んで触発される)瞬間があるかと思います, この本とかあの本とか. このエントリーではそんな素晴らしい学び*2に対して,一つの回答を示してみたいと思います. TL;DR（ここは読んでほしい） プログラミングで解決できる「退屈なこと」とは「回数が多く, 属人性が少ない」作業のことである. 属人性がある仕事はプログラミングをする前に因数分解しよう or 「仕事ごっこ」だったらやめる努力をしよう. Pythonで「退屈なこと」をやるなら,「退屈なことはPythonにやらせよう」もいいですが,「できる仕事がはかどるPython自動処理 全部入り。」が個人的にはおすすめです. 言いたいこと
【2022年最新】SEO対策に欠かせない分析ツール まとめ | Grab-大阪のWeb広告・マーケティング代理店アイビス運営
公開日：2019年5月30日/更新日：2022年3月15日 最近になって、企業のオウンドメディア活用が急激に進んでいます。 広告出稿を行う企業が増えすぎて、広告の費用対効果が低下している。Googleの検索アルゴリズムが進歩して、コンテンツの質が正当に評価されるようになってきたことが、大きな理由だと思います。 さて、オウンドメディアを活用するとなると、一番重要になってくるのは、いかに検索からの流入を増やすか。つまりSEO対策です。 とはいえ、Googleのアルゴリズムが進歩したことで、小手先のSEO対策や、感覚頼りの施策は通用しません。 そこで重要になってくるのが、SEO分析ツールです。 自社サイトやメディアのどこをどう修正すれば上位に表示されるのか、どういったキーワードで対策していけば良いのか。といった課題を見つけるのも一苦労です。このような際に便利なのが「SEO分析ツール」です。一言で
働き方改革では、心の病は防げない
「心の病による労災申請過去最多」なのだそうです。ストレスチェックや働き方改革をしているのに、なぜなのでしょう？――大切なのは「労働者の心の強さ」ではなく「職場の心理的な安全」なのかもしれません。 厚生労働省によると、心の病による労災申請が6年連続で増加、2018年度は1983年度の統計開始以降最多になったそうです。 報道によれば、2019年4月に「働き方改革関連法」が施行され、時間外労働の上限規制が始まったこと、5月にパワハラ防止を義務付ける「女性活躍、ハラスメント規制法」が成立したことから、「法律の動きに合わせ、精神疾患も労災だという認識が高まり、申請増加につながったのではないか」とのことです。 しかし「6年連続の増加」ですから、増えはしても減ってはいないと見た方がよさそうです。 精神疾患の労災認定は465件。認定原因をみると、「嫌がらせ、いじめ、暴行を受けた」と「仕事内容や量に大きな変
（その1）「不正指令電磁的記録に関する罪」について、最高裁判所へ情報公開請求をしました - ろば電子が詰まつてゐる
兵庫県警が「不正指令電磁的記録に関する罪（刑法１６８条の２および３）」について起こした無限アラート事件について、前回の続きです。 今回は、兵庫県警ではなく最高裁判所へ情報公開請求をしました。そのためナンバリングを（その1）と振り直しました。二つは並列して進めていきます。これまでの動きを追いたい方は、Twitterのmomentにまとめてあるのでこちらで追ってください。 https://twitter.com/i/moments/1145015327027154944 今回の概要 - 最高裁判所への情報公開請求 前回の記事、（その6）兵庫県警へ「不正指令電磁的記録に関する罪」の情報公開請求をしましたでも書きましたが、今回の無限アラート事件のひとつの要因は法務省が曖昧すぎる法律の条文を放置しているという点もあります。 現在の「不正指令電磁的記録に関する罪」は、この曖昧な条文を「運用でカバー」し
「IPv6無効設定」はもう古い？IPv6を有効にしたままIPv4の優先順位を上げる設定
更新履歴 [ 全て表示戻す ] 2017.06.27: ツール配布ページの変更に対応。 2015.07.09: MicrosoftもIPv6無効は非推奨な旨を追記。 2014.06.25: NTTフレッツ光で発生する問題の対処方法(別ページ)作成。リンク設置) 2013.09.29: 初出 このサイトでは過去に、「IPv6の設定は、有効・無効どっちが良いの？」と題してインターネット接続に不具合の出るPC環境では「当面はIPv6の設定を無効化して利用しましょう」と解説していましたが、この提案もそろそろ古い情報になってきた感じです。 以下、IPv6の設定を有効にしつつ、IPv4の優先順位を上げる方法を紹介します。現時点では、以下のセッティングを行うのがベストだと思います。 ※追記: 2017年 後半あたりから、IPv4優先にする設定も古くなって来た感じです。IPv6 を利用できるネット環境があ
佐渡島庸平が選ぶ、新人編集者に捧ぐ５冊｜ヒットを生み出せ。 | キャリアハック（CAREER HACK）
「みんなさ、できそうなことばっかり考えてない？」 取材中、佐渡島庸平さんの言葉が、グサッと心に突き刺さった。記事の書き手として、「編集」という仕事に携わるひとりとして、自分の至らないところが次から次へと浮き彫りになっていく。 「最初からうまいことやろうとするから、おもしろくないんだよ。失敗しても、笑われてもいいからさ、極端になってみたり、常軌を逸してみたり、どんどん企画考えてみたらいいじゃん」 今回、佐渡島さんのもとを尋ねたのは、「若手編集者に向けて読んでほしい５冊」を伺うため。本を通じて佐渡島さんは、「編集とはなにか」「編集者とはなにか」という問いに対して、まっすぐ答えてくださったように思う。 編集とは、みんなが興味を持つフックを探すこと、常識というメガネを捨て去って、新しい気付きを与えることーー。 編集に携わる人はもちろんのこと、「いい企画ってどうつくるんだろう？」と思い悩むすべての人
働きがいのある会社に共通する、4つの要素
働きがいのある会社が大事にする「4つの状態」とは 各社とも、他社の状況など全く気にせずに働きがいを高める取り組みを行ってきたはずなのに、気付いたら各社とも共通する「4つの状態」を大事にしていた――というわけだ。 その4つは、以下の通り。冒頭に書いたように、本連載では、この4つについて順に解説していく。 経営理念が伝播・共感された状態を保つ カルチャーを示し、社員が「当然だよね」と思う環境を保つ インターナルコミュニケーションをデザインし、良好な状態を保つ 社員の“やりたい！”を推奨し、サポートする環境を維持する 各社の取り組みが目指すところが「同じ」でありつつ、そのための「手段」は個々の企業で「異なる」という点も、大変興味深かった。 例えば、他社が採用して効果が上がっている施策でも、「ケンブリッジだと、うまくいかないだろうな……」と思うものも少なからずあった。強引にそのまま取り入れたら、む
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Microsoft Outlook 2010 で 外部ツールでコーディングした html メールを送る