わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた
リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で、簡単に公開できる、世界初のWebサービス！ ブログ感覚で、ユーザー自身のスマホサイト（スマートフォン向けサイト）を簡単に公開が可能。 TwitterやBlogなどのソーシャルメディアとも連携可能なので、あなたの最新情報をすべて集約できるなど、使い方はあなたのアイディア次第です! 早速ユーザー登録してみよう smart4me ユーザー登録はちゃちゃっと終わります。 登録したメールアドレス宛にメール
[JS]これFlashじゃないの？ってなるナビゲーションを実装するjQueryのチュートリアル
軽快なアニメーションが心地よいナビゲーションを実装するjQueryのチュートリアルを紹介します。 タイトルにある通り、Flashは使わないで実装されてます。 Animated Content Menu with jQuery デモページ [ad#ad-2] まずは、デモページを堪能ください。 ナビゲーションの各ラベルをクリックすると、それに対応したパネルがアニメーションを伴って開くようになっています。 デモページ 実装 HTMLの構造は、背景画像、グリッドのオーバーレイ、ローディングのアイコン、メインメニューの4つから構成されています。 HTML：背景 背景は、背景画像とオーバーレイとローディングをdiv要素で内包します。 <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
ユーザーの視線を誘導する３つのユーザビリティ改善方法
webサイトにおけるユーザーの視線は、なかなか見る事が出来ない代物ではあります。 実際に企業や、あなたが作成したwebサービスが、ユーザーに訴えたい事を、ユーザーにきちんと届ける為に、どのような方法があるのかを考えて見ましょう。 １）全ての情報を遮断する 手っ取り早い方法としては、あらゆる情報を遮断する方法があります。 つまりその言いたい事意外の情報をあえて隠蔽するわけです。 実にシンプルな方法です。 ただし、シンプルであるがゆえに非常に難易度が高いです。 なぜなら、配置するテキスト選びは慎重にしなければなりませんし、訴えたい事が多い場合、何をまず訴えるべきかをしっかりと考えて、ユーザーが迷う事なく、そして的確な操作が出来るように誘導して上げる必要があるからです。 １）サービスに対して興味を少しだけ持ってもらう情報を書く ２）サービス開始はちょっと・・・という人のためにクリックしやすいリン
2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ - かちびと.net
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン 読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考える ウェブデザインでこれは気をつけたいの35のポイント デザインQRコードの作り方 非デザイナーのための
人物写真や顔写真を自動できれいにしてくれるフリーソフト「Glamour」
人物写真や顔写真など、好きなポートレイトを選んでから数回クリックするだけで自動的にヒストグラムが調節されて、ポートレイトをより一層魅力的にすることができるフリーソフトが「Glamour」です。 また、スライダーを動かすことで「エフェクトの増減」「彩度」「ソフトフォーカス」の三種類を細かく調節し、その変化する様子をビフォーアフターとしてオリジナル画像と比較できます。そうして出来上がった画像はクリップボードへコピーしたり、さまざまな画像フォーマットでの保存が可能です。なお、このソフトはすべてのWindowsに対応しています。 具体例、ダウンロード、実際の使い方などの詳細は以下から。まずは実際にこのソフトで加工した例を紹介します。すべて左がオリジナル、右が「Glamour」で加工したものです。 それではダウンロードを始めましょう。 IDimager - Power up your photo m
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;
2ちゃんねるのdat落ちしたスレをワンクリックで復活させる拡張機能「2chRevival」*二十歳街道まっしぐら（FC2ブログ時代）
「2chRevival」は2ちゃんねるのdat落ちしたスレ（全部見られなくなったスレ）を復活させるChrome拡張機能です。 他にもdat落ち復活拡張機能はあるのですが、「2chRevival」はワンクリックで復活させられるので便利です。 原理としては、2ch DAT落ちスレ ミラー変換機 ver.４を利用しています。 自動的に復活させることもできますし、ミラーサイトを自分で選択することも可能。 以下に使ってみた様子を載せておきます。 まず「2chRevival」をインストールしましょう。 そして、dat落ちしたスレを開いてみます。 dat落ちしているので、通常は、最初のレスしか見られません。 「2chRevival」をいれていると、上部に「DATファイルを復活させる」というリンクがあります。 「DATファイルを復活させる」をクリックするだけでOK。 このとおり、最後のレスまで全部見られま
竹取 JS
画面をダブルクリックで縦書きと横書きを切り替えることができます。要素を指定して縦書きにしている場合は、次回アクセス時に同じ表示が引き継がれます。 どんなサイトでも縦書きにするブックマークレット。 ↓右クリックで「お気に入り」に保存するか、リンクをドラッグしてブックマークバーにドロップします。 「縦書きにする・iPhone 用リンク」 「縦書き可能にする・iPhone 用リンク」 「段組み縦書き可能にする・iPhone 用リンク」 iPhone に登録するには？ とりあえずこのページを共有ボタンからブックマーク。 iPhone 用リンク を長押ししてコピー。 ブックマークを開いて、追加したブックマークを「編集」。 名前を「縦書き可能にする」などに変更し、URL 欄に上記コードをペースト。 最初の「http://」を削除。 注意！ やや動作が重いです！ うまく変換できなかったときは、画面をダブ
Twitter上のアニメの評価を見える化する「比較チャート」
NECビッグローブは6月30日、アニメ総合ポータルサイト「アニメワン」で、Twitter上のアニメ作品の評価を分析してチャートにして表示する「比較チャート」を公開した。 7月に開始するテレビアニメ作品を、ツイート数の多さ（注目度）とツイートの内容（評価）という2軸でマッピングする。マップ内の評価に基づいた位置にアニメのタイトルが表示され、タイトルをクリックするとアニメの詳細情報ページに遷移する。同社が提供するTwitterデータ分析サービスを利用した。 各アニメの詳細情報ページに、そのアニメに関連したツイートを表示する「Twitter評判分析」機能も搭載。ツイートの内容をポジティブとネガティブに分類して表示するほか、直近24時間以内に投稿されたツイートを分析し、ポジティブな話題とネガティブな話題の割合を円グラフで表示する。「個々のアニメ作品に関するリアルタイムな評判情報が分かるようになる」
jQueryで実装するクールなスライダー – creamu
jQueryでかっこいいスライダーを実装したい。 そんなときにおすすめなのが、『bxSlider』。jQueryで実装するクールなスライダーです。 ↑は、「prev」、「next」をクリックすると、シュッシュッとスライドしてコンテンツが切り替わるタイプ。他に以下の3つのスライダーがあって、合計4つの動きが実装できます。 ・テキストが自動で右から左にスライドするタイプ ・画像が位置を変えずに、自動でフェードイン&アウトして切り替わるタイプ ・テキストが同じ速度右から左に動くタイプ かっこいいのでぜひ見てみてください。 bxSlider やばい作業を再開しなくては。
後でつなぎ合わせる必要なし！ Webページのスクリーンショットが一発で撮れる「Capture Full Page」 | ライフハッカー・ジャパン
Webページのスクリーンショットを撮る時に、長〜〜〜〜いWebページを何回かに分けて撮って、後で手動で繋ぎ合わせるのは、本当に面倒ですよね。そんな時にオススメのWebアプリが「Capture Full Page」です。 Capture Full Pageなら、Webページのフルサイズのスクリーンショットを撮ることができます。もちろん、後で繋ぎ合わせるような作業は、一切必要ありません。 Capture Full Pageにアクセスしたら、スクリーンショットを撮りたいページのURLを入力し、「Take Screenshot」ボタンをクリックするだけでOKです。スクリーンショット画像のサイズや、ファイル形式を選択することもできます。Capture Full Pageで試しに撮ってみた、米ライフハッカーのトップページはコチラです。 Capture Full Pageは、登録なしで使える、無料のWe
創業2年で売上300億円超，利益40億円超。驚異のフラッシュマーケティング・サイト，"Groupon" 成功の秘密を探る：In the looop：オルタナティブ・ブログ
創業2年で売上300億円超，利益40億円超。驚異のフラッシュマーケティング・サイト，"Groupon" 成功の秘密を探る Grouponという共同購入クーポンサイトをご存知だろうか？ サービス開始は2008年11月。まだ2年にも満たないこの若いベンチャーが信じられないパフォーマンスを上げている。（元記事はTehcCrunch： 共同購入でぼろ儲けGrouponの巨大資金調達の詳細） 【 サイトURL： http://www.groupon.com/ 】 その驚きの数字を上げてみよう。Grouponはすでに黒字化し，2010年度の推定売上は3.5億ドル（315億円），月間推定利益は400万ドル（3.6億円）を超えているとTechCrunchは報じている。単純計算すると年間利益は5千万ドル（45億円）だ。創業1.5年のネットベンチャーとしては前例のないハイパフォーマンスと言ってよいだろう。 C
アドセンスで１ヶ月２万円稼ぐための１３のルール | ウェブ力学
少し前に、SEO Japanさんのアドセンス記事が注目を集めました。 アドセンスで1日2万円稼ぐための6つのレッスン 内容は興味深く否定するつもりはありませんが、日本国内においてアドセンスのみで１日２万円というとあまり現実味を感じない人が多いのではないでしょうか？企業で運営しているサイトならともかく個人単位では（特に副業感覚では）難しいレベルではないかと思います。 という訳で今回は、「１ヶ月２万円稼ぐためのルール」と題して、日頃私がアドセンスを運用する場合に注意している点をまとめてみました。かなり基本的なものも含まれていますが、少しでもお役に立てれば幸いです。 １．目標設定をする どんな場合においてもそうですが、目標設定は大切です。アドセンスの場合も例外ではありません。アドセンスの場合はeCPMを利用すると目標が立てやすくなります。サイトのテーマ（ジャンル）によってeCPMはある程度一定に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
高品質のウェブデザイン用無料素材がダウンロードでき、共有できるサイト -Freebie Pixels
Firefox最強すぎワロタｗｗｗｗｗｗｗ : はれぞう
YouTube、YourFileHost、MegaVideo、Youkuなど様々な動画共有サイトからムービーをダウンロードできる「ClipNabber」