Webサイトの制作スピードを、より向上させる目的で作られたスターターキット・99lime - かちびと.net
結構参考になったので備忘録がてら ご紹介。Webサイトの制作スピードを より向上させるために、汎用的なUI を集めて、マークアップも綺麗な状態 で済むように設計されたスターター キット、というかフレームワークです。 制作スピードを向上させる目的で作られたHTML5フレームワークです。レイアウトだけでなく、汎用的なUIも備わっていて、class名1つ付けるだけでタブやスライドショーを実装出来るようになっています。 そういった仕様にする事で、シンプルで綺麗で可読性の高いソースを保てるように設計されていたりと、結構参考になるスターターキットですよ。フレームワークは自作してるので良い部分を組み込んでみようかなと思いました。 タブやドロップダウン、スライドショーなどを備えているだけでなく、class名1つで実装出来るようになっているので、綺麗なソースを保持する事が出来るようになっています。 いろいろ
WordPressのトップページを雑誌や新聞のような段組にする方法
WordPressのブログは一般的に記事タイトルと記事の概要が単純に縦に並ぶだけですが、jQuery Masonry という jQuery プラグインを使用すると、このブログのトップページのように雑誌や新聞のような段組で記事一覧を並べることができます。 jQuery Masonry は WordPress 用に作られたわけではありませんが、WordPress テーマに組み込んでトップページ等で使用することができます。 ただ、公式のドキュメント通りに JavaScript を書いただけでは WordPress テーマではうまく動かないので、やり方をここにまとめておきます。 ここでは、WordPress 3.3 のデフォルトテーマ「TwentyEleven」をベースに解説します。 準備 まず jQuery Masonry 公式サイト のページ中央にある「Download the script
ひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜
「Webサイトを作れるようになりたいけど何から始めればいいかわからない」そんな人のために完全な素人の人がひとりでWebサイトを作れるまでに必要な本や記事集めました。 この記事テーマは３つの記事に分かれています。 一つ目は今回の、 完全素人がひとりでWebサイトを作れるまでに必要な本や記事集めました 〜①デザイン編〜 後日公開予定の、 〃 〜②コーディング編（HTML&CSS）〜 〃 〜③集客・Webマーケティング編〜 以上の３つです。 Webサイトの制作手順 初めての方は「Webサイトをどういう順番で作るか？」について知らないと思いますので、説明します。Webサイトを作成し、公開してたくさんの人に見てもらうまでには大きく７つのステップがあります。 ①どんなWebサイトにするか考える（企画） Webサイトを作るためにまずはどんな目的で、誰に、どんな情報やサービスを届けたいのかを考え
Web制作に携わる人は見ておくべき、2011年のはてブ1500数以上の良記事31選 | URAMAYU
2011年のWeb制作トレンドをはてブのホットエントリから振り返ってみました。 2011年でトレンドは、スマートフォン向けサイトやアプリの制作関連、HTML5関連、あとはFacebook対応のためのノウハウといった感じでした。 はてなブックマーク「コンピュータ・IT」カテゴリ内で、1500以上ブクマがついた記事を選出、その中からさらに私の主観も入りつつ、2011年Web制作系のエントリーの中でもベストな31記事をピックアップ、Webデザイン系、SEO系、HTML+CSS系、プログラミング系、スマートフォンサイト制作系、企画、ツール、その他系、素材系にそれぞれ分類しました。 Webデザイン系 1. 色彩センスのいらない配色講座 配色と色についてひじょーに分かりやすく、論理的に解説されたスライド。はてブ数ダントツ。 2. デザインの基礎力をワンランクアップしたい私（Webデザイナー
マイクロソフト、無償のWeb開発環境「WebMatrix」を公開。HTML/CSS/JavaScriptエディタ機能、PHP対応、FTP機能など手軽で便利な統合ツール
マイクロソフトは先週、無償のWeb開発環境「WebMatrix」の提供を開始しました。WebMatrixには以下のコンポーネントが含まれており、Windowsで簡単にWebサイトの構築を行うことができます。 Web開発ツール HTML/CSS/JavaScript/PHPなどに対応したテキストエディタを含む開発ツール。FTPによりファイルをホストへボタン1つで転送できる HTTPサーバ IIS Express 7.5により、Webブラウザですぐにブレビューできる。しかも（追加インストールにより）PHPにも対応する。当然ASP.NETにも対応 データベースサーバ SQL Server Compact Edition 4により、データベースを利用するWebアプリケーションもローカルで開発可能。MySQLも追加インストール可能 調べた限りではIIS ExpressはWebMatrixの画面から簡
The Web Is Dead （前編）
インターネットの世界で今、大きな変革が起こりつつある。ブラウザを使ったWebサイトへのアクセスから、単機能だが便利なアプリを使ったサービスの利用へ。汎用的なパソコンから、iPhoneやAndroid端末などのスマートフォンへ。ユーザーを囲い込むことで利益を得ようとする「ネットの巨人」同士がしのぎ合う中で、そんなプラットフォームシフトが世界規模で進行しているのだ。 この大変革の波をいち早くとらえ、“The Web Is Dead. Long Live the Internet”と題するコラムとして発表したのが、米WIRED誌の人気編集長クリス・アンダーソン氏とジャーナリスト（同誌の協力編集者）のマイケル・ウォルフ氏である。2010年8月に発表するや世界中の人々に衝撃を与え、一大センセーションを巻き起こした。ここでは、『GQ JAPAN』2011年1月号に掲載された「The Web Is De
ランディングページ集めました。
2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。
The 50 Most Important People on the Web | PCWorld
Artwork: Chip TaylorDespite what Time magazine would have you believe, you are not the most powerful or influential person on the Web. At PC World we love online personals, social networks, and videos of people falling on their keisters as much as the next person, but without the folks who create the Craigslists, MySpaces, and YouTubes of the world, much of the Web's potential would be lost among
WWWへのアクセス権を持つ7人
7ってところがまたいいですね。 上の画にあるこのカード。世界で7人だけが保持している、大災害時にWorld Wide Webを再起動させる力を持つカードなのです。 もしインターネットで大変動・大惨事が生じたら。例えばDNSSEC（Domain Name System Security）がダメージを受け、URLから目的のウェブサイトに誘導できなくなった時等。そういった緊急事態にこのカードを保持している人が出動するそうです。 7人は、イギリス、アメリカ、ブルキナファソ、トリニダード・トバゴ共和国、カナダ、中国、チェコ共和国の7カ国から選出されており、再起動する際はアメリカにあるベースにこのカードを持って集合しなければなりません。 再起動のためには7人中5人が必要です。それぞれのカードには断片的な情報しかはいっておらず、5人集まると起動が可能に。 マンガみたいだ。かっこいい。 [BBC via
グーグルがWebを高速化するために何をしているか
本のページをめくるように、どんなWebページも素早く表示できるようにする。グーグルは以前からWebの高速化に取り組んできました。 6月22日から、米サンタクララで行われていたWebサイトのパフォーマンスと運用に関するオライリーのイベント「Velocity 2010」では、グーグルのUrs Hölzle氏がWebの高速化技術について「Speed Matters」（スピードの重要性）というセッションで紹介ています。 Webを高速化するためにどのような技術があり、あるいはどのような技術が検討されているのか、このセッションの内容を紹介しましょう。 スピードは重要だ 私が話そうとしているのは、「Speed matters｣（スピードの重要性）についてだ。Webは空飛ぶジャガイモより速くなれるだろうか？ どのくらい速くなれるだろうか？ （参考：オペラがやってくれた！ グーグルの空飛ぶジャガイモに対抗）
2010-05-03
デキビジで放送された勝間和代氏とひろゆき氏の対談がtwitter界隈でちょこっと盛り上がっているので見てみたら、面白いので文字に起こしてみます。ちょっと長いのでテーマごとに分けて。 文字起こしはYouTubeの画像をもとにしましたが、その前の議論が抜けているようです。抜けている部分の議論の概要を高木浩光氏(@HiromitsuTakagi)がtweetしています。 こちらをあらかじめ読んでおくと話が繋がりやすいかもしれません。 http://togetter.com/li/18518 http://www.youtube.com/watch?v=gqduJqJuQUs (0:00〜4:32) 追記（2010/9/2)： ひろゆき氏、勝間和代氏、堀江貴文氏の対談本が出たみたいですよ。 (ここから)--- 勝：どうやってインターネットの中である程度のルールをもって確保するような環境を作りたいか
InfoQ: HTTPSコネクションの最初の数ミリ秒
ほとんどの人がHTTPSとSSL (Secure Sockets Layer) を結びつけて考えます。SSLは1990年代半ばにNetscape社が開発した仕組みですが、今ではこの事実はあまり正確でないかもしれません。Netscape社が市場のシェアを失うにしたがって、SSLのメンテナンスはインターネット技術タスクフォース(IETF)へ移管されました。Netscape社から移管されて以降の初めてバージョンはTransport Layer Security (TLS)1.0と名付けられ、1999年1月にリリースされました。TLSが使われだして10年も経っているので、純粋な"SSL"のトラフィックを見ることはほとんどありません。 Client Hello TLSはすべてのトラフィックを異なるタイプの"レコード"で包みます。ブラウザが出す先頭のバイト値は16進数表記で0x16 = 22。 これは
大手民放ラジオ13社、ネット同時放送解禁へ：日経ビジネスオンライン
2月上旬、NHKのラジオセンターに衝撃が走った。 「どうやら民放が、ネットでのサイマルに踏み切るらしい」「何だそれ、聞いてないぞ」――。 マスメディア産業の一角が、ついに生き残りをかけて、重い腰を上げた。NHK以外の民放局である。受信料で成り立つNHKと民放とでは、それだけ危機感に雲泥の開きがあるということだ。 AM、FM、短波の大手民放ラジオ局13社は、3月中旬から、地上波と同じ放送内容をインターネットでもサイマル（同時）送信することを決めた。日本音楽著作権協会（JASRAC）や日本レコード協会といった権利団体とも合意を得た。2月中にも正式発表する。 パソコンなどから「RADIKO（ラジコ）」のウェブサイトにアクセスすれば、無料で地上波と同じラジオ放送を聴けるようになる。ただし、アクセス元のIPアドレスから住所を類推する仕組みを用いて、当面は首都圏と大阪府の利用者に限定する。 大手放送局
「タダが当たり前」の時代は終わる？ カフェスタが「お金払って」と呼び掛けた理由（ITmediaニュース） - Yahoo!ニュース
「タダが当たり前」の時代は終わる？ カフェスタが「お金払って」と呼び掛けた理由 12月15日12時4分配信 ITmediaニュース ユーザーに「月に1度、コーヒー1杯や雑誌1冊ほどの金額を使っていただくことで今後もカフェスタを存続・運営することができるようになります」と呼び掛けた 「広告収入で成り立たせる無料モデルは、もう限界だ」――カフェスタの上澤馨（うえさわかおる）社長は言う。「広告モデルはバブルが作ったモデルだった」と。 【拡大画像や他の画像を含む記事】 カフェスタは、アバターを使ってコミュニケーションできるSNSで、登録会員数は約178万、月間ユニークユーザーは50〜60万、月間ページビューは約8000万。基本サービスは無料で利用できる。 主な収入源は広告で、以前は月間数千万円の広告収入があったが、ここ最近の不景気で出稿が激減したという。アバターも販売しているが、無料のポイン
第7回 コンテンツの魅力を引き出すユーザーフレンドリーなウェブライティングのコツ | Web担当者Forum
第7回 コンテンツの魅力を引き出す ユーザーフレンドリーなウェブライティングのコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題がおきないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） コンテンツの価値を確実に伝える ウェブライティングの基本6大原則とは「Content is King」という言い回しを見聞きしたことはあるだろうか？ これは“音やグラフィックなどの表現法より、提供する情報の中味がまず第一である”という格言であり、ビル・ゲイツも引用しているほどだ。最近は、SEOやLPOを筆頭とするさまざまな「ノ
中村勇吾 (ナカムラユウゴ) - 関心空間
中村勇吾 (ナカムラユウゴ) セルフインフォ とは? このキーワードの内容に関わる方が 書いたキーワード（記事）です。 詳しくはヘルプをご覧ください。 まずは以下のサイトを見てもらいたい。 アマナ （ソーシャルネット志向の写真屋さんサイト） http://amana.jp/ amaztype （アマゾンの商品が検索した文字状に出てくる） http://amaztype.tha.jp/ X-BOX （POOLの所が凄い。特にIMAGEのところの動画の使い方は秀逸） 期間限定サイトだったために惜しくも閉鎖。 NECecotonoha （植樹プロジェクトの所が2005年グッドデザイン賞、さらには世界三大広告祭で受賞総ナメ） https://www.ecotonoha.com/index.html Honda Sweet Mission （XMLコメント読み上げ機
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/03/webweb21.html
有吉さんのページが見つかりません | SoftBank
梅田望夫 - Musings - ウェブブック『生きるための水が湧くような思考』（梅田望夫著）
第23回 企業サイトを変えるWeb2.0とAjax…その意外な実態：NBonline(日経ビジネス オンライン)