スマホで読ませる! HTMLメルマガで覚えておきたい横幅と文字サイズ | 株式会社NONAME Produce(n2p)｜デジタルプロモーション企画・制作
HTMLメルマガを送信する際に、スマホでどう見えるかは重要なポイントになります。 今回はスマホも考慮に入れたHTMLメルマガを作成する際に気をつけたいポイントを 数字でまとめてみたいと思います。 HTMLメルマガの横幅は600px＋背景色 HTMLメルマガの横幅の選択肢は現時点では 600pxか850pxの選択肢があります。 600pxのメリット スマホでの閲覧時にもまだ見れるサイズ感 600pxのデメリット PCで見た際にインパクトに欠ける →補助策として背景色を付けることで多少カバーできる ↓スマホで見ると背景色部分は表示されないので見やすい →背景色の代わりに背景画像もGMailや多くのメーラーで使えるが、アウトルックでは非表示になるので注意。その場合は、背景画像＋背景色などの２重対策もありえる。 850pxのメリット PCで見たときにインパクトがある ランディングページなどのクリエ
新人ウェブデザイナーに送る。ウェブデザインブックマークサイト決定版！
おはようございます。CD藤本です。 厳しい冬も終わりを告げ、大好きな春がやって来ました。 桜、誕生祭、キャンプ初め、サイクリング開始。と良いことづくしの春。 当社でも11名の新入社員を迎え入れました。 個性あふれるフレッシュな11名の新人たち。ようこそSOLGへ！！ さて今回は、デザイナーなら誰でも知っていると思いますが、新人ウェブデザイナーのために、ウェブデザインのブックマークサイト・ギャラリーサイトを紹介します。 僕が知っているだけでもこの手のサイトは30サイト以上あります。老舗から新参者、洋物中心のところから和物のみにこだわったところ。縦長にこだわったところからスマホのみに絞ったところ、パーツのみに絞ったところもありますね。 僕が何年も使い続けた結果、ここが至極のブックマークサイト（以下ブクマサイト）だ！という5サイトを紹介します。 （今回はパソコンサイトを扱うブクマサイトに限らせて
Webデザイナーに愛を込めて。ディレクターが意識すべき７つのポイント | LPO研究所
LPO研究所所長の鎌田です。 先日、弊社デザイナーが「新人Webデザイナーにありがちな５つのコミュニケーショントラブルとその解消法」という記事を書きました。 この記事は公開2日で1万人以上もの方にお読みいただきまして、本当にありがたい限りなのですが、そのなかで 「指示を出すディレクターにも問題があるのでは？」 というご意見を同時に多数いただきました。 皆さんの仰るとおりでして、「売れるWebデザイン」というのは、デザイナーとディレクターの真剣勝負によってのみ生まれます。どちらか一方が依存している状態、考えていない状態では、ターゲットの心を掴むデザインを作ることはできません。 では、「売れるデザイン」をWebデザイナーに作ってもらうために、ディレクターは具体的にどう動けば良いのでしょうか？ 実はデザインディレクションにも、誰でもカンタンにマネできる「ちょっとしたコツ」があります。 今回は「デ
ECサイト運営者必見！画像レビュー機能で購入意欲を掻き立てる工夫 - ECサイト構築運営に役立つ情報発信｜モバイルファーストマーケティングラボ
多くのショップ様にご利用頂くショッピングカートASPサービスにおいては、ショップ様ごとの独自機能カスタマイズはなかなか実現しにくいです。 今回インテリア通販Re:CENOで見た機能のうち、aishipRの機能として取り入れてみたい４つの機能をピックアップしてみました。
エンブレム系の無料素材 | design door
エンブレム系の無料素材エンブレムの無料素材です。 こういう無料素材ってそのまま使うんでなくて色々と自分で加工してみるのも良いですね。 紹介していてなんですがなかなかそのままも使えなくて 結局インスピレーションだけもらって自分で作ったも同然となるケースが多いです。 PSDではなくベクターデータとなりますね。センスが良いです。 ダウンロードURLはこちらから こちらもベクターデータです。 こういうシンプルなものの方が現場で使い易いかもしれません。 ダウンロードURLはこちらから PSDファイル素材「6 Free Stylish Web Badges PSD」です。 こちらはベクターPSDファイルなので拡大・縮小自由となってます。 バッチやセールスの時のワンポイントマーク（20％OFF！みたいな） にも良いかもしれません。 ダウンロードURLはこちらから
5種類の買い物客のためのECサイトのデザイン
ECサイトの買い物客には主に5つのタイプがある。それぞれ異なる、サイト訪問時の動機や行動パターンを知ることで、デザイナーは各ユーザーのニーズをサポートしつつ、サイト全体のユーザビリティを向上させる決断を下せるようになる。 Designing for 5 Types of E-Commerce Shoppers by Amy Schade on March 2, 2014 日本語版2014年4月2日公開 ECサイトの買い物客というのはさまざまだ。特定の商品を目当てにサイトを訪問する人もいれば、買うものを決めようとしている段階の人もいるし、暇つぶしに来る人もいる。したがって、ECサイトサイトのあらゆる要素、つまり、商品の画像から説明、登録、精算に至るまで、すべてがサイトの成功には重要だ。しかし、買い物客のタイプによってサイトで利用される要素は異なっている。 それぞれのユーザータイプの特定は、デ
10年間吸い続けたタバコをやめました ｜ SEOモード
(c) acme 正確には10年以上ですが、吸い続けたタバコをやめました。当ブログのテーマとは何の関係もありませんが、自分自身の区切りとしても、今回はこのことについて書いてみたいと思います。 タバコをやめるのは、今まで何度か禁煙に挫折したにも関わらず、今回は結構あっさりできました。いわゆる「禁断症状」も2日ぐらい続いただけで、後はそれほど気になりませんでした。 問題はそれまで習慣になっていたことをひとつひとつ否定していかなくてはいけないことです。これが一番大変です。ことあるごとに一服に繋げていたので、この習慣化した動作がなくなると、何かするたびに独特の気持ち悪さ、というか居心地の悪さが襲ってきます。 私の場合、1日1箱程度のスモーカーでしたが、やはり依存度的にはヘビースモーカーだったと思いますし、慣れるまでまだまだ時間がかかるんだろうなと思います。とはいえ、今日でちょうど15日間ぐらいにな
WordPressで突然画面が真っ白になったら…エラーの原因を見つける方法
「WordPressの画面が真っ白に！」 WordPressでサイトを構築していると一度はこんな経験があるのではないでしょうか。画面が真っ白になるとかなり焦りますよね。表示が崩れたとかであれば管理画面などで修正ができますが、真っ白になったら管理画面すら触れない。 こんな時こそテンパらず冷静に対処していきましょう！ WordPressの画面が真っ白になった時は… 画面が真っ白になる場合は何かのエラーで処理が止まっている場合がほとんど。ただ、白くなる原因は様々なので、そのエラーの内容を確認することが解決の第一歩です。 エラーを表示させるには、WordPress本体の直下にあるwp-config.phpの define('WP_DEBUG', false); を define('WP_DEBUG', true); に変更します。 するとデバッグモードとなり、画面（ブラウザ）にエラーが表示されるよ
Resize At Upload Plusで画像を自動的にリサイズして手間を省く！ | WordPressのアフィリエイトで稼ぐ人生を始める-サトシ
Resize At Upload Plusは、ワードプレスに画像をアップロードする時、あらかじめ設定しておいた大きさにリサイズしてくれる便利なプラグイン。 ひとつでも作業の手間を省けば、その分時間を有効に使えるようになりますよ！ 小さな積み重ねですが、ちりも積もればなんとやらです。 大きすぎる画像は出来るだけ縮小しておきたい！ ブログ記事の更新作業で、思ったよりも時間が掛かってしまう画像加工。 かといって、生の画像をそのまま使ってしまっては、無駄に大きいサイズで記事のバランスがおかしくなってしまいます。 読んでくれる人のことを思えば、できるだけ見やすい大きさにしておきたいと思いますよね。 それに、大きすぎる画像はページの読み込み時間を増やし、ひいてはブログ訪問者の離脱率を上げることになってしまいます。 画像に凝りだすとキリがないので手早く済ませたい所ですが、せめて適正な大きさにリサイズする
מארי אוסטין
מארי אוסטין - free nudes, naked, photos, Olivia DeJonge - Baz Luhrmann Anna - 9
WordPress：body_class()に独自のclassを追加する方法＋代替で独自のidやclassのみをbodyに指定する方法 - NxWorld
body_class()はbody要素に使用するWordPressのテンプレートタグで、これを使うことで表示されるページによって様々なclassがbody要素に付加されて非常に便利なのですが、たまに「このclassもほしい」というときがあるので、そういった際に使えるbody_class()に独自のclassを追加する方法です。 また、いっそのことbody_class()を使用せずに、その代替としてbody要素に完全に独自のidやclassのみを指定するという方法も備忘録を兼ねて併せて紹介します。 body_class()の使い方 Twenty Fourteenなどデフォルトテーマのheader.phpを見ると確認できますが、body_class()の基本的な使い方は下記のように記述するだけで使用できます。 上記を記述して各ページのソースを確認するとbody要素に様々なclassが付加されて
【WordPress】見出しから目次を自動生成。プラグイン不要！コピペでOK
ブログ記事で目次を自動的に見出しから生成する方法を紹介します。WordPressプラグインは使わないで、自力でJavaScriptで設置してみました。 ゆめぴょんです。こんちはっ(^^)/ 私のブログでは文字数の多い記事もあるため、目次を設置したいと思ってました。一時期WordPressプラグインを用いて設置していましたが、意外と簡単に自前設置できるので制作してみました。 目次は上に表示されていると思います。クリックするとゆっくりとその見出しまでスクロールしていきます。読者にも便利なナビゲーションになります。 今回は「WordPressプラグインはずし特集」の第8弾です。今までの特集記事は全て下のリンクにまとめています。 今回、不要になるWordPressプラグイン これまた昨年くらいから、いろんなブログで紹介されている有名プラグイン「Table of Contents Plus」です。
不動産 OGP and Twitter(X)Cards プラグイン
通常の OGPやTwitterCardsプラグイン では不動産プラグインでの物件画像が抽出されません。そこで「不動産 OGP and Twitter(X)Cards プラグイン」をリリースしました。 他のプラグインのOGP出力と被る場合がありますので、それぞれのプラグイン側でプラグイン停止 又は OGPの出力を停止させる作業 が必要な場合があります。 「不動産Tweet(X)OldPostプラグイン」で 画像付きツイートすると TwitterCardsの「詳細を表示」リンクは表示されませんが手動で画像無しツイートする時には有効な手段だと思います。 もちろん「不動産Tweet(X)OldPostプラグイン」で 【ツイートに画像を含める】を オフにするとTwitterCardsの「詳細を表示」リンクは表示されます。 導入方法 「不動産OGP and Twitter(X)Cardsプラグイン」を
『３分で分かるフラットデザイン』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 2013年度新卒入社、DETOXでデザイナーをしているSonokoと申します。 今回はDETOXで用いたフラットデザインについてお話したいと思います。 DETOXとは DETOXとは言いたいことも言えないこんな世の中で、ネガティブな発言や失敗や愚痴を気心の知れた友人同士で共有できるニュータイプSNSです。 「SNS疲れ」などで溜まった現代のココロの闇を「ポイズン」として吐き出せます:) DETOXでは、iOS 7の普及に伴いフラットデザインを搭載しました。 トレンドの「フラットデザイン」ってなに？まずはどんなものか、百聞は一見にしかず
Node.jsのWebフレームワーク「Sails」を使ってpub/subアプリを作ってみる
Sailsとは Sailsは米国オースティンにあるBalderdash社のMike McNeilさんを中心として作成されているMVCフレームワークです。スタイルとしてはRailsに近い形を取りつつ、最近のWebアプリ開発に向けたいくつかの特徴を持っています。 主な特徴としては Web APIを簡単に作成し、公開できる リアルタイムWebなアプリケーションが簡単に作成できる Single Page SiteやMobileなどの多様なフロントエンドに対応できる といったようなものが挙げられます。 Web APIについてはJSONベースのRESTfulなAPIが簡単に作れるようになっています（Sails API blueprints）。特にAPIを作るという意識をせずとも、generatorによって単純なCRUDならすぐにAPIとして公開することができます。ルーティングについても、この手のフレー
返信不要と開封確認 - Nothing ventured, nothing gained.
ある人へのメッセージに「返信不要です」と書きそうになり、危うく踏みとどまった。 返信不要は一種の言葉の暴力だ。「俺はこう思うからお前に言うが、お前の意見や反論は聞きたくない」というメッセージだ。実際にはそうでない場合も多いだろうが、そのように読まれる可能性があるので、注意が必要だ。そのつもりで送るなら良いが、そうでないなら書き方を改めたほうが良い。 考えるに、返信不要と書くのはいくつかの状況がある。 上に述べたように、自分の意見だけをとりあえず表明したい場合 ある情報を知らせるだけが目的であり、それに対して返信をもらうのが申し訳ない場合 ある情報を知らせるだけが目的であり、特に対応（アクション）を求めていない場合 複数人に同報通信で送るが、その送信元に返信してもらっても仕方ない場合 その他 1つ目は先ほど言った通り、喧嘩を売っていることなので、それを理解しているならば、返信不要と書くので良
写真がもっと楽しくなる！写真画像をワンランク上に仕上げるPhotoshopのアクションのまとめ | コリス
自撮り写真にいい感じのライトを加えたり、ぷるるん唇と美肌・目力補正をしたり、風景写真を映画フィルムで撮影したようなかっこいい仕上がりにしたりなど、1クリックで写真画像をぐっとワンランク上に仕上げるPhotoshopのアクションをまとめました。 まずは当ブログで以前紹介したこれぞPhotoshopマジックなアクションから。
Googleフォームで自動返信システムをサクッとつくる (1/4)
Google Apps Script（以下、GAS）を使えば、Googleのアプリケーションにちょっとした機能を加えて実用的なサービスに仕立てられます。今回は、問い合わせフォームを簡単に作成できる「Googleフォーム」を使って、問い合わせメールへ自動で返信するシステムを作ります。 【フォーム作成】問い合わせフォームを作る Googleフォームは、問い合わせやアンケートなどのフォームを簡単な操作で作成できるWebアプリケーションです。まずは企業サイトを想定した、シンプルな問い合わせフォームを作成してみましょう。 1. https://drive.google.comにアクセスしてGoogleドライブを開きます。「作成」ボタンをクリックし、「フォーム」を選んでください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
RetujyOu.com is for sale | HugeDomains
XPの次は……Vistaのサポート終了は2017年4月、あと3年 