[B! RWD][CSS] tomk79のブックマーク

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を必要としないので、ほ

tomk79 2014/05/13

リンク

FICC | デジタルエージェンシー

LEADING BRANDS TO DIGITAL WE ARE A DATA-DRIVEN MARKETING AGENCY FICCはデータに基づく論理的なマーケティングを提供するデジタルエージェンシーです。消費者に価値あるコンテンツと体験を届けるため、戦略立案から施策実行まで一貫して提供しています。

tomk79 2013/12/24

リンク

FICC ナレッジブログ | FICC | ブランドマーケティング

ビジョンラダー：ブランドパーパスとプロフィットを両立し、理想を現実に変えるためのフレームワークブランドパーパスブランディングビジョンラダービジョンは組織の共有する目標であり、人々を束ね、活気づけるものです。ビジネスの理想の形の定義であると同時に、持続的な成長の原動力にもなり得ます。この貴重な資源を最大限に... 続きを読む逆境のいまこそ見直したい、ブランドの「設計図」とは？：ブランドホロタイプ・モデルの基本ブランドホロタイプ・モデルブランディングこの異常な状況の下で、多くの人が通常どおりの広告に多少ながらの違和感を感じていると思う。パンデミックによって私たちの環境は劇的に変化し、広告の大半がその文脈から外れてし... 続きを読むパーセプションフロー・モデルとは？10年以上の経験に基づくナレッジパーセプションフロー・モデルマーケティングは複雑なチームプレーを要する企業活動であり、個

tomk79 2013/12/24

リンク

wivern.com | 埋め込み動画のサイズをレスポンシブにする方法

サイバーセキュリティ＆人工知能研究所サイバーセキュリティや人工知能(機械学習等)を中心に、最新技術を研究しています。埋め込み動画のサイズをレスポンシブにする方法 YouTube の埋め込み動画のサイズをレスポンシブにする方法 2013/08/02 : Tech Reports はじめにサイトで Youtube の動画を紹介する場合に、iframe タグで囲まれた「埋め込みコード」を貼りつけますが、固定サイズのため、画面サイズがレスポンシブに変わってくれません。せっかく、Twitter Bootstrap 等でレスポンシブに対応しても、動画のサイズが固定なままでは、はみ出したりして見た目が台無しです。そこでいろいろと調べたり試行錯誤した結果、比較的簡単に実装できる方法を見つけたので公開します。方法は下記のように、CSS で定義した YoutubeWrapper クラスを指定した d