少女のレモネードスタンドから学ぶ9つのマーケティング術
2013年3月23日 マーケティング フリーランスのコピーライター・マーケティングコンサルタントであるJim Lodico氏の記事が、昨年Web Designer Depotというブログに紹介されていました。あの記事面白かったなーと突然思い出したので、Walter氏の了承のもと意訳してみます。元記事は“9 Marketing Tips from a Six-Year Old’s Lemonade Stand”です！ ↑私が10年以上利用している会計ソフト！ ある日、うちの娘ソフィアがレモネードスタンドをしたいと言ってきました。 レモネードを売るために週末をつぶすのは本当に嫌だったので、レモネードミックスを買ったりカップを用意したりするのにどれほど費やさなければならないかを娘に説明しました。 努力もむなしく、娘の意思を曲げることはできませんでした。彼女はどうしてもそれをやりたかったようで、彼
ブログやWebサイトをスマートフォン向けに最適化してくれるWebサービス・Mippin Mobilizer - かちびと.net
なかなか便利だなと思ってご紹介。 自分のブログなどをスマフォ向けに 最適化したいけど時間が無かったり スキルがなかなか追いつけなかっ たり、という方も多いかと思います。 Mippin Mobilizerはその最適化を してくれるWebサービスです。 要はRSSを使ってこのWebサービス上でスマフォ向けレイアウトにしてくれる、というものですので、アドレスはMippin Mobilizerのドメインを使います。この点はmobifyと同じですね。 日本でもガラケー向けに最適化してくれるサービスがあります（名前忘れた）が、そのスマフォ版のようなもの。コーディングやマークアップも知識も不要で、マウスのみで作成可能です。 アドレスを入力する 最適化したいサイトのURLを入力します。矢印をクリックすると右側にプレビューが表示されますよ。RSSが発行されていればどんなサイトでもOKです。同時にレイアウトを
MdN Design｜総合情報サイト
クラウドサービスが話題を集めるいっぽうで、共用サーバ・専用サーバともに低価格化・セキュリティ強化などの多彩なニーズにあわせて展開されている既存のホスティングサービス。サーバアウトソーシングの選択肢が増えるなか、ユーザーはいまどのような選択をするべきなのかを考えてみよう。（取材・文＝片岡義明） Tweet
Google、Web上で世界中の美術館を訪問できるプロジェクト - MdN Design Interactive
Googleは、486名の芸術家による1000以上のアート作品がオンラインで楽しめる「Art Project」を公開した。 同プロジェクトは世界的に有名な17の美術館の協力を得て、作品の選定や撮影などを行ったもの。「ヴィーナスの誕生」（ボッティチェッリ）や、「夜警」（レンブラント）、「星月夜」「画家の寝室」（ゴッホ）、「雷神」（葛飾北斎）、「鶴図」（伊藤若冲）など著名なアート作品が高解像度で閲覧可能だ。各美術館から各1点ずつ、超高解像度で撮影された作品も用意されている。 ニューヨーク近代美術館 Google URL：http://www.googleartproject.com/ 2011/02/03
Twitter 人気のつぶやき 12/18～12/24 2010
2017年6月29日 Twitter 人気のつぶやき WebクリエイターボックスのTwitter: @webcreatorboxでは毎日Webに関する記事や美しいデザイン・写真などを紹介しています。その中で今週人気だったつぶやきトップ10を紹介します。見逃してしまった人はこちらでチェック！まだフォローしてない人はお気軽にフォローしてみてくださいね！ 1. ネタ：【観覧注意】激安・格安・爆安ホームページ制作屋さんのサイト。体に悪影響を及ぼしかねないすさまじいデザイン、配色。キャッチフレーズは「ホームページ作ってあげます」 この記事をRTする 2. アプリ：なぜ、Viberを使うべきではないのか この記事をRTする 3. ネタ：もしもソフトバンクがカレー屋をはじめたら。 on Twitpic この記事をRTする 4. うわこれ知らなかった。ありがたい／Togetter – 「アートとデザインの
MdN Design｜総合情報サイト
作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──ファイルの共有に使えるツール クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラ インサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービス の中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより 快適に作業するための82の活用術を紹介する。今回はファイルの共通に使えるツール を取り上げる。制作者やクライアント、そのほか制作にかかわるもの同士の間では、 さまざまなデータのやりとりが生じる。便利なオンラインストレージの使い方を知っ ておくと安心だ。 ■バックナンバー 第1回 デザインに使えるツール（1）はこちら 第2回 デザインに使えるツール（2）はこちら 第3回 デザインに使えるツール（3）はこちら 第4回 コーディングに使えるツール（
Commit Lab [Webデザイン] 企業サイトの横幅はどれくらい？2～人力検索はてな編～
今日もきょうとてハイクで大喜利遊びにふけろうかと思ったら、人力検索に気になる文字が 人力検索はてな:デザインの優れていると思う企業サイトを教えてください。これぞ企業サイト… がとても面白かったです。どれも参考になっていろいろと勉強させていただきました。 で、以前住宅メーカーのWebサイトのwidthを計ってみたんですが[Webデザイン] 企業サイトの横幅はどれくらい？～住宅メーカー編～住宅メーカーだけで調べたので、なんとなく結果が偏ってないか心配だったのです。 というわけで今回は人力検索はてな:デザインの優れていると思う企業サイトを教えてください。これぞ企業サイト…のみなさんがオススメする良いデザインのサイトの横幅を計ってみました。 ちなみに今回も前回と同じく、webサイトのサイズはフリーハンド(MeasureIt:Firefoxのアドオン)で測ったものであり、ソースを直接見たわけではあり
Webサイトの基本要素 見出し・リスト・引用文のスタイルを整える
2014年8月20日 CSS Webサイトを装飾していく時に無視できない要素、見出し・リスト・引用文。特にWordPressでオリジナルのテーマを作る時は、ブログ用にこれら基本の要素すべての装飾もすると思います。そんな時に使うコードのバリエーションをメモしていたので記事にしました。少し変えるだけで応用できると思うので、ぜひ使ってみてください！ ↑私が10年以上利用している会計ソフト！ 色、フォント、サイズなどを変えるだけで、どんなサイトでも使える見出し・リスト・引用文用のHTMLとCSSコードを紹介します。そのままコピペして使っちゃってください。少しはコーディングの手間が省ける…かもしれません。ちょいちょい使っている画像も保存して使ってもらってもOKです :) サンプル画面内の「HTML」「CSS」タブをクリックでコードが表示されます。IE6, 7, 8, FF, Chrome, Safa
[CSS]画像を使用しないでApple風のパンくずを作成するチュートリアル
階層を区切る三角のデザインが特徴的なApple風のパンくずを同一の色相でカラーリングしたものを実装するチュートリアルを紹介します。 三角の箇所は画像を使用しないで、CSSで実装されています。 Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンくずはリスト要素で実装します。 シンプルでクリーンに実装するために、各アイテムにはclassを使用しません。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">現在位置</a></
Firefoxで表示ページに、Photoshopのようなガイドを引いたり保存できるFirefoxのアドオン -foxGuide
Firefoxで表示してるページに、Photoshopのようなガイドを引いたり、そのページを閉じてもガイドを保存できるFirefoxのアドオンを紹介します。 下記はFirefoxで当サイトを表示し、foxGuideでガイドを引いたキャプチャです。 foxGuide [ad#ad-2] foxGuideのインストール foxGuideの対応バージョンはFirefox3.5+で、下記ページからインストールができます。 FoxGuide Add-ons for Firefox インストールが完了したら、ブラウザ枠の右下にfoxGuideのアイコンが表示されるので、クリックしてfoxGuideをオンにします。 [ad#ad-2] foxGuideの主な特徴 ガイドの保存と復元 表示ページでガイドを作成した後、ブラウザやタブを閉じてもガイドは保存されます。 作成したガイドを削除する際は、右クリックし
IllustratorでWebデザインをするときに気をつけるポイント | src.7438.com
今やっている仕事で、Illustratorで作成したカンプを私がコーディングすることになったのですが、いただいたデータがもの凄くきちんと作ってあって、大変参考になったので、設定項目だけメモしておきます。 Illustratorはもともと、印刷用データの作成が目的だったソフトなので、Web用の画像も、ちゃんと作れるのですが、設定を気をつけておかないと、いざ書き出してみると、線がにじんだり、大きさが意図したものにならなかったりします。 Photoshopだと、もともとベクターグラフィック用のソフトなので、そういうことは無いのですけどね。 気をつけている項目は以下の通り。 単位をpx（ピクセルに揃える） とにかくWebの世界の単位はピクセルです！ センチメートルとかは使えないです！ 印刷用データの仕事が同時にあったりすると、設定をその都度変えなくちゃいけないので、ちょっと面倒ですね。 1pxのガ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
携帯シミュレータ入門
MdN Design｜総合情報サイト
html-time.com - このウェブサイトは販売用です！ - html time リソースおよび情報
Good night, Posterous
http://gameland2.sakura.ne.jp/database/color/db.cgi
http://www.webdesignish.com/10-useful-ajax-tutorials-for-web-designers.html
http://commitlab.com/data
サン・マイクロシステムズ
mgzl.jp