web製作者向けチートシートまとめ - CHROMA
List Adobe関連 Illustrator Photoshop Fireworks Indesign Acrobat HTML,CSS HTML 文字実体参照 CSS HTML5+CSS3サポートブラウザ Canvas Haml,Sass Haml Sass Vim,Zencoding Vim Zencoding javascript/jQuery javascript jQuery UNIX 正規表現 検証ツール Firebug Chrome Developer Tool ブラウザ関連 Chrome Safari Firefox IE Mac 参考 アプリ・ツール Adobe関連(CS5-CS6) CS5と6のチートシート上げてるけど、adobe製品なら簡単にエクスポートできると思う。例えばfireworksなら、メニューバーから[Fireworks>ショートカット>現在のセット：
フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-
最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
田口元の「ひとりで作るネットサービス」探訪 - ITmedia Biz.ID
ひとりで作るネットサービス【最終回】： Webサービス発ラジコン経由――iPhoneアプリ「TwitCasting」にたどり着いた赤松さん モイ！ という合図が特徴的なiPhoneアプリ「TwitCasting」の開発者である赤松さん。元々は「あとで読む」や「フレッシュミーティング」の作者でもある。紆余曲折を経てたどり着いたiPhoneアプリの開発に迫る。（05/14） ひとりで作るネットサービス： データ蓄積＝コミュニケーション!? 「テレビジン」で視聴率じゃない指標を――福田さん 元々部活動のWebサイトを作るような高校生だった福田さん。今では2ちゃんねるの書き込みから「笑い」を可視化する「テレビジン」をオープンした。「従来までの視聴率に代わる新しい指標が導き出せないか、いろいろ考えています」という福田さんに話を聞いた。（03/12） ひとりで作るネットサービス： ただしイケメンに限…
今年はWebサービスを作りたいと思っている人にお勧めのエントリーまとめ | ロプログ
明けましておめでとうございます！ 近年、個人でWebサービスを開発するのが流行っていますね。「今年こそは俺もWebサービスを作ってモテモテになるぜ！」と思っている人も多いのではないでしょうか。 そんな人のために、Webサービスを開発・運営するにあたっての心構えやノウハウ、体験談などの書かれたエントリーを集めてみました。 ▼誠 Biz.ID：田口元の「ひとりで作るネットサービス」探訪 個人でWebサービスを開発している人たちのインタビュー集。ヒットしたサービスを手がけた個人開発者達のバックグランドや考え方を垣間見ることができ、モチベーションアップにもなります。恥ずかしながら、私のインタビューも載っています。 ▼Web2.0ナビ: 個人サービスを作るコツ 個人がWebサービスを作るための、実践的な8つのコツが書かれています。 ▼個人でネットサービスを運営するための5つのコツ（momose版）:
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選
Webサービス使えるツール10選 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Fire
はてなブログ | 無料ブログを作成しよう
うめぇヨーグルトソースでもいかがですか。個人差にもよりますが。もしよろしければ。 お久しぶりです。 最近うんめぇ〜と思ってるヨーグルトソースがあるので、書いていこうと思います。 ヨーグルトとハーブ類をもりもり使うので、そういうのが食べられない方にはうんめぇソースではないです。ごめんなさい…。もしよろしければお茶だけも…旦~ 【用意する…
キャズムを超えろ！ - 団塊～シニア層向けのWeb設計 やっちゃいけない10のＵＩ
一時期パソコン教室の講師をやっていたことによる経験と、昨今Webサービス運用にあたって中高年層からのクレームなどを自分なりにまとめた結果として、50代以上のユーザに対するWebサービス＆PCアプリケーションのUI設計における以下10のTIPSを公開してみたいと思う。...といってもたかだか10個で収まる簡単な話ではないので、思いついたら都度追加して行きたい。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 IDやニックネームが思いつかない方が多い。これはシニアに限らず、ITリテラシーがそれほど高くない若年層についても言えること。作る側の人間も「過去にWebで使ったID,Nicknameは全て使っちゃダメ。何か新しいのを考えて入れてみて。」と言われると結構悩んじゃうもの。それと同じ状態に陥ると思っていただけるとわかりやすい。「IDのかわりに電話番号でもいいですよ」というと結
ロールオーバーを簡単に実装する-Image Rollover Code-
ロールオーバーを簡単に実装する-Image Rollover Code- Image Rollover Codeはロールーオーバーを簡単に実装する為のjsライブラリです。 設置方法 配布元のDaniel Nolanのサイトよりrollover.jsを取得し、head要素内などで読み込みます。 <script src="rollover.js" type="text/javascript"></script> ロールオーバーを実装したいimg要素のclass名に『imgover』を指定します。 <img src="sample.jpg" alt="Some Image" class="imgover" /> すでに、他のclass名がつけられている場合は、半角スペース区切りで指定することにより複数のclass名を指定する事が可能です。 <img src="sample.jpg" alt="S
SEO屋で“キーワード○○で1位”しか言えないのは二流だよね | 初代編集長ブログ―安田英久
今日は、SEOの話題を。「ロングテール」という言葉が一般的になって久しいですが、あいかわらずSEO業界では「1位表示させる」とか「○○というキーワードで1位の実績」とかいう話が多いですね。SEOってそれだけじゃないよね、という話です。 SEOの目的は1位になること？ じゃないみなさん、SEOというと、何を目的に行うものだと考えますか？ 検索結果で1位をとるサイトのテーマに合った特定キーワードで上位をとる検索される回数の多いキーワードで上位をとるユーザーが興味をもって検索するキーワードで上位をとる潜在顧客がコンバージョンに至る際によく使うキーワードで上位をとる検索エンジンから多くのユーザーを集めるサイトの目的に合うユーザーを検索エンジンから多く誘導する上記に挙げた例は、上のほうから順に、初心者が考えがちなSEOの目的で、下にいけば行くほど、私が適切だと考えるSEOの目的になっています。 We
アドセンスで１ヶ月２万円稼ぐための１３のルール | ウェブ力学
少し前に、SEO Japanさんのアドセンス記事が注目を集めました。 アドセンスで1日2万円稼ぐための6つのレッスン 内容は興味深く否定するつもりはありませんが、日本国内においてアドセンスのみで１日２万円というとあまり現実味を感じない人が多いのではないでしょうか？企業で運営しているサイトならともかく個人単位では（特に副業感覚では）難しいレベルではないかと思います。 という訳で今回は、「１ヶ月２万円稼ぐためのルール」と題して、日頃私がアドセンスを運用する場合に注意している点をまとめてみました。かなり基本的なものも含まれていますが、少しでもお役に立てれば幸いです。 １．目標設定をする どんな場合においてもそうですが、目標設定は大切です。アドセンスの場合も例外ではありません。アドセンスの場合はeCPMを利用すると目標が立てやすくなります。サイトのテーマ（ジャンル）によってeCPMはある程度一定に
プラグインを使用しないでWordPressをより便利する10のチップス
WordPressにほんの数行記述するだけで、多くの便利な機能を付け加えるチップスをMegaMagから紹介します。 10 wordpress hacks & tricks that I like 1.コメントがついた記事をサムネイル付きで表示 サイドバーやフッタなどどこにでも、たくさんコメントがついた記事をサムネイル付きで表示します。 「http://an-alternative-image.jpg」はサムネイル画像が無い場合のデフォルトの画像を指定してください。 <textarea name="code" class="html" cols="60" rows="5"> <?php $popular = new WP_Query('orderby=comment_count&posts_per_page=5'); ?> <?php while ($popular->have_po
webサイトのリピーターを増やすさりげない５つのコツ
多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。 Yahooサーチエンジンのアルゴリズムなんかによく泣かされた事があったけど、webサイトっていうのは結構リピーターを作りやすく施工しておく事で、あまりそういった影響をもろに受けずにすみます。 webサイトと、エンドユーザーとの道。 ユーザーパイプライン。 これを整備しておくと、サーチエンジンの気ままなアルゴリズムの変動がきても、涙目になる事もないのです。 パイプラインを作る意味 ビジネスサイトにおいて、いったい何が重要なポイントになるかというと、多くの場合、そのほとんどがリピート率と検索エンジンからの訪問者数となります。 リピート率が高いサイトは比較的物が売れやすく、また、検索エンジンからの訪問者数が多いと売るためのチャンスがほかのサイ
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
Twitterで何もしなくてもフォロワーが増える！究極の裏技！ - 方向
フォロワーが増えるとうれしいよね！ でも意識して増やせるものじゃない。たくさん人をフォローすれば自然と増えるけどそれにも限界がある。 しか〜し、何もしなくてもフォロワーが増えていくすごい裏技があるんだ！ 自分はこれで 3日でフォロワー数が340→1088 になったよ！ ちょっと前にこんな風に考えたんだ。 たくさんの人をフォローする しばらく待つ（この間に一部の人はフォローを返してくれる） フォローを返してくれなかった人をフォロー解除 これを繰り返していけばフォロワー増えるよね！ でもいちいちこんな作業するのめんどくさい。だから↑を自動的にやってくれるプログラムつくったよ！ 使い方はとっても簡単！ Windowsの人 1.Rumixをインストール（すでにパソコンにRubyがある場合は不要。Rubyって何？ってひとは入れてね） 2.コマンドプロンプト（スタート→すべてのプログラム→アクセサリに
ToneMatrix - aM laboratory
Good bye Flash! Thanks for 10 years of tinkering, fiddling, bothering and lots of fun. For sentimental purpose you can watch some of my old Flash experiments here.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML+CSS templating
WordPress Themes – Buzzmaking
IDEA * IDEA
jQueryでの開閉式のアコーディオンの動きいろいろ | CSS Lecture