あなたのブログの再訪問者を増やす50の方法
私の経験から感じた事を書き記します。 全てが全てその時々で、正しいとは限りませんが、一つの指針としてお使いください。 因みに全部リスト化すると230くらいありましたが、それはきっとセミナーとかでやるかなぁと。 １人の再訪問を増やす意味 あなたのサイトの新規訪問者を30000上げる方法なんていうのもあるわけですが、それよりも遥かに重要な事があります。 それは、たった一人の再訪問者を増やす方法です。 何故か？ 手っ取り早く30000人に来てもらう事が重要に見えますか？ そうではありません。 すこし、昔の話しになりますが、私がブログを始めた当時ではツイッターと言うものがありませんでした。 私の一ヶ月目のアクセス数は平均すると2～10セッションくらいです。 そして3ヶ月目も10～100程度。 4ヶ月目にはいり、ようやく1000～2000という具合です。 これは大手の個人ニュースサイトがリンクをくれ
あなたの生活を確実に拘束し時間を浪費させる動画50本
今回は生産性を向上させる事ばかり考えて記事を書いてきたので、逆に年末にかけて忙しい皆さんの時間を出来るだけ拘束し、忙しさを倍増させるものが無いかを考えました。その結果、動画で行こうと言う事になったのが１ヶ月以上前。 動画閲覧本数はおそらく600本以上。その中から、おもしろそうなものを50個ベストチョイスいたしました。 是非、年末、年始にかけて、空いた時間にお楽しみいただければと思います。 この動画記事のただしい歩み方 動画のまとめとかあんまりしないので、どのようにまとめるのがいいのかがわからず、今回はユーザーに、その『動画の見方』を丸投げしようと考えました。 １）そのまま動画再生を叩く これで横幅450pxですが、即座に動画をお楽しみいただけます。 ２）Youtubeロゴマーク叩く これでYoutube本体のページに行きますので、表示大にすれば横幅860pxで動画をお楽しみいただけます。
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
ウェブ制作者のためのベストエントリ33【2010年7月版】
というわけで、しばらくまとめていなかったまとめ記事を再開し、私は元気ですとアピールしたい。 7月にあつめたブックマークのまとめです。 7月度必須ブクマベスト HTML5 Canvas Cheat Sheet 悩んだけど一応ベストへ。 HTML5 Canvas tagのチートシート。日常的に使うものでもないし、開発者向けになってしまうけど念のため。 OSを選ばないウェブデザイナーのための使えるウェブアプリ15*ホームページを作る人のネタ帳 7月に書いたけどついこの間のようだと思ったら、あんまり記事かいてないからそう思うんだきっと。 ついでにこちらも7月でした。 今日から現場で使えるjQueryのフォーム関連プラグイン15選 iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた スマホアプリ開発者ならブクマしておきたい一品です。 Googl
今日から現場で使えるjQueryのフォーム関連プラグイン15選
Webサイト制作で欠かせないのがフォーム。 これらは購入時や、お問い合わせ、ログインと言ったパーツで良く使われます。 今回はそんなフォームにスポットを当てて、なるべく使いやすく、導入しやすいものをご紹介いたします。 ただし、あくまでもjQueryプラグインのご紹介なので、よくわからないと言う方は華麗にスルーしてください。細かい導入方法までは説明しません。 機能性重視プラグイン In-Field Labels jQuery Plugin フォームの中に入っている文字がオンクリックでうっすらと消えていくプラグイン。 なかなかいい感じ。 Create a Progress Bar With Javascript | Nettuts+ demo シームレスにフォームの内容を変え、さらにどれくらい進んでいるかが％で確認できる。 overset - jVal - jQuery Form Field V
OSを選ばないウェブデザイナーのための使えるウェブアプリ15
OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、Mac、Windowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。
私が厳選して愛用するGoogleChromeExtension12個＋消した奴36個*ホームページを作る人のネタ帳
この2年でノートPC2台購入。自他のPCはクラッシュしてリカバリー。会社のPCは新しいのがあたり、再セットアップ。 そんなこんなで、会社はまぁともかくとして、とりあえず全PCが比較的3ヶ月に一度リカバリーしてもいいように、自分用にメモとして残しておきます。 色々試した結果残ったExtension そもそも。 「これだけは入れておきたいGoogleChromeExtension50」とか、「はずせないお勧めExtension75」とか、お前らは本当にそれだけ全部入れてやっているのかと問いただしたい。 とりあえず60近く入れると、ボタンが隠れて恐ろしく使いにくくなる上、起動してもすぐクラッシュするようになった。なにより、いちいち起動のたびにわけのわからないローディングが走ったり、カクカクする。 皆さんもひとまず入れすぎには注意しよう。 あと、例えば愛用しているdeliciousのExtensi
最近話題だからという理由でツイッター始めた人の為のツイッター講座*ホームページを作る人のネタ帳
今一度ツイッターの仕組みをおさらいし、快適なツイッターライフをエンジョイできるお手伝いをいたします。 ツイッターの事を知らないのにツイッターを題材にしたドラマを書いた人のせいで、ツイッターを始めた人も増えているようですが、そんな人が最初にぶちあたる「なにこれいみわかんないキャハハ」を解決します。 ちなみに世界中で使われているこのサービスは、１秒間に2000ものつぶやきが発生しているほど、大人気なサービスです。 始まり方は、牧場に捨てられる感じ 個人的なイメージですが。そんな感じ。 何も無いところに、あまりサポートもないところにポツーンと捨てられます。 Twitter の登録はこちら 始めたばかりの状態というのはフォロー０、フォロワー０の状態でスタートします。 このフォローとフォロワーは今後どんどん出てくる言葉なので今すぐ覚えてください。 フォロー あなたが、誰かのつぶやきをみます、という契
これだけは押さえておきたいライフハック情報2010年2月まとめ
さて、4月になりました。 2年前には毎月実施いていたWeb製作者のための○○年○月度まとめ、的なシリーズを意識して書いていたのですが、入院やら仕事やらに押されて結局断念。 いつか始めないとなぁと思ってはいるのですがなかなか・・・。 というわけでもうどこから開始すれば良いのかわからなくなり、適当に2ヶ月前の情報を。 でも自分のブクマ見てたらWeb製作者向けとかではなく、単にライフハック記事が豊富に出てきたので、今回はそんな2月のライフハックエントリーをまとめてみました。 見逃したものがあればチェックしてみるといいですよ！ お役立ち情報 瞬時にブクマもReblogもできるChrome拡張機能「Taberareloo」がとってもイイ 「とってもいい」と言うもんじゃない。すごく良い。各種ソーシャルサービスを使っているchromeユーザーは絶対インストールしておくべき一品。 Firefoxを簡単に軽
光を表現するPhotoshopのブラシ416個*ホームページを作る人のネタ帳
Photoshop光のブラシ web制作を進める上で、光を直接使うのではなく、なにかの背景に潜らせたり、メニューなどの後ろにうっすらと構えているラインとしてよく使われるのが、光のラインシリーズだ。 こうしたブラシは非常に人気が高く、私も良くブクマしているのですが、いかんせん、画像が無いとなんとも情報として使えない。 そこで今回はリンクとイメージを直結してただの羅列エントリとして仕上る事にしました。 あとブラシの設定方法がわからないという人がいたら記事の下のほうを参考にしてみてください。 １(+11) ２(+7) ３(+10) ４(+12) ５(+3) ６(+8) ７(+12) ８(+4) ９(+7) １０(+20) １１(+4) １２(+24) １３(+22) １４(+8) １５(+8) １６(+9) １７(+18) １８(+6) １９(+6) ２０(+8) ２１(+6) ２２(+8) ２
webサイトの裏側の意識を変える事で売り上げをアップする方法
ネットショップ運営者が、あることをちょっとだけ始めてみただけでわずか5ヶ月で売り上げが3倍になりました。 はたして、webサイト運営がどのように変わったのでしょうか。 ネットショップを運営している新規クライアントから、サイトリニューアルの依頼がありました。初めてのご依頼だったので、まずはヒアリングから開始。今回のリニューアルは、サイトであまり物が売れず、□□（私が作ったサイト）のように売れるようにして欲しいとの事でした。 しかし話をよく聞くと、当初サイトを作ったときは、ただ作っただけで、特に運営方法についてはアドバイスが無かったとのこと。私はリニューアル前に1つだけある事をするようにお願いしました。その方法とは、実はサイトをいじる事ではありません。結果、売り上げが5ヶ月で3倍になりました。 実は最近、webサイトを制作する側も、データに依存しすぎて、大事な事を忘れているケースが多かったりす
webサイトのリピーターを増やすさりげない５つのコツ
多くのビジネスサイトのアクセス数を支えている大手検索サイト、Yahoo、Googleのアルゴリズムが変わる事で、突然商売がひっくり返る事態を回避する方法。 Yahooサーチエンジンのアルゴリズムなんかによく泣かされた事があったけど、webサイトっていうのは結構リピーターを作りやすく施工しておく事で、あまりそういった影響をもろに受けずにすみます。 webサイトと、エンドユーザーとの道。 ユーザーパイプライン。 これを整備しておくと、サーチエンジンの気ままなアルゴリズムの変動がきても、涙目になる事もないのです。 パイプラインを作る意味 ビジネスサイトにおいて、いったい何が重要なポイントになるかというと、多くの場合、そのほとんどがリピート率と検索エンジンからの訪問者数となります。 リピート率が高いサイトは比較的物が売れやすく、また、検索エンジンからの訪問者数が多いと売るためのチャンスがほかのサイ
完全無料40のベクター画像コレクションパック
40素材パックを見逃すな！ 以下。 40 Absolutely Free Vector Pack Collections 一つ一つが濃厚でクオリティの高いベクター画像集ページにつながっている。 たとえばそれは 人の姿をしたシルエットであったり。 様々な要所で使えるオブジェであったり。 きらびやかな装飾であったり。 iPodであったり。 綺麗なタグであったり。 様々なものが収録されていますので、興味を沸くものや、今後使えそうなもの、また、探していたものが見つかるかもしれません。一度はすべて目を通しておくのも良いかもしれませんね。 それでは、また。
webデザイナーのためのjQueryベストプラグイン＆チュートリアル10個
かなり人気のあるjQueryですが、そんなjQueryの私個人が選ぶ素敵なプラグインとチュートリアル10選。 とりあえず定番的なものをどうぞ。 ちなみにjQueryを自作できるレベルまで手軽になりたい人は以下記事参照。 web制作の現場で使うjQueryデザイン入門が激しくお勧めな件 タグクラウドの細分化 jquery Hover Sub Tag Cloud - Noupe サンプルデモ これかなり好き。 タグクラウドをさらに細分化させて表示させてます。 こういう発想は今までなかったので最初見たときちょっと感動しましたね。 ローディングページ How to Load In and Animate Content with jQuery | Nettuts+ サンプルデモのメニュー部分をクリックしてみてください。 右上にローディングのマークが若干出て、さらにアコーディオン風に内容が変わります
ウェブデザイナーらしく周りの子がうらやむクールなデスクトップ画像を手に入れよう
うっとりくるような壁紙の嵐エントリがありました。 また、ついでなので過去に発掘してあった壁紙まとめエントリーもまとめました。 是非暇なときにでもどうぞ。 いろんな壁紙 以下エントリーには５０もの壁紙が紹介されていました。 50 Gorgeous Wallpapers to Spice Up Your Desktop - Noupe さらにその中でも、私個人がたまらんなぁと感じた３つをピックアップ。 ここからが本番というかおまけ 風景の中に女の子が一人だけいる画像下さい ぶる速-VIP イラスト中心全40個。 神々しい画像ください - がぞ～速報 なんかぐっとくる風景一覧。29作品＋おまけが1。 【66枚】神秘的な壁紙画像ください カナ速 どれもこれもかなりお勧めの壁紙だらけ。 壁紙に使える素敵な画像ください＞＜ - がぞ～速報 上のやつとじゃっかんかぶるものがありますが、結構インパクトのあ
今更ながら25GオンラインストレージSkyDriveをローカルフォルダ化してみた*ホームページを作る人のネタ帳
比較的大きなファイルのやり取りが多くなるのが、フォトショップやイラストレータ等で出来上がったPSDファイルやaiファイル等の受け渡しです。 こういうのを楽に受け渡しできるのがオンラインストレージです。 メール等では巨大すぎて、送信できなかったり、受信できなかったりということがあるからですね。 そこで今回は、大容量の25GBのオンラインストレージを無償で提供してくれるマイクロソフトのサービスと、ウェブブラウザを立ち上げなくても、まるで普通のフォルダにファイルを出し入れするような感覚で操作出来るようになる「SkyDrive Explorer」を導入してみた。 これは2009年窓の杜大賞で、銅賞を受賞したフリーソフトですね。 何がどうなる？ 自宅、会社間のデータのやり取りが楽。爆発的な人気サービス、dropBoxと比較するとHTTPSプロトコルによる暗号化通信が可能な為、完全ではないがデータのや
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
45の光を表現するphotoshopブラシ集[記事紹介]
高速でブックマークして、時間がないからそのままスルーしようとしたんだけど、余りにもクオリティが高いまとめだったのでさらっとご紹介。 光のブラシセットのダウンロード かなり各種photoshopブラシがそろっております。 中でもネタ帳がお勧めする7点をピックアップしてご紹介いたします。 円ライン 光と円のブラシ。 光のコア 中心に集まるような光とライン。 輝く光の粒と欠片 数本のラインを取り巻く光の欠片。 光の胞子 雪と言われたら雪にも見えなく無い。 光が舞うイメージであったり、遠方の町の光などに利用されたりする。 宝石の光 宝石の光に使われそうな光の反射。 光の中心から伸びる光のライン 中心からラインが力強く伸び、優しい光で包んである。 光の炎 まるで炎のような強い光色を乗せる事が出来る。 その他、たくさんありますので、興味のある人は是非とも抑えておくといいかもしれないですね。 45+ B
![45の光を表現するphotoshopブラシ集[記事紹介]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d9f677e05121b5693fe73bf7249473457a1f8bb/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-26.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200905300000.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クリエイターに聞く「顧客と会わないウェブ制作には、何が求められるのか？」