誰でも作れる! “崩れない”HTMLメルマガ作成術:一撃デザインの種明かし(12)(1/4 ページ) キレイなHTMLメールを作るコツ/Tips盛りだくさん! ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します! 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか? そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
iPad や iPhone で使える静電容量式タッチパネル対応のスタイラスを買いたいなと思っていたのですが、タップは問題なくても文字を書いたりという操作に適した物がなかなか見つからなかったので、自作してみました。 iPad の手書き系アプリでメモなどを書く際、指でもいいんですけど、手元が見にくかったりして書きにくいことがあったりするので、スタイラスが欲しいなと思っていました。 ところが、iPad や iPhone のような静電容量式タッチパネル用として市販されているスタイラスは、キーボードのタップなどには向いていても、文字を書いたりすると画面に引っかかってスムーズに行かなかったり、なかなかいい物が見つかりませんでした。 そこで、もう面倒なので自分で作ることに。要はスタイラスの先端から自分の指に電気が流れさえすればいい訳ですから、市販の導電スポンジ(IC とか CPU とか刺しておく導電性の
オライリー本読んでますか?いろいろ揃っていて、ついつい買っちゃいますよね。でも、価格が高い&厚い&重いの三重苦です。ところが、iPhone版の電子書籍だと600円で買えてしまいます。しかも、場所を取らない。最初は数冊だったのが、今では868冊がリリースされています。 これがO’ReillyのiPhone電子書籍だ!!(写真満載レビュー) - このブログは証明できない。 600円でフルバージョンが手に入るオライリー本ですが、やはりiPhoneであのボリュームを読むのはツライ。そこでオライリーでは、iPadやKindleで読める電子書籍を販売しています。 no title ところが、紙の本と比べてそれほど安くないんですね。iPhone版の600円はやはり魅力です。大丈夫。実はこのアプリからiPadで読めるepubを取り出すことができるんです。特殊なハックというわけではなく、オライリーのサイトで
モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない!」という項目は以下の6つ ・xhtml?html? ・文字コードは? ・tableは使ってOK? ・絵文字は? ・カタカナの扱いは?半角?全角? ・VGA対応は? xhtml?html? 最近は基本xhtmlで作成という流れに(私の場合は)なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください!」と言われてやり直したことがあります...。 文字コードは? 携帯サイトといったらSh
Noupe passionately delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from; CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. 作業効率を改善するためのテクニックはこれまで多く登場している。表現する方法や手段に差はあれど、結局のところ最終的に実現しようとする内容は、1)気を紛らわすようなものを削除する、2)作業を引き伸ばすといったことをしない、3)最初に決めたスケジュールは守る、などの内容に落ち着く。 こうした内容を踏まえつつ、Get More Done: 10 Tips for a More Produ
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ライブドアでUstreamの配信を担当している櫛井優介と申します。所属は開発部です。ライブドアの開発部というのは、本来はプログラマーやデザイナー、マークアップエンジニア、ネットワークエンジニアが所属しており、ウェブサイト制作を専門としている部署です。 私はエヴァンジェリストという肩書きで、「ライブドアという会社の今を伝える」という役割を担っています。普段は社外の方への協業提案の先陣を切る役目や、社内外のイベント運営などを業務としています。 ライブドアでは社外の方を招いてのカンファレンスや勉強会、あまり数は多くないですが記者会見などでUstreamを使っています。ライブドアは「Open&Share」を社是としており、情報はどんどん公開して
パソコンも、もはや「ケイタイ」する時代。日本でもWi-Fiスポットが徐々に増え、外出先でも手軽にインターネット接続できる環境が整ってきましたが、さらに先を行く米国では、7月1日から、スターバックス(Starbucks)が米国内の全店舗で、Wi-Fiを無料で利用できるようになったとか。どこでもインターネットにアクセスできるのは、便利なことこの上ないですが、セキュリティリスクにも十分配慮する必要がありますね。そこで、こちらでは、公衆無線LANを安全に使うための方法についてご紹介しましょう。 ほどんどのワイヤレスルーターには、インターネットからユーザを守るファイアウォールがありますが、これによって、自分が完全に保護されていると考えるのは誤り。同じネットワークに接続している他のユーザからは保護されていません。多くのホットスポットでは、ネットワークに接続しやすいように暗号化されておらず、これによって
22日深夜2時にiPhone OS が新しくなりましたね。 新OS「iOS4」は様々な改良点があり、とっても便利になりました。 改良点のひとつに「カメラのシャッター音」が挙げられます。 以前までは音量調節できたシャッター音ですが、「iOS4」では「カシャ」という音がはっきり聞こえる程度に大きくなりました。 おそらく盗撮防止用に改良されたようですが、シャッター音が小さいから気軽に撮れることが好きだった方も多いはず。静かな場所で大きなシャッター音は出したくないですしね。「カシャ」と鳴ったときに周りから振り向かれたりするのも嫌ですし...。 現時点での「iOS4」では、そのシャッター音を無音にする方法があるようですので、以下にまとめます。 無音にする操作は以下の手順を踏む必要があります。 iPodを起動 iPodで音楽を再生 iPodの音楽を最小(無音)にする その状態でカメラを起動 音量調節ボ
だんだんと薄着になっていくこの季節、気になるのがあらわになったボディライン。ふと足元を見下ろすと、お腹がポッコリと円形を描いている、なんて方も多いのではないでしょうか。今日は、刻一刻と近づく夏に向けて、お腹の引き締め効果があるエクササイズを集めてみました。これでもう薄着も怖くない!? ■セクシーな腹筋を実現! ▽セクシーな腹筋を作るための2つの必殺技!というのがあったからやってみた | IDEA*IDEA こちらで紹介されているのは「前腕部とつま先だけで静止」と「足を組んで腹筋」の2つの方法。前者は、うつぶせになり、前腕部とつま先だけで体を支えます。体をまっすぐ板のように静止した状態を、20秒~60秒維持し、3セットぐらいやると効果があるとのこと。後者は仰向けになり、あぐらをかくような格好で足を組んだ状態で腰から背中、首をまげないようにして背中を持ち上げます。鼻から息を吸い、もちあげるとき
ドキュメントスキャナーとiPadを持っている人は、何に便利さを感じていて、実際にどうやって使っているのか。PFUの「ScanSnap」シリーズを使い込んでいる成蹊大学法学部教授、塩澤一洋氏にお願いして、その秘訣を教えてもらった 今、パソコン周辺機器において、脚光を浴びている製品ジャンルのひとつにドキュメントスキャナーがある。iPadの出現によって、書類や書籍をデジタル化するニーズがにわかに高まっているからだ。 ドキュメントスキャナーの使い方がiPadで変わる。両者を連携することで、紙に記録した情報が生かされる。そんな使い方をご紹介しよう。 ScanSnapは「救世主」だった ScanSnapシリーズは、ドキュメントスキャナーの第一人者として知られている存在だ。紙の束をドサッとのせて本体の「Scan」ボタンを押すだけで、書類を両面同時にカラーで読み取って全自動でPDFファイルにしてくれるとい
cssやプログラミングcss × クロスブラウザ cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 cssとHTMLタグのマークアップ のみで実装出来るテクニック集 です。クロスブラウザ対応のみ をcss-playから探したので、 ついでにご紹介します。 jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。 シンプルなドロップダウンメニュー シンプルなドロップダウンメニューです。マルチレベルのメニューも可能。 demo 縦並びのフライアウトメニュー 横に出るフライアウトタイプ。画像を使用しています。 demo クロスブラウザ対応のグラデーション
まずは下の表を見てください。 Perlベストプラクティス 作者: Damian Conway,クイープ出版社/メーカー: オライリー・ジャパン発売日: 2006/08/24メディア: 大型本購入: 11人 クリック: 153回この商品を含むブログ (155件) を見る |版 / ページ数|B5版 / 513ページ| |スキャン|白黒 600dpi /(表紙のみ)カラー 300dpi| |圧縮前のサイズ|89.2MB| |圧縮後のサイズ|28.1MB| これは前回のエントリー「ScanSnap S1500 の「OCR テキスト認識」に関する 15 の真実」で調査対象にした本(PDF)を、Adobe Acrobat 9(Pro / Standard)を使って圧縮した結果です。*1 前回のエントリーでは、 ScanSnap でスキャンした後に Adobe Acrobat で OCR テキスト認識
Googleには便利な検索方法や機能、コマンドが沢山あります。いままでにも多くの方が取り上げてきたネタではありますが、備忘録用にまとめておきます。 基本 OR 【例】 検索エンジン OR 検索サイト 2つ以上の単語を指定し、いずれかの単語を含む検索結果を抽出したい場合の検索方法です。「 | 」も同様です。 NOT(マイナス検索) 【例】 体操 -ラジオ 検索結果から特定の単語を含むページを除外したい場合の検索方法です。 完全一致 【例】 “さまぁ〜ず三村はポンコツ” 複合キーワードや文章をダブルクオーテーションで囲むと、その単語と完全に一致するページのみを抽出する事ができます。 上記の絞込みは、検索窓付近に表示されている検索オプションで行なうこともできます。 コマンド site: 【例1】 site:jweb-seo.com 【例2】 site:jweb-seo.com カスタマイズ 例1
シンプルな題材でも印象的な写真にする、大切な6つのデザイン要素とその効果的な使い方をPhototuts+から紹介します。 6 Elements of Design for Striking Photographs 下記は、その意訳です。 はじめに 写真を印象的にするものは何でしょうか? それは誰にでもできる普通の方法で実践することができます。ここで取り上げるものはテーマやアイデアを一つに絞り、最小限で実践できるようにしました。それはシンプルで、本当に偽りのないものです。ここではシンプルな題材を印象的な写真に変えるとができる6つのデザインエレメントに注目してみましょう。 ここで注目するデザインエレメントは、ライン、シェイプ、フォーム、テクスチャ、パターン、カラーの6つです。すべての写真に意図的か意図的ではないにしても、これらのデザインエレメントを含んでいます。特に、ライン、テクスチャ、カラー
【永久保存版】これからiPadを買う人へ...覚えておきたい便利技10選2010.05.24 17:00 iPhoneユーザーなら迷わず使えちゃいそうですね... いやいや、iPad革命が非PCユーザー層の高齢者や子どもたちにまでも及ぶとはよく言ったものですが、でも、バリバリのパワーユーザーだからワクドキなiPadでもありますよね。とにかく買ってからすぐに使いこなしたい! でも、あんまりハウツー物なガイドブックとかマニュアルとかを読みあさって習得していくっていうのもなぁ。 そんなあなたへ、iPad大好きなギズ編集部から、とっておきのティップスを厳選10技に絞ってご紹介いたしませう。そんなのとっくに知ってるさって読者の皆さまも多いんでしょうけど、まずは導入編ということで、ぜひ1度はおさらいの意味でも続きからご覧くださいませ。 1. フリーズした時のリセット方法 意外と知らなかったりする困った
仕事で毎日のように書く必要があるビジネスメール。基本的な書き方をマスターしたら、次はさらに相手の気持ちを動かす、効果的なメールを目指したいですよね。今回は、「“デキる”と思わせるビジネスメールのテクニック」をご紹介します。 ■ビジネスメールの基本をおさらい プライベートのメールとはだいぶ勝手が違うものの、意外と人から教えてもらえないのがビジネスメールの書き方。まずは基本の書き方からおさらいしてみましょう。 ▽基本は『三段構成』――今さら聞けないビジネスメールの書き方 - はてなニュース 以前はてなブックマークニュースでご紹介したこちらの記事では、本文の構成や挨拶、署名といった基本的なビジネスメールのマナーをまとめています。「自分のメール、大丈夫かな?」と思ったら、まずはこちらを確認してみて下さい。 ■“デキる”メールは何が違う? では基本のメールからさらにステップアップするには、どうすれば
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする >> 起業家はもちろん、検索マーケッターに広告プランナー、ウェブディレクターまでビジネスパースンであれば誰でもプレゼンの機会がありますよね。プレゼンなら大得意!と言う人もいるでしょうが、プレゼンがイマイチ苦手、と言う人も多いと思います。今回は米国の起業家ベン・ヨスコヴィッツが説くプレゼンの秘訣15カ条を紹介します。起業家が投資家にプレゼンする時を意識して書かれた内容ですがビジネスパースンであれば役に立つティップスが満載です。 — SEO Japan ビジネスを成功させる秘訣はプレゼンだけというわけではない。むしろそれには程遠いものだ。しかし、いつあなたがステージに上がってプレゼンをする機会があるのかが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く