タグ

ブックマーク / e0166.blog.fc2.com (10)

  • 話題のサークルデザイン|展開可能なソーシャルボタンをjQueryで実装できる「ClassySocial」

    スマートフォン用に作られたアプリのうち、今年はサークルが広まっています。 同時にフラットデザインなんかと併用して使われることがあり、今回はこうしたサークルデザインのアクセントとして使うことが出来るサークルボタンをご紹介致します。 これはjQueryを利用して、比較的簡単に設置出来るのが利点です。 以下からダウンロード可能。 ClassySocial | Class.PM とりあえずイメージとしては以下の様な。 中心から周りに展開。 ボタンから右へ展開。 今回の紹介されているものは、ソーシャルボタンですが、使い道はいろいろですね。 設置 jQueryお決まりのコレ。<head></head>内に記述。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 続いて、CSS

    話題のサークルデザイン|展開可能なソーシャルボタンをjQueryで実装できる「ClassySocial」
  • Twitterのようなログインフォームを設置出来るjQueryプラグイン

    Simple and Effective jQuery Dropdown Login Formは、軽量でお手軽にログインフォームを設置出来るプラグインです。 ちょっとしたサイトのアクセント、Twitterみたいなログインフォームを設置したーいという人が何人かいたので共有。 クリックから展開 イメージ的には以下の様な。 中々美しいでしょ? 設置方法 はじめにjQueryをGoogle先生から呼び出し、CSSlogin.jsを読み込みます。 <link rel="stylesheet" href="css/style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script> <script src="js/login.js"></scrip

    Twitterのようなログインフォームを設置出来るjQueryプラグイン
  • ヘビーソーシャルネットワーカーの嫁が知るべき24の事

    なんか以下の記事が面白そうだから続いていこうかと。 Webデザイナーの嫁が知るべき71のこと でも30とか超えると多すぎて読まないのでめっちゃ少なくしました。 ヘビーソーシャルネットワーカーの嫁が知るべき24のこと 1)自宅で静かにiPhoneをいじっているとても静かな旦那は、常に世間の迷惑など考えずに叫び続けている 2)ツイッターとFacebookで別人のケースがあるが、リアルでも別人の夫を見て、そのギャップを楽しむ余裕が必要 3)写真を夫が撮ったら、その瞬間Twitterで写真が公開されていますので、緊張感を持って行動しよう 4)夫はGPSで現在地を公開しながら生活している 5)家で全くしゃべらず、ネットでめちゃくちゃしゃべっている時は、当はすごく寂しい時なのでやさしく声をかけて上げましょう 6)夫は仕事に出かけたはずなのに、めちゃくちゃTwitterでしゃべってても、仕事は何故か普

    ヘビーソーシャルネットワーカーの嫁が知るべき24の事
  • Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳

    Yamadaです。 かれこれWeb屋暦が14年くらいになるんですが、こうしてWebに携わっていると、3ヶ月周期で情報の入れ替えをしていかないと、正直追いつかないと感じます。そんな激流のようなWeb業界にこれから飛び込もうと言う新卒の方や、中途の方に送るバイブルとなればと思います。 というわけで改めて春ですし、これからホームページ(Webサイト)を作成してWeb屋さんになる方へ送るお勧めサイト集です。 後編はこちら Web制作を始める人の為のスキル・ワイヤーフレーム・SEO・マーケティング・Webサービスの基礎情報 忘れないで欲しい事 Web制作には、様々なスキルが求められます。 しかしその技術が、いつの間にか消えていったり、使えなくなったりしました。新しいデザイン、新しいコード、新しい言語、新しい環境、様々なものがあります。しかし、それらを追い続けていくうちに、一つ、とても大事な事を忘れて

    Web制作をこれから始める人の為のスキル・HTML・CSS・ブラウザ・写真素材入手の基礎情報*ホームページを作る人のネタ帳
  • Web屋さんのためのベストエントリまとめ2011年2月度版

    今月のWebマガジン目次 超必読記事WebデザインWordPress関連記事CSS/JavaScript無料アイコンWebサービス業界記事 必読記事 結局どうすればいいの? - Dive Into HTML5 HTML5を学ぶ最適な資料。内容も面白いです。 PayPal 基礎知識ゼロから始める、個人利用・事業利用の使い方大辞典 日でなじみないPayPalだが、そろそろきてもおかしく無いながれ。ブクマをすすめます。 目次にもどる Webデザイン 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス スマートフォンサイトのデザイン集です。デザインのインスピレーションに。 絶対見ておきたい有名企業のスマホサイトまとめ 有名企業サイトのスマートフォン用デザインのまとめ記事。 25 Examples of Wireframes and Mockups Sketches 手書きのWe

    Web屋さんのためのベストエントリまとめ2011年2月度版
  • Facebook日本のこれまでの大まかな流れのまとめ

    概要:現在日ではどのようにFacebookが使われてきているのか どうでもいい事にイチイチかみつくのがネタ帳クオリティというわけで、当にどうでもいい事に噛み付くわけですが、朝のテレビ番組で「ソーシャルネットワーク」っていうあの映画の、そう、多分それが話題と言う事で無理やりfacebookの特集が組まれたんだと思います。 するとテレビ中の人が 『Facebookなどのソーシャルネットワークは友達がいない人がするツール』って言うんだ。 いくらなんでもひどい話だ。 とりあえずそんな簡単な話ではないし、そんな小さなツールではない。 今回はFacebookの流れと共に今どのように興味を持たれ始めているのかをまとめて見る。 もともとは友達同士がするソーシャルネットワーク 日での使われ方は、海外のそれとは大幅にずれちゃったわけだけど、もともとFacebookはリアル友達同士がするものです。(Fac

    Facebook日本のこれまでの大まかな流れのまとめ
  • 読者がまず先に求めている情報を提供すると記事は最後まで読まれやすくなる

    ブログに限らず、ラインディングをされる人なら当然のように文章を結構書くと思いますが、こうした『相手に伝えるための技術』と言うものには様々なものがあります。 いくつかある中から、今回は読者に、あなたのブログの記事を最後まで読んでもらうためにするべき事について考えて見ましょう。 どういうことかというと、ネタ帳ならこんな情報が多いとか、他のブログはこういう情報が多いとか、要するにブログの特徴が強ければ強いほど、ユーザーは事前に「こんな情報を提供してくれる」というイメージを持ちます。 文章を読んでもらうには、まず、どのような情報を得られるのかと言う事が読者に明確に伝わっている事がポイントなのです。 公開するジャンルに特徴を持たせても良いですし、自分の考えのみをひたすら書き殴っても良いです。 読者はこうした情報から、そのブログやブロガーのイメージを作り、興味のある人はその人のブログをまた見たくなりま

    読者がまず先に求めている情報を提供すると記事は最後まで読まれやすくなる
  • ブログマーケティング3.0の時代

    マーケティング界のカリスマが最近話題となっていて、コトラー氏が提唱する「マーケティング3.0」が、ものすごくソーシャルなこの時代にぴったりはまっているものがあるなと感じた。 私のブログもすでに、ツイッターなどのソーシャルメディアからのアクセスが、わずか4ヶ月で尋常じゃないくらい増えました。 コトラー氏のマーケティングは以下。 マーケティング1.0 どのようにして販売するか? マーケティング2.0 どのように顧客に継続購入してもらうか? マーケティング3.0 どのように生活者に(製品開発や販売などに)協力してもらうか? マーケティング3.0ってなんだろう? そしてこれを私が考えるブログ論にして考えるとこうなります。 1.0 どうやって読んでもらうか? 2.0 どうやってユーザーにリピータになってもらうか? 3.0 どうやって読者に協力してもらうか? 今回は販売マーケットとは全く違うお話になり

    ブログマーケティング3.0の時代
  • OSを選ばないウェブデザイナーのための使えるウェブアプリ15

    OSがWindowsであろうと、ubuntuであろうと、共通のサービスを受けることができるのがウェブアプリケーションです。 ウェブデザイナーの中には、自宅ですでにubuntuを利用している人も多い。また、MacWindowsと、各自それぞれの使いやすい物を利用していると思います。 今回はこうしたウェブ開発を仕事としている人が利用しそうなツールをまとめてみたいと思います。 スケジュール管理 Googleカレンダー もはや説明不要のスケジュール管理システム。 ドラッグによる複数日数のスケジュール投稿は、なにかと連日作業になるウェブ製作にぴったり。 また、タスク管理も結合されたため、細かい作業などの記入も可能。なにより複数人での予定の共有もできるのが便利です。 メール Gmail もう使っている人も多数いるかもしれませんが、Googleが提供するGmailはかなり強烈なアプリケーションです。

    OSを選ばないウェブデザイナーのための使えるウェブアプリ15
  • TwitterやTumblrに情報を安売りしすぎる人々

    ウェブは今、更新するための更新コストが減少し、その対価として更新する手間が今までお金になっていたのですが、それを投げ捨てている形になってきている。 私はこれまで「ブログ」を書き続け、そしてブロガーと呼ばれるようになった。 それ以前は、htmlのみで動的なものはなく、ひたすら更新し、ページをつくり、ウェブサイトを作ってきた。 底辺の話をしますが、ウェブには、更新=価値というものが付き物で、更新することで、多少なりともマネタイズできます。 今回はこうしたマネタイズを放棄している現状を訴えたい。 マネタイズできる可能性を放棄している人々 かのしょこたんがツイッターを始めたが、一瞬でブログに戻りました。 理由は様々な憶測が語られているけど、しょこたんにとって、ツイッターもブログも更新する手間隙に大差が無い。 しょこたんクラスになると一日に200回くらい余裕で更新できます。さらに全部写真付で更新出来

    TwitterやTumblrに情報を安売りしすぎる人々
  • 1