Webサイトのスマートフォン対応 7つの基本ルール | Web担当者Forum
個人利用を中心に急伸を続けるスマートフォン市場は、もはやニッチ市場ではなくなりつつある。過去に企業サイトの携帯電話（フィーチャーフォン）対応が問われたように、今後スマートフォン向けのサイト対応が課題になると考えられる。2010年はスマートフォン元年といわれていたが、2011年は企業のスマートフォンサイトへの投資検討が本格化してくるだろう。 2010年、スマートフォンの市場規模は急成長し、『スマートフォン利用動向調査報告書2011』（MCPC監修、インプレスR&D発行）によると、2011年3月末（2010年度）の契約数は、前年の497万契約から63％増の810万契約となる見通しだ。調査によると、契約数は年平均40％以上で拡大を続け、2015年度には4,712万契約に、コンテンツ配信事業も急成長することが予測されている。こうした調査からも、今からサイトをスマートフォンに対応しておくことが決して
2011年1月のこれだけ読めば分かる Web 制作者向け情報まとめ | ウェブル
いろいろなところから2011年1月に集めてきた情報を要点を抑えて紹介していきます。これは何か、どんなシーンで使えるのかということを書くようにして、気持よく読めるようにまとめて行けたら良いです。情報を集めるのが苦手なあなたはこれだけ読めば結構身になるかもしれませんね。 これは Web サービスに使えると思った情報 使い方をその場で再現するスクリプト目の前でアニメーションして説明するスクリプト「Embedded Help System」 – GIGAZINE Web サービスのヘルプなどで使えるかもしれません。導入がそこまで難しくないようなので、ヘルプを作る際は一番最初にこちらを検討すると良いかもしれませんね。 ビジネスモデルについて学べるわかったつもりになっていませんか：「ビジネスモデル」とはなんだろう? 余談や説明が長すぎたので、個人的にためになりそうな要点だけ抑えておきます。 なんか微
本日決定！Twitter関連サービス全180サイトはてブ順ランキング - パパパパ
Twitter関連サービスいろいろありますよね。しばらくぶりに、ひと通りのサイトを巡回しているうちに、新しいサイトや知らなかったサイトがとても増えていて、せっかくなのでデータをまとめておこうと思いたち、Twitter関連サービスをはてなブックマーク順に並べてみました。 さすがにTOPのほうは、有名サイトがこれでもかというくらい並んでいますが、はてなブックマークがそれほどついていないサイトでも、面白いサービスを作っている個人開発者の方がいて、僕は個人的に個人開発者と話がするのが大好きなので、これを見た方で「会ってもいいよ」という方は、ぜひ@paji_aまで一報ください。 あと、「自分のサイトが載っていない！」と言う場合も、@paji_aまでご連絡ください。追加いたします。 [追記]2011/01/28 19:32 4サイト追加しました。計172。 [追記]2011/01/28 21:42 8
サイトのワイヤーフレームを表示してくれるブックマークレット『Wirify』 | 100SHIKI
デザインなんかを勉強している人にいいかも、と思ったのでご紹介。 Wirifyのブックマークレットを使えば、今見ているサイトのワイヤーフレームを表示してくれる。 そのサイトがどういう要素でもって出来ているのか、デザイン的にどう配置されているのかをすっきりみたい場合に便利だろう。 なお、このツールを使うと、サイトのタイトルとURLが収集されるそうなので、セキュリティ的に保護されているページに使うには注意が必要だ。 きれいなサイトを見つけたときには、こうしたツールを試してみるのもいいですな。
acmailer│無料で使えるメール配信CGI「エーシーメーラー」CGI
ASPや、PC版ソフトではなく、お使いのサーバーに設置するCGIタイプなので自由自在にお使いいただけます。 エーシーメーラーの特徴 フリーライセンスでは、acmailerへのリンク付の著作権を表示していただける限り全機能そのまま無料でお使いいただけます。広告なども一切入りません。 ライセンスについて acmailerは無料で使えるメール配信CGIです。 あなたのWEBサイトにシステムを設置する独自配信タイプなので、思い通りのメール配信を行うことができます。 送信数や登録アドレス数も無制限。既存の顧客管理システムとの連動も自由自在。 機能面においては、長年培ったノウハウをもとに、皆様よりいただいたご意見を随時取り入れ、積極的にバージョンアップを行っていますので、フリーとは思えないほど高機能なシステムです。 設置もワンクリックオートインストールで非常に簡単。 メルマガ発行・運営の強い味方、ac
ショッピングカート【SHOP-Maker】はネットショップの成功法則！
ショッピングカートASP「SHOP-Maker」はSSLで最高レベルのセキュリティを実現！個人情報は24時間有人監視のIDCで管理されます。 Webショップに必要な機能を網羅！データベース型ショッピングカートで、受注管理や顧客管理などのWebショップ運営にかかる労力を飛躍的に軽減します。
「スマホ対応サイト制作 初心者向け」みたいな感じで書いてみた -1.メニュー編-（※iPhone寄り） - Kaleidoscope
【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） 今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、 「どこから手を付けていいのやら、わからん！！」って方も多いのではないでしょうか？ ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので、連載形式で書いてみることにしました。 ただ、途中で飽きたり、やる気が無くなったら、予告無く終了する可能性大です(￣▽￣;) 僕自身、人に教えられるほどのスマホサイト制作の熟練者というわけでは無いので、もっと良い手段や方法があるかもしれません。 「ここはこうしたらいい」など、ご意見ありましたら、逆に教えてください(^-^; 【まずはじめに】 スマホサイトと言っちゃったものの、とりあえずはiPhone向けのサイトを基準とします。 Androidの「ブラウザ」も、iPhon
スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌
スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方｜ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
本当に夜？ 夜にとられた昼間のような美写真コンテスト（ギャラリーあり）
本当に夜？ 夜にとられた昼間のような美写真コンテスト（ギャラリーあり）2011.01.30 12:008,210 おなじみ米Gizmodoの写真コンテストです。 これお昼間でしょ？ という写真、いえいえこれは実は夜暗い時に撮影された写真なのです。露光時間を長くして撮影したのです。ありがとう三脚くん！ というわけで米Gizで選ばれた美昼夜写真をご紹介します。優勝者の写真は必見ですよ！ ※写真クリックで大きめ写真見られます。 まずはトップの写真から。キレイですね、青空なのにお星様も見えてます。 Lifeguard（K.C. Alfredさん） サンディエゴのビーチでの1枚。1月23n一の真夜中に撮影。三脚がなかったので、階段に寄りかかってカメラを安定させて撮影。左の方になんとオリオン座が見えます。 カメラ：Nikon D3 レンズ：17mm F 2.8／6秒／ISO 4000 Snow Day
商用利用も無料、水彩タッチの高品質なテクスチャ素材
テクスチャのキャプチャ テクスチャ素材の利用は個人でも商用でも無料、とのことです。 また高解像度なため、そのまま背景として使用してもよし、写真などの画像にエフェクトとしても面白い効果が得られます。
Twitterアカウント名が商標権侵害で訴えられそうになった話 » anoncom blog -
2011年1月27日、僕はツイッター上において約4年間使用してきた自分のアカウント名を、 @anonymizer から @anon5r に変更した。 これには次のような利用があったからだ。 2011年1月25日、僕の元に1通のメールが届いた。 その内容は、普段ツイッターで利用していたアカウント名 @anonymizer が、米国Anonymizer, Inc.の商標権を侵害していると言う内容だった。 差出人名は Anonymizer社の社長、Bill Unrue氏。 貴方が利用しているTwitterのアカウント名である @anonymizerが、Anonymizer社の国際商標権を侵害していて、その顧客を混乱させている。 中略 Twitterユーザ名のいかなる部分においてもAnonymizer社の商標であるAnonymizerの名前を使用しないで欲しい。また、米国、ヨーロッパ
既存のフォームをユーザーに使いやすくする10のポイント
10 Tips for Optimizing Web Form Submission Usability [ad#ad-2] 下記は各ポイントを意訳したものです。 1. 必須入力欄は強調する 2. エラーメッセージは分かりやすく 3. クライアントサイドのバリデーション 4. 入力している欄を明示 5. 進捗を明示 6. データの保存やキャッシュ 7. 送信ボタンの文言 8. キャンセルボタン 9. 入力例の記載 10. 垂直に配置 1. 必須入力欄は強調する ユーザーはフォームに入力した後に入力ミス・エラー表示があると、不安を感じたりイライラを募らせるでしょう。まずは、入力欄に「必須」「任意」などを記載して、入力欄が必須なのか任意なのかを明示的にユーザーに伝えるのは安全な方法となります。 2. エラーメッセージは分かりやすく フォームのエラーメッセージは、「あなたが下に必要とさせるフィー
HTML5を使ったサイトをまとめたギャラリーサイト色々:phpspot開発日誌
35 Specialty Galleries for Your Design Inspiration | Vandelay Design Blog HTML5やCSS3を使ったサイトをまとめてギャラリー形式にしているサイトを色々とご紹介です。 HTML5はこうしたサイトを教材として学ぶのもよさそうです。 HTML5 Beauty サムネイル付きでサイト紹介。 HTML5 Gallery サムネイルによるサイト紹介やレーティング機能もついたギャラリーサイト Ars HTML5 Gallery サムネイルでサイト紹介。タグクラウドによる分類 Ars CSS3 Gallery 今後こうしたサイトはもっと増えてきそうですね 関連エントリ PCやスマフォでどこでも持ってる音楽を聴けるHTML5ベースの音楽サーバ「streeme」 CSS3で描画されたHTML5のロゴ HTML5のロゴで将棋をするチュ
HTML5をはじめる人、勉強したい人用のテンプレートファイル -Easy HTML5 Template
HTML5 Templateのデモページ Easy HTML5 Templateの特徴 汎用性の高いシンプルなつくり HTML5の新しい要素に重点をおいて設計 HTML5対応ブラウザはもちろん、IE6, IE7, IE8も考慮 モバイルデバイスも考慮 jQuery, Google Analyticsなどよく使用されるものを配置済み [ad#ad-2] Easy HTML5 Templateの外部ファイル Easy HTML5 Templateで使用している外部ファイルです。 screen.css Reset CSSには「Eric Meyer's reset」が使用されています。 modernizr-1.6.min.js 「Modernizr」。HTML5やCSS3をサポートしているか調べ、CSSの場合はエレメントにclassを加えます。 html5.js 「html5.js」。IE9未満（
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
Microsoft、IEの互換性検証用にXP/Vistaの仮想マシンイメージを無償公開
Good night, Posterous