タグ

2014年11月14日のブックマーク (6件)

  • レスポンシブ対応のHTMLメール作成のコツ

    様々な画面サイズにワンソースで対応するレスポンシブWebデザインは、多くのサイトで使用されていますが、HTMLメールをレスポンシブ対応するにはどうしたらいいのでしょうか? Webサイトの場合、ブラウザで表示しますが、メールは、メーラーで表示します。メーラーは、CSSのサポート対応状況がブラウザと異なる為、従来のレスポンシブWebデザインのテクニックをそのまま流用する事は出来ません。 では、どのようにHTMLメールをレスポンシブ対応させるのか、その方法のひとつをご紹介いたします。 HTMLメールをレスポンシブ対応させる方法 まず、HTMLメール制作の基的なポイントは「HTMLメールの制作時に気をつけたい9つのポイント | コリス」でご確認いただければと思います。 主要メーラーごとのCSSサポート状況を「Guide to CSS support in email | Campaign Mon

    レスポンシブ対応のHTMLメール作成のコツ
    shamy
    shamy 2014/11/14
  • ユーザヘルプの投資対効果 - うめのんブログ

    最近、Yコンビネーターがやっている、How to start a startupっていう動画授業が良質コンテンツなので暇な時に見てる。 その中でも、How to Build Products Users Loveが特に素晴らしかった!個人的ににすごく刺さった2つの事があって、その2つは繋がっている。この2つを聞いただけでこの授業は自分にとって価値があって素晴らしかった。 KevinさんはWufooというサービスを作って、今はYCのパートナー。Wufooは最初にYCに投資されたあと、ほぼ増資などもせず、黒字経営でそのまま進んで最終的に会社を売却したらしい。なので、お金を使わずどう製品をよくするかの話がてんこ盛り。 ユーザーヘルプは投資対効果が凄く高い まず1つ目に、マーケティングに力を入れる前に、ユーザに製品の使い方を知ってもらうように改善するほうが遥かに投資対効果が高いと力説していた。 こ

    ユーザヘルプの投資対効果 - うめのんブログ
    shamy
    shamy 2014/11/14
  • sketchtoappstore.com – App Store & Mac Software Tips

    Welcome to your definitive guide on navigating the vast world of the App Store and mastering Mac software nuances. In an era where applications are as essential as the devices they’re used on, it’s vital to understand how to present, discover, and utilize them most effectively. We’ve gathered expert insights, tips, and tricks to ensure you stay ahead in this digital age. 1. Crafting the Perfect Fi

    shamy
    shamy 2014/11/14
  • GitHubを使ったWeb制作のフローがよく分かる!GitHubの使い手になれるオススメの本 -GitHubの教科書

    Web制作のフローにGitHubを取り入れたいけどGitGitHubは難しそう。 どういう時にどの機能を使うのが便利なのか知りたい。 GitHub初心者から中級者のWeb制作者に、目からウロコとなるオススメのを紹介します。 日常的なWeb制作のワークフローで、GitHubをどのように使うのかがよく分かります。 GitGitHubの書籍はプログラマー向けのものが多いですが、Web制作での利用シーンに合わせて書かれてあるので、GitHubの使い方の流れがすんなりと理解できると思います。 コーダーさんだけでなく、デザイナーさんにもオススメします。

    GitHubを使ったWeb制作のフローがよく分かる!GitHubの使い手になれるオススメの本 -GitHubの教科書
    shamy
    shamy 2014/11/14
  • 優れたWebサービスを作るために知っておきたい、UIを構成する5つの基礎的な要素 | Tokyo Otaku Mode Blog

    悩み多きディレクターの皆様。 こんにちは。Tokyo Otaku Mode (以下TOM)ディレクターの青芝です。 Webサービスを考えるうえで、誰もが一度は頭を悩ませる UI (User Interface)。 User Interface(ユーザーインターフェイス)とは、ユーザーがWebサービスを利用するうえで直接操作する画面のことを指しますが、ひと言で「UI」と言っても、そこには文字や画像の見せ方、マウスのクリックや指のタッチに反応したときの動き、画面全体のレイアウトなど、さまざまな構成要素がかかわってきます。 それら一つひとつの性格や特徴を考慮し、しっかりと設計しておかなければ、使いやすいWebサービスを作ることはできません。今回は、WebサービスUIを考える際に知っていると役立つ知識のなかから、基礎的な5つの要素を紹介していきます。 正しい文章構造について 人の感情を動かす色に

    優れたWebサービスを作るために知っておきたい、UIを構成する5つの基礎的な要素 | Tokyo Otaku Mode Blog
    shamy
    shamy 2014/11/14
  • 美術専門学校講師による「配色・色彩・彩度明度」の基本 - 2014/11/14 [Schoo]

    記事ではデザイン・アートの基中の基、「配色・色彩・彩度明度」という色にまつわる基礎知識をスクーの授業を元にご紹介。中学校の美術の時間に少し取り組んだくらいで、美術系の大学や専門学校に通っていないと触れる機会がない色についての知識。情報を正しく伝達するデザインをするために、誰もが知っておきたい理論ありきの配色選びを東洋美術学校の授業、『明日から使えるデザイン基礎理論【配色、タイポグラフィ、レイアウト編】』から学んでいきます! ■目次 1.配色ってなに? 2.色相、色相環ってなに? 3.明度ってなに? 4.彩度ってなに? 1. 配色ってなに? ”種々の色を取り合わせること。色のとり合わせ。”(wikipedia「配色」より引用) 色相・明度・彩度という色の三属性、モノサシを調整し、然るべきところに置くこと。 デザインや、イラストレーションに取り組むときに専門知識があると拠り所になりそうで

    美術専門学校講師による「配色・色彩・彩度明度」の基本 - 2014/11/14 [Schoo]
    shamy
    shamy 2014/11/14
    色の基本知識があれば人に説明するとき楽になる