Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント
ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！ 中国出身の新卒です。 入社して二ヶ月になりますが、 日本語を一生懸命勉強しています。 よろしくお願いいたします。 さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！ こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。 実はとても大事なものです！ 今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。 これだけは欠かせない基本の要素6つ 登録と無関係の要素はなるべく表示しないように！ 聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に！ バリデーションは色や動きでみせると効果的 登録のメリットを表示しましょう アドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう！ これら一
ジャケ買いしたら実は中身も優秀だったアプリまとめ - isuta（イスタ） -私の“好き”にウソをつかない。-
ずっと大切にしたくなる“偏愛アイテム”を見つけちゃお。「isuta POP UP STORE -偏愛.zip-」が開催決定〜！
本を通読するのは当たり前でなかったかもという話 - 発声練習
一つ前のエントリーを書くために検索して見つけた記事がとても面白い。みなさま、ぜひご一読を。 Knowledge Worker:「これまでの本、これからの本」第3回 原田範行教授 私が学部生のころもそうだし、今の学部生もそうだけれども本を頭から最後まで読まなければいけない。著者の思いに沿って読まなければいけないという思い込みが強い。ちなみに、私がこの思い込みから離れられたのは博士後期課程に入ってから。 専門書や論文は、頭からお尻までを全部均等に丁寧に読むものではありません。必要な部分を必要なだけ読むものです。ですから、均等に力を割り振って読むよりは、論文の一部分に全力を尽くしましょう。 （論文の読み方より） で、面白いのは上記の記事によると、18世紀のイギリスでは「必要なところだけ自由に読む」という読み方の人が結構いたんじゃないかとのこと。21世紀に学生を指導している私が18世紀の読書法を教
2012年、ピクトグラムのアイコン素材のまとめ、全部商用無料です！
全部ダウンロードしたら4000種以上！ 商用でも無料で利用できる、小さいサイズからゆる～いデザインのピクトグラムのアイコン素材を紹介します。 ※アイコンをご利用の際は、必ずライセンスを確認してください。
大規模JSでのBackbone.js/CoffeeScript について考えてみた - mizchi log
これ読んでたらr7kamura君にJSのMVCどうするの的な話きかれてたのを思い出したので、自分がBackboneを使う時のパターンをr7kamura君の記事をベースに書きなおしてみた。 > サバクラ両方で動く JavaScript の大規模開発を行うために ― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下の様なコードを書いた。かなり冗長だが、複雑なアプリだとこれぐらいの冗長性は必要になる。 (なお概念を伝えるための解説用コードなのでそのままじゃ動かない) Backbone.Model # 名前空間の初期化 App = {} App.View = {} App.Model = {}
（大学の授業を除いて）プログラミング歴10ヶ月だけど小説投稿サイトDenkinovel作りました - from __future__ import katryo
こんにちはかとりょーです。 うごく小説投稿サイトDenkinovelというWebサービスを作りました。 現在β版としてテストユーザー募集中です。どうかみなさん、使ってみてください。Twitterアカウントをお持ちなら、すぐに登録できます。 どういうWebサービス？ 背景変化・BGMなどの演出のある小説を投稿できる小説投稿サイトです。 ノベルゲームみたいな小説が簡単に作れて、すぐに公開できます。 よくある小説投稿サイトみたいに、掲示板形式でずっと文章が続くのではなく、1ページ分だけの本文が表示されます。 クリック、スクロールにあわせて本文がフェードイン、フェードアウトしていきます。BGMを流したり、挿絵での演出もできます。 （背景画像はきまぐれアフター様よりお借りしました） いちど見てみれば感覚はつかめます。こちらから試してみてください。 ノベルゲームみたいですが、けっしてゲームではありませ
「いい加減、ブスいじりに飽きろよ！」久保ミツロウ×能町みね子の深夜ラジオ - トレンドニュース
今、一部のはがき職人の間でもっとも面白いラジオだと言われているのが『久保ミツロウ・能町みね子のオールナイトニッポン0（ZERO）』（ニッポン放送）。「モテキ」（講談社）の久保ミツロウと、エッセイマンガ「オカマだけどOLやってます。」（竹書房）の能町みね子のコンビが、火曜の深夜3時～5時までしゃべりまくる番組だ。 先日、はがき職人の首位打者イトーさんに取材をおこなった記事内で同番組に触れたが、なんと記事のURLを久保ミツロウさん、能町みね子さんご両人がリツイートしてくれた。これを喜んだ筆者が調子に乗り、今大注目のお二人に畏れ多くも取材を申し込んだところ、なんとご快諾。そんなわけで今回は、そのインタビューをお届けする。 ■久保さんの「神の啓示」で始まった交友 ―久保ミツロウさんは社会現象にもなった漫画『モテキ』の原作者、能町みね子さんはエッセイスト・イラストレーターなどマルチな活動を行っていら
電話をかける時、番号の最後に「＃」をつけるとちょっと早くつながる | ライフハッカー・ジャパン
仕事の休憩中、ある営業さんがこんなことを言い出しました。 「電話をかける時、最後に『＃（シャープ）』を押すと早くつながるって常識だよね？」 ...知りませんでした。その営業さんいわく「電話番号を押してからつながるまでに待ち時間があるでしょ。あの時間が短くなって、すぐにつながるようになる」というのです。半信半疑で試してみたところ、たしかに早くつながりました。 ちょっとびっくりしたので、ご存じのない方のために比較動画を作ってみました。以下よりどうぞ。 結果は、電話番号の最後に「＃」をつけるとおよそ半分の時間でつながりました。携帯電話へかけたので「プッ...プッ...」と発信音がするのは変わりませんが、この発信音がし始めるまでが早いのです。 でも、なぜなのでしょう。教えてくれた営業さんも「先輩に聞いた」そうで情報の出どころはわからないとのこと。検索してみると「MSN相談箱」で同様のQ&Aがあり、
Webアプリケーションを高速化する50のトリック
MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers - noupe
40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers In this round-up, we are showcasing fresh and free web UI design kits as well as some mobile kits. This collection will astonish you, but, more importantly, save your valuable time. Designing a user interface (UI) is a difficult task, because it takes lots of time and needs loads of patience as well. Furthermore, designing user
テキストのメリハリをつける方法7つ
私のデザイン修正で一番多い指示が、「メリハリをつけてください」で、以前はどうすれば良いかわからず困っておりました…。(今も時々わからなくなりますが…) 最近ようやくどうすればメリハリがつくかわかってきたので、その方法をまとめてみました。 「メリハリをつけてください」の修正意図は、目立つべきところが目立っていないので、重要な部分を視覚的にはっきりさせてください、ということだと思います。 例として、以下のような見出しとテキストをもとに考えてみます。 （メリハリをつける場合、サイト全体のバランスをみてつけることが必要ですが、ここではわかりやすくするため、見出しと説明文のみで考えています） （引用：Wikipedia: カメラ http://ja.wikipedia.org/wiki/%E3%82%AB%E3%83%A1%E3%83%A9） 私の場合、メリハリをつけるのは以下7つの方法が多いです。
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
就職ジャーナル
MetroライクなTwitter Bootstrap用デザインテーマ･Cosmo