CSSだけで美しいレスポンシブデザインを実現『Pure』 - slow living in the sky
根強いBootstrap人気 以前大ブームを起こしたレスポンシブデザインですが、その火付け役とも言えるのが Bootstrap ですね。 以前に比べては少し勢いが小さくなったように感じますが、未だに根強い人気があります。 Bootstrapの難点 ただ、Bootstrapは、 独特の記述ルール CSSだけでも100KB以上 JavaScriptを利用する JQueryに依存する カスタマイズが難しい など、イマイチ使い勝手が悪く、気軽に導入できるというものでもありませんでした。 Bootstrapの弱点を解決する『Pure』 そこで登場するのが、Yahoo!の開発した『Pure』です。 Pureの特徴は、 CSSフレームワーク 必要なのはCSSだけ 用途に応じて分割（Grids, Buttonsなど）して使うことも可能 すべて読み込んでも19KB JavaScriptを必要としないので、ほ
スマホサイトのデザイン・作り方の現状についてまとめてみました。
今年の8月ごろに、「8割以上の人、スマートフォン専用サイトの必要性を感じていない」というアンケート結果が話題になっていました。実は、このアンケートは記事本文よりもはてなブックマークのコメント欄のほうが参考になります。そこで、本日時点のブコメの内容をまとめてみました。 一人しか言及されていない内容は除外 一人の人が複数の視点について言及している場合は別々にカウント という方法で集計・分類した結果、201人分のコメントになりましたので、スマホサイトに関心のあるはてブユーザー（の一部）は、スマホサイトの現状をどう感じているのか。現状や不満の声をランキング形式でまとめてみました。 集計人数に多少の誤差があるかもしれませんが、私の基準で分類していますのでご了承ください。人数の関係で中途半端ですが、12位から発表していきます。人数が同じ場合は同じ順位としてカウントしています。 第12位：PCサイトは重
レスポンシブWebデザインのメリット・デメリットをわかりやすく！解説｜Tips*Blog｜株式会社コプロシステム
こんにちは、コプロシステムWebデザイングループの石川です。 このTips*Blogでも今まで何回か取り上げてきた「レスポンシブWebデザイン」というテーマですが、 今回のエントリーでは、そのメリット・デメリットについてまとめてみました。 Web関係の仕事を生業としている方にとってはいまさら感のある話題なのは承知の上なのですが、 Web関係の仕事に直接かかわらない人からも「レスポンシブWebデザイン」のワードを聞くことが最近多かったのと、そういう方にメリット・デメリットをちゃんと説明するためにも、わかりやすい図解入りでまとめてみました。 （今回のイラストは、我がチームの早水が担当！） 関連記事 レスポンシブwebデザインとは？（2012年1月6日エントリー） リニューアルサイト構築時に助けてもらったシリーズ ～レスポンシブWebデザインのチェックができる便利ツール～（2013年5月23日エ
レスポンシブ・デザインとアダプティブ・デザインの定義を整理してみた
「レスポンシブからアダプティブへ – 必要な情報を、必要なときに、必要としている人へ」という記事を読んでいてレスポンシブ・デザインやアダプティブ・デザインの言葉の定義を一度整理しておいたほうが良さそうだと感じたので、遅ればせながら自分なりにまとめてみました。 レスポンシブ・デザインやアダプティブ・デザインについて話をする際に、そもそもの定義がずれていると話が噛み合わず、無駄な討論をしかねません。さんざん討論したあげく「ところで、アダプティブ・デザインってどんな意味で使ってる？」と問いなおしたら、お互いに勘違いしてたとか、結構ありそうな話です。 どれが正しいとか正しくないとかではなくて、僕が知る範囲で一般的に使われている定義をまとめてみました。いくつかの意味で使われていることを知っておけば、ミス・コミュニケーションも未然に防げる可能性が高くなるのではないでしょうか？ ※ここで紹介する定義を「
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
