blueprintcssの CheatSheet | 升汁 | チートシート [PDF]
升汁はネットからblueprintcssのチートシートらしきものを集めています。 内容については保証できないですし。 Valid HTML and CSS URL:http://blueprintcss.org/blueprint-cheat-sheet.pdf RESET defined in reset.css . Blueprint CSS resets all browsers ... URL:http://blueprintcss.org/media/BlueprintV0.8byGJMS.pdf v.0.6 URL:http://digitart.net/blueprintcss/bluebrintcss.pdf LINKING GRID STRUCTURE BASIC SETUP typography.css forms.css GRID ... URL:http://www
CSSや画像の命名規則について - kojika17
コーディングで時間のかかる要素の1つとして、id,class名や画像名などの命名規則が挙げられます。 特に中規模、大規模のサイトで、適当な名前を付けると名前が被る確率が上がり、 その結果、画像の上書きや不要なプロパティがかかってしまうなど、よくない結果になることも考えられます。 一つの例として、私の命名規則について紹介してます。参考程度に読んで頂けると幸いです。 カテゴリに分類して、つなげる。 ページのどの位置に属すか分類し、つなげる方法を取っています。 基本的に、CSSや画像名は同じにします。同名にすることで、名前を考える手間も省け、変更箇所の特定がしやすくなります。 例： CSS #top-side-nav 画像 top-side-nav-home.png top-side-nav-company.png 上記のように命名することで、 デザインを見なくても、どのような箇所に使われている
こてさきAjax:WebSocketから、これからのWebを予想してみる - livedoor Blog（ブログ）
WebSocket が、12月12日についにRFCになりました（RFC6455)。テキスト転送だけでなく、バイナリー転送もサポートされ、コネクションをキープするための ping/pongなどコントロールフレームも定義されました。rfcになる過程で様々なバージョンと、その実装系が出ていますので、そこのネゴシエーションの仕組みが入っていたり、以前は割と自由に使えそうだった subprotocolが、IANAにレジストレーションが必要になったりと、なかなかしっかりしたプロトコルに仕上がっている印象です。 さて、今年最後となる、今日のポストでは、このWebSocketにより、今後のWebはどうなっていくのかについて、僕が最近感じている妄想を書き連ねてみます。 WebSocketとは、いったい何なのか？ さて、WebSocketとは、いったい何なのでしょうか？この問に対して、一般的には、 WebでP
コンテンツを意識してWebデザインするとは
11月27日に WordCamp Tokyo 2011 が開催されました。そこで「コンテンツ戦略を意識した今後の CMS の姿」という講演をしました。WordPress を中心にしたイベントでしたが、私の講演では WordPress に留まらず、今後必要とされる Web コンテンツに必要とされる CMS のあり方について解説しました。講演の意図について知りたい方は前回の記事「コンテンツを軸にしてCMSを使おう」をご覧ください。 機能至上主義からの離脱 CMSの話になると、どうしても機能の話になるのは以前から疑問を感じていました。日本だと Movable Type の支持は高いですが、MT と WordPress を機能比較でしか議論できないのはどうも寂しい気がします。機能は重要ですが、機能を前提にしてサイト構築すると、結局クライアントやサイト観覧者のメリットにならない場合があります。ニーズ
キーワード 2012: Everyscreen（スクリーンワールド）
スクリーンに囲まれた世界 「デジタルとリアルの境目がなくなってきた」 「リアルな交流が Web でも出来るようになった」 そんな言葉を耳にするようになった理由のひとつは、Web へアクセスする手段がパソコン以外からでも手軽に出来るようになったから。いつでも何処でもアクセス出来るわけですから、Webを身近に感じるのは当然のことなのかもしれません。スマートフォンだけでなく、iPad や Kindle Fireをはじめとしたタブレット機器も利用され始めたことで、パソコンから Web を見るという行為は過去のものになりつつあります。 Ciscoの調査結果によると、2015年までにモバイル機器のインターネットのデータ送受信量は今の26倍になると言われています。人とのコミュニケーションを主軸にしている Twitter や Facebook でもモバイルからの利用が大きく占めていますし、その数は今後ます
もうさ、アプリやってる時間をサイトパワー分析に混ぜるのやめようぜ - やまもといちろうBLOG（ブログ）
広告出してる側的に。 mixi, Twitter, Facebook, Google+, Linkedin 2011年11月最新ニールセン調査。Facebookが続伸、Twitterにほぼ並ぶ http://media.looops.net/saito/2011/12/20/mixi-twitter-facebook-google-linkedin/ お問い合わせ http://www.netratings.co.jp/inquiry/ SNSの分析で、まいど出るのは「PCサイトよりも携帯電話からのアクセスが多いので」とか「ゲームアプリの利用者が増えて滞在時間が長くなった」とかって話なんだけど。アクセスはアウトプット見ればある程度推測がつくし、ゲームアプリを遊んでるユーザーは確かにそのSNSにいるのは事実でも広告なんて見てないんだよね。ニコニコ動画もプレミアム会員からの会員売上に頼っている
2011企業サイト編｜Webユーザビリティランキング｜トライベック・ブランド戦略研究所
トライベックでは、「主要企業Webユーザビリティランキング2011＜企業サイト編＞」を実施し、全15業界・150サイトのユーザビリティを評価しました。 ※ A軸:アクセス性、B軸:サイト全体の明快性、C軸:ナビゲーションの使いやすさ、D軸:コンテンツの適切性、E軸:ヘルプ・安全性 ※ 総合スコアは、5軸に傾斜配分をかけて割り出したものであり、5軸の単純平均ではありません。（満点＝100点） ※ Webサイトへのリンクは調査当時のものです。現在は内容が異なっている場合もあります。 順位 サイト名 総合スコア
Bridge Word
This shop will be powered by Are you the store owner? Log in here
【Webサービス改善会議③】もっと自由に「メディア」について考えよう
広告会社発のメディア事業としてサービスを開始した「キタコレ！」をめぐって、事業を運営する小林パウロ篤史さん、糸永洋三さんが、博報堂時代の先輩でもある高広伯彦さんからアドバイスを受ける形で始まった鼎談も3回目。いよいよ席も温まってきました。今回のテーマは、ユーザーに情報を届ける最適な「メディア」の考え方。PCやスマートフォン、テレビといった既存のデバイスありきで発想しないことがポイントといえそうです。 第1回、第2回はこちら そこにメディアがなければ、つくることを考える 小林 ユーザーの嗜好に合ったイベント情報を提供することで、「あした、何しよう？」に応えるのが「キタコレ！」の目指すサービスです。つまり、より充実した週末を過ごしてもらうためにつくったわけですが、アクセス数の推移を見ると週末に大きく落ち込んでしまっています。 高広 それは、インターネットの特性だから。 小林 そうなんですけど、
2011年のウェブデザインのトレンドを振り返る
2011年のウェブ制作の話題の中心はHTML5とCSS3でしょう。 ここではデザイン面を中心に、2011年に人気が高かったウェブデザインのトレンドを紹介します。 Popular Web Design Trends in 2011: Over 50 Inspiring Examples [ad#ad-2] 下記は各ポイントを意訳したものです。 Responsive Web Design 点線 サークル レトロスタイル リボン マジックナンバー『3』 少しめくれてるペーパー ボーダーレス グリッド 対角線 Responsive Web Design Responsive Web Designとは、ユーザーが利用する環境（スクリーンサイズなど）に合わせて最適なレイアウトを提供する方法です。デスクトップ用のブラウザだけでなく、iPhoneなどのスマートフォン、iPadなど、あらゆるデバイスに最適な
国内大手映画配信サービスを比較してみる - 未来私考
ニコニコ動画、YouTubeが相次いで日本国内での映画配信サービスを開始して、いよいよプレイヤーが出揃った感がありますね。1年ほど前にPlaystationStoreとiTunesの比較記事を書いたのですが、今回はそれにニコニコ動画、YouTube、Microsoft Zune、DMMの4サービスを加えて比較してみたいと思います。 レンタル セル 洋画配給 邦画配給 対応機器 ムーブ 支払い 配信形式 PlaystationStore 350/400 800/2500 ◎ ◯（東映除く） PC、PSP、PS3 ○ クレジットカード/PSNカード/Edy ダウンロード iTunes 300/400 1000/2000 ◯(ソニーピクチャー除く) ◎ PC、iOS機器 △ クレジットカード/itunesギフトカード ダウンロード Zune 3$/4$ × ◯(ソニー・ピクチャーズ除く) ◯（東
海外の2011年人気Webデザイントレンド
1.手書きデザイン | Hand-drawn W... / 2.巨大なデザイン要素 | Mega Desig... / 3.視差スクロール効果 | 3D Feel Wi...他...全8件
png8を使ってWeb用画像の軽量化
GIFで書き出していたものをpng8で書き出し画像の軽量化を行い、サイト表示の高速化。 単純にWeb上で表示させる画像は軽いに越したことはありません。 特にスマートフォンが急激に普及している今ではことさら重要になります。 もちろん軽さだけを追求して汚い画像になってしまえば元も子もありませんが、見た目が同じであれば軽いほうを選択すべきですよね。 今までは漠然と写真ならJPG、色数が少なければGIF、写真などの色数が多く、透明化が必要なものはpng24とかを選択していた。 結論から言うと、GIFで書き出せるもので、かつアニメーションではない場合、GIFではなく、png8（gifと同じ256色）で書き出したほうが見た目はほぼ同じだけど、20～30％容量が軽くなります。 さらにpng画像の最適化をしてくれるサイトがあり、画像サイズをさらに軽量化してくれます。（Photoshopで書き出したものをさ
プログラマートラックレポート（後編） | gihyo.jp
Chrome+HTML5 Conferenceのプログラムのうち、本稿ではプログラマーセッションの後半の2講演についてレポートします。 前半の講演に引き続き、HTML5を中心にしたプログラマー向けの内容となりますが、後半の2講演はより実践的な内容となっています。HTML5をどう活用しているのか、また活用するにあたっての考え方など、事例をベースにした講演となっています。 長山武史さん、外山真さん「Webアプリの道も一歩から ～はてなブックマークの場合～」 株式会社はてなのはてなブックマークは今年5月にChrome Web Store向けのウェブアプリ「はてなブックマーク」をリリースしました。そのはてなブックマークアプリにおいて、どのようにHTML5のAPI活用し、どういったフローで開発したのかを、担当ディレクターの長山武史さん、開発者の外山真さんに講演いただきました。なお、講演資料はこちらで
CSS sprite 導入や javascript 最適化でブログ表示を高速化
７月下旬くらいから徐々に進めてきた作業ですが概ね形になりました。 このチューニング作業で当ブログの表示を約２倍に高速化することができました！ ∩(≧ο≦)∩ 高速化と行っても得意分野の動的コンテンツ（プログラムやＤＢのチューニング）ではなく静的コンテンツのチューニングです。チューニングの観点は文末の二冊の参考書を読むと理解が深まると思いますが、大きく分類するとサーバのチューニングとコンテンツのチューニングに分けられます。そして個人運営のサーバではちょっとチューニングの余地がなさそうな項目は除外すると次のような項目がチューニングポイントとなります。 コンテンツの構成によるチューニング HTTP リクエストを減らす → CSS スプライト導入、JavaScript/CSS ファイルを１つに統合 スタイルシートのロードを head 内に記述 可能な限りスクリプトのロードを /body タグ直前に
Croppy
www.croppy.org This domain is registered for one of our customers. If this is your domain name, please visit this page to see how to register it as DNS zone into your account. Note: If you already have registered the DNS zone for your domain name, please wait for DNS propagation. Your web site will be displayed soon. It may take few minutes.
画面をモバイル用に最適化する
モバイルウェブサイトのためのユーザビリティガイドラインを満たすには、モバイル機器用の機能のほとんどない1つの画面にも10点のデザイン変更が必要だった。 Optimizing a Screen for Mobile Use by Jakob Nielsen on March 28, 2011 日本語版2011年4月28日公開 先日のアジア太平洋訪問の間に、その機会を利用して、ユーザビリティ調査を何回か実施した。「ウェブユーザビリティのための基本的なガイドライン」等のセミナーの内容を最新のものにするために、通常のウェブサイトのテストも何度か行ったが、より大きな地域格差が見られるであろう、モバイルユーザビリティやソーシャル機能のユーザーインタフェース等の課題にはそれ以上の時間を費やした。 我々がテストしたモバイルサイトの1つに、AllKpop.comというのがある。このサイトが扱っているのは、ア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2011年Web制作者の人気を集めたWebデザインTop50（国内編）
Web 2.0 scientific calculator
responsivepx - find that tricky breakpoint