誰でも作れる！ “崩れない”HTMLメルマガ作成術：一撃デザインの種明かし（12）（1/4 ページ） キレイなHTMLメールを作るコツ/Tips盛りだくさん！ ECサイトはもちろん、企業サイトのニュースなど、いまなおプッシュ型の情報配信として支持されるメールマガジン。一時のフィードリーダーの盛り上がりもあり、以前に比べると落ち着きましたが、まだまだメールマガジンの効果は侮れません。 今回は、そんなメールマガジンの中でも、表現力豊かなHTMLメルマガの作り方について、徹底解説します！ 「HTML」自体は、それほど難しくないが…… 「HTML」というマークアップ言語自体はプログラム言語に比べると手が出しやすいので、Webを仕事としていない方でも触れた経験をお持ちの方はいらっしゃるのではないでしょうか？ そういう人にとっては、HTML言語自体はそれほど難しくないと思います。 しかし、そのHTML
第６回 世界を広げる 私小説を純文学に変えるには「一般化」への努力が必要 よく自分自身の体験をとうとうと語り、周りから疎んじられる人がいます。対照的に、自分のことを話しているのに、つい話がおもしろくて引き込まれてしまう人もいます。後者は、個人的な体験を基にしていても、話題をすべての人に共通する関心事に一般化して話すことのできる人です。ささいなことに思われるかもしれませんが、実はこうした話題の一般化・普遍化ができない人は、ビジネスパーソンとして失格ではないかと私は考えています。 フランスの文学者ボーヴォワールも、「私小説と純文学の相違」として同様のことを述べています。つまり、私小説は個人的な体験を延々と興味本位に書き綴るもので、確かに現実の生々しさはあるが、それだけで文学にはなり得ない。私小説を芸術的価値を持つ純文学にまで高めるには、作家の体験を昇華して、一般化する努力が必要だと言って
A gift or hard graft? | Guardian.co.uk 人より恵まれた天才的な才能を発揮する人にとっては、努力なんて必要のないことなのでしょうか？ あるいは、努力によって何事もカバーできるものなのでしょうか？ その疑問への答えは「10000 時間」かもしれません。 「ティッピング・ポイント」 や、その廉価版「急に売れ始めるにはワケがある」 、第1感 「最初の2秒」の「なんとなく」が正しい といった本で著名な、マルコム・グラッドウェルの新しい本、Outliers: The Story of Success からの抜粋記事が Guardian 紙に掲載されていまして、この興味深い問題について触れています。 彼によると、伝説的なプログラマーのビル・ジョイのような人や、ビル・ゲイツや、ビートルズのようなバンドの成功も、「10000時間の努力」と、いくつかのタイミングが支配して
Coding Horror - Quantity Always Trumps Quality Art & Fear という芸術家向けの本の中に，こんなエピソードがある ― ある陶芸クラスでのこと，最初の授業において，教師は生徒をふたつのグループに分けた。一方のグループは作品の「量」によって評価を行うとし，もう一方のグループは作品の「質」によって評価を行うとした。 これはどういうことかというと，「量」グループの生徒たちは，提出した作品の量のみによって評価が下される。作品の総重量が５０ポンドに達していたらＡ評価，４０ポンド台ならＢ評価，というように。それに対して「質」グループの生徒たちは，たったひとつの最高の作品を提出すればいい。その作品の出来に対して評価が下される。 すべての授業が終わり，さて評価は，となったとき，少し奇妙な事実が判明した。提出された作品のうち，最も高い質を持つものは，すべて
友人が、物凄く絵が上手いんだけどさ。 でも最初は下手だったんだよね。たいしてうまくない自分より下手だった。 でも急激に成長してる。今はもうホントに上手い。絵で仕事もしてる。 2chのスレでもよくある、「上手い人見て凹んで描けなくなった」とかいうやつ。自分も上手い作家さんとか見たりするとああいう気持ちになったり、年下なのに上手いのとか見るとホントへ込むんだけど、どうやら友人はそういうのが無いっぽい。前その辺語ってて判明した。 「できない」って思わないみたい。なんか。 すごい人見ると、即座に「そうなるにはどうすればいいか」「自分に何を+すればそうなれるか」「そして+する方法は何か」を考えてる。 だからすごい人を見たほうがモチベーションとか上がる。みたい。 目標が目に見えて分かるから寧ろ嬉しいらしい。 年下で上手いとか見ても、考え方が根本から違う。自分は「年下でこんなに上手いとかマジ死ぬｗｗｗｗ
今日は、先日書いた「能力のない人へ」というエントリができあがるまでのプロセスについて書いてみます。たまには“ちきりんブログの舞台裏”をお楽しみください。 きっかけは1ヶ月ほど前にみた“ガイアの夜明け”です。不振に陥った地方の旅館やホテルが、再建請負人の指導のもと事業を立て直すという特集でした。再建のプロと紹介されていたのは、関東近郊の人気ホテルやエンターテイメント施設の経営者で、再建ファンドに雇われて地方のホテルの再建指導をするとのこと。 舞台となる、とある地方ホテル。再建請負人（以下、再建リーダー）に指示された従業員達は必死になってコスト削減や売上増加策を考えるのですが、再建リーダーは週2回くらいしか現場にこられません。番組ではひとりの従業員に密着。彼は3日間ほとんど徹夜して、バス旅行のような企画をたてました。で、その案を東京からやってきた再建リーダーに説明。するとリーダー「これじゃ赤字
モバイルサイトの制作前に、もしくは打ち合わせに行った場合は必ずチェックしておきたいところをまとめてみました。 こちらから積極的に確認しないと、何も詳細が分からないままデザインだけぽーんと渡されてしまうことがあるので、自ら前のめりでチェックしておきたいところです。 個人的に「ここだけは外せない！」という項目は以下の6つ ・xhtml？html？ ・文字コードは？ ・tableは使ってOK？ ・絵文字は？ ・カタカナの扱いは？半角？全角？ ・VGA対応は？ xhtml？html？ 最近は基本xhtmlで作成という流れに（私の場合は）なってますが、それでも念のために一応聞いておきたいところ。 昔、xhtmlで作成してほぼほぼ終わった段階で「アップするサーバーでxhtmlが使えないのでhtmlに変更してください！」と言われてやり直したことがあります...。 文字コードは？ 携帯サイトといったらSh
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
Webサイト制作で欠かせないのがフォーム。 これらは購入時や、お問い合わせ、ログインと言ったパーツで良く使われます。 今回はそんなフォームにスポットを当てて、なるべく使いやすく、導入しやすいものをご紹介いたします。 ただし、あくまでもjQueryプラグインのご紹介なので、よくわからないと言う方は華麗にスルーしてください。細かい導入方法までは説明しません。 機能性重視プラグイン In-Field Labels jQuery Plugin フォームの中に入っている文字がオンクリックでうっすらと消えていくプラグイン。 なかなかいい感じ。 Create a Progress Bar With Javascript | Nettuts+ demo シームレスにフォームの内容を変え、さらにどれくらい進んでいるかが％で確認できる。 overset - jVal - jQuery Form Field V
自分が作ったWebサービス、将来大きくなってもシステムは大丈夫なんだろうか? そんな不安を抱きながらWebサービス開発に携わっている方も多いでしょう。あるいは、毎日毎日システムが悲鳴を上げる、どうしたらこの状況を看破できるんだろう? 成長したWebサービスを前に、困っている技術者の方もいるかもしれません。 筆者も、まったく同じ経験をしてきました。 月間1,500万人が訪れる、はてなというサイト。その大規模システムの開発と運用に、筆者らは取り組んでいます。1,000台のホストが、その負荷を捌きます。100万人以上のユーザによってブログやソーシャルブックマークに投稿され続けるデータは日々大きくなっていき、サーバリソースを逼迫させます。ギガバイト、テラバイト単位のデータ量が技術者たちを悩ませます。それでもトラフィックの波は収まることを知りません。 (中略) どうしたらこの怪物、大規模サービスを抑
先日書いた「日本企業は「社内公用語＝英語」しないと世界でもう生き残れない－My Life in MIT Sloan」について。 私も完全に納得してこう書いてるわけではないが、ポジションを取った以上、主張は正しく理解されたいと思うので、書いてみる。 まず文中でも書いているように、「日本企業」といっても、日本市場だけでは食っていけないような産業や、日本人以外を積極的に採用しないと10年、20年後には困る産業における日本企業を対象に書いている。 これは大企業に限らず、中小企業でも当てはまるところは沢山あると思うが、全ての日本企業がそんな状況に直面している、とは全く思っていない。 ましてや「日本という国で英語を公用語化する」というのはまったく別の話だ。 しかし、それ以前に重大な誤解がある様子。コメント欄や下記のようなエントリを読んで思ったのだが、「社内で英語を公用語化する」ということ自体に誤解があ
まずiPhone 4では、心臓部を担うCPUが変更になり、iPadと同じ、アップルが独自に開発した「A4」チップを採用している。iPadが搭載するA4は動作周波数が1GHzだが、iPhone 4については非公表。同じA4チップながら、形状なども違うとされている。そこで、CPUなどの性能を総合的に測る「Checkup」というアプリケーションを利用して、推察してみた。 CPUが1秒間に何回計算できるかを計測するCheckupのテストでは、iPhone 4は約2億5000万回。これは、iPhone 3G（約1億2830万回）やiPhone 3GS（約2億400万回）よりは多いものの、iPad（約3億1900万回）よりは少ない。メモリーへデータをコピーするのにかかる時間も、iPhone 4では約145.5MB／秒で、約192.6MB／秒のiPadより遅い。どうやら、iPhone 4のA4チップの動
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
ページ内、要素間のスムースな スクロールを実装する事が可能な jQueryプラグインのメモ。使ってい るサイトも随分見かけるようになっ てきましたね。 個人的には特定のものしか使っておらず、いろいろと挑戦したいと考えているのでそのとき用にメモ。カルーセルとかギャラリーみたいなスライダータイプは今回割愛しています。 ScrollTo Posts With jQuery ページ内をダイナミックにスクロール。サイドのメニューっぽいところで操作します。 ScrollTo Posts With jQuery Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery 3種類あります。div要素を1ページ表示してスムーズなスクロールで移動。 Create a Vertical, Horizontal an
一般的なHTMLファイルをWordPressの テーマにする時の手順と、使用するタグ をリスト化、というか自分用チートシート。 いつも子ページが時間掛かるので、単純 な構成のHTMLなら、テーマ化くらいは サクサク終わらせたいですね。 唯一の方法では無く、ベーシックな方法です。僕も一度作成してから必要に応じて別のタグを使います。 WPテーマ化手順リスト STEP.1 HTMLをindex.php、header.php、footer.php、sidebar.php等に分割。分割に関しては以前の記事をご参照下さい。 以下のインクルードタグをindex.php、search.php、archive.phpに追加。 <?php get_header(); ?> <?php get_footer(); ?> <?php get_sidebar(); ?> STEP.2 header.phpのmeta
10 Great Tips to Boost Creativity [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ウェブサイトをデザインするとき、ワンパターンに陥ってしまうことは簡単です。デザイナーは自分が何が得意であるか知っており、それを強みにして常用してしまう傾向があります。しかしながら、通常とは異なる視点をとることで、創造的なアプローチを新しい限界へとおし上げることができます。 創造力をアップさせることはウェブデザインの現在のトレンドを学び、何がそれを成功させたかを理解し、そしてあなた自身のユニークなスタイルを使ってそれらのテクニックを実行することから始めます。 あなたの創造力をあふれ出るようにするために、ここに考慮に入れるべき10のヒントがあります。 1. カラーを考えてみる サイトをゼロから作成する時や修正する時、コンセプトを強くするためにカラーの知識を深め
どうして役にも立たない知識を入学試験で問うのか疑問におもったら、情報の経済学でいうシグナリング(signalling)について学ぶといい。 ブルデューのいう「卓越化」≒「お育ちによるふるまい（≒ハビトゥス）による選別」の仕組みから、クジャクは何故ああもムダに派手なのか、果てはヤンキーはなぜ早婚か（Theodore Bergstrom and Mark Bagnoli(1993), "Courtship as a Waiting Game", Journal of Political Economy , Volume 101, Issue 1, pp.185-202.）まで統一的に理解できる。 よく例につかわれる学歴ゲームで説明すると、以下のような感じである。 ある人が仕事ができるかどうかは、パッと見ではわからない。 そして学歴は、仕事ができるかどうかとは、多くの場合、無関係である。 なのに
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
1 名前：以下、名無しにかわりましてVIPがお送りします：2010/06/30(水) 20:10:42.52 ID:ZGVeOz6z0 cos(a+b) = cosa・cosb － sina・sinb コスモス ココに 毎日 咲く咲く 13 名前：以下、名無しにかわりましてVIPがお送りします：2010/06/30(水) 20:15:34.91 ID:V3EtFdAN0 >>1 ふつうにコスコス マイ サインサインのほうが覚えるぞ 2 名前：以下、名無しにかわりましてVIPがお送りします：2010/06/30(水) 20:11:13.38 ID:ekGAFoib0 コロセコロセシネシネ って教えられた 44 名前：以下、名無しにかわりましてVIPがお送りします：2010/06/30(水) 20:32:05.88 ID:gHwjQ3gy0 cos(a+b) = cosacosb
5月20日に弊社から刊行された『プロが教えるデジカメ撮影テクニック』（著者はプロカメラマンの三浦健司氏）という書籍を担当した吉田です。鬼のような上司から「Webで宣伝しろ」と言われたのですが、ただの宣伝なんて誰も読んでくれません。今回はプロカメラマンの三浦健司氏に、家具の上手な撮り方について話を聞きました。 望遠レンズでチェストを歪めずに撮る 吉田：家具のように大きな被写体を歪めずに撮るのって難しいですね。 三浦：キミは広角レンズが好きだから、広角レンズで撮ればいいと思うよ？ 吉田：厳しいですね。広角レンズで撮ったらこんな感じで歪んでしまいましたよ。 三浦：頭でっかちになっていると言うことは、広角レンズかつハイアングルで撮ったんだな。 吉田：はい。それにカメラの内蔵ストロボで撮ったのですが、光量が足りずにチェスト下段が暗くなってしまいました。 三浦：だいたいキャスターの向きが揃っていない。
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
補足 この記事は旧徳丸浩の日記からの転載です。元URL、アーカイブ、はてなブックマーク1、はてなブックマーク2。 備忘のため転載いたしますが、この記事は2010年7月1日に公開されたもので、当時の徳丸の考えを示すものを、基本的に内容を変更せずにそのまま転載するものです。 補足終わり PHPのデータベース・アクセス・ライブラリPDOは、DB接続時の文字エンコーディング指定ができないため、文字エンコーディングの選択によっては、プレースホルダを使っていてもSQLインジェクション脆弱性が発生します。 追記(2011/06/19) ここに来て急にブクマが追加されはじめていますが、このエントリを書いてから状況が改善しています。PHP5.3.6(2011/03/17)にて、PDOでもデータベース接続の文字エンコーディングを指定できるようになりました。この版で、UNIX版のPHPでは解決しましたが、Win
2017年6月29日 Webサイト制作, Webデザイン プログラミングに詳しくなくてもECサイトを設置できちゃうCMSがたくさんあります。そんなCMSを紹介…しようと思ったのですが、かちびと.netにまとめ記事があったので、そのへんはシロ氏にお任せして、今回はECサイトのデザイン部分に焦点をあててみたいと思います。ECサイトではその商品やマーケティングが重要になってきますが、サイト全体のデザインを工夫してユーザーの購買意欲をより刺激しましょう！ ↑私が10年以上利用している会計ソフト！ 1. 商品のデザインと合わせる ECサイトのデザインは、その商品を知ることから始まります。例えば商品が服ならそのブランドのデザインコンセプトはもちろん、どんな人が、どんな場所で着るのか、素材やよく使われている色合いなどを研究してみてください。 Apple http://www.apple.com/jp/
ルート検索サービス「ナビタイム」を運営するナビタイムジャパンの大西啓介社長（４４）との一問一答は以下の通り。（池田証志）−−トータルナビゲーションのアイデアはどこから「上智大学で１９８６年から経路検索の研究をしていました。研究論文テーマは、大規模ネットでできる道路検索。（ナビタイムジャパンの）副社長は同じ研究室の後輩ですが、彼の研究テーマは時刻表の経路検索。私の経路検索アルゴリズムは徒歩と車で使える。彼が電車と飛行機とバス。両方合わせると、トータルナビゲーションになると」−−当時としては最先端の研究だったのでは「カーナビメーカーとの共同研究でした。当時は地図のデータもないわけですから、カーナビメーカーが試作したものを貸してもらったりしていました。大学４年生のときに、千代田区の地図を自分で作ったこともあります。メモリが３００キロバイトしかないＰＣ９８を使っていました。今の携帯より少ないメモリ
学生時代には学生なりの、社会人には社会人なりの勉強法があります。学生時代には使い切れないほどの時間があるので、多少時間をロスしても問題はありません。しかし、社会人はそうもいきません。私は、時間が貴重な資源であると気づいたのは就職してしばらく経ってからです。その上、社会人になっても「勉強」からは開放されないどころか、学ばなければならないことは増える一方です。 私の回りには、幸いなことに勉強方法について参考にすべき素晴らしい知人がたくさんいます。勉強方法をお互いに参考にし合ったり、または優れた本からも勉強手法を取り入れ、そして自分なりに実践する中で試行錯誤を経て、私なりの「勉強の型」ができました。方法は人それぞれだと思います。その上で、私の勉強を紹介します。 1 何を勉強し、いつまでに達成するか 難易度がそう高くなく、少しの勉強で目的が達せられるのであれば、特に対策は必要ないと思います。し
これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3のtransformや box-shadowをクロスブラウザ 対応させるjsライブラリですが、 特徴はプロパティを1行で統一 させる事が出来る点です。 css3のtransform（変形）、box-shadow（影）、gradient（グラデーション）ですが、gradientは不完全でした。しかしながらこのスクリプトを応用してアニメーションさせることも出来るようです。 各ブラウザで実装したものを比較していました。IEに限らず、主要ブラウザ全てをサポートしています。また、何より独自のプロパティを使うのですが、これが1行で済むので場合によってはなかなか楽では無いかと。 左がChrome、右がIE6です。テキストのドラッグも普通に出来ますね。 例・transform cssSandpaperを使用した際のtransfo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
