タグ
- すべて
- Web Socket (1)
- browserstack (1)
- *Programming (1)
- *wordpress (1)
- *あとで読む (1)
- 3D (7)
- 3DCG (2)
- AI (16)
- AMP (3)
- API (36)
- AR (3)
- AWS (22)
- ActionCable (1)
- ActiveAdmin (1)
- ActiveRecord (8)
- Advent Calendar (1)
- Alexa (1)
- Amazon EC2 (1)
- Apple (5)
- Application (1)
- BGM (1)
- BINOM.DIST (1)
- BOT (1)
- BUYMA (1)
- Big data (1)
- CAFY (6)
- CAPTCHA (1)
- CDN (1)
- CI (2)
- CMS (2)
- CNN (3)
- COMPASS (1)
- CORS (1)
- CSS (18)
- CSS3 (1)
- CTO (7)
- Carrierwave (1)
- CentOS (4)
- Chatwork (1)
- Clean Architecture (2)
- CloudFront (1)
- DB (5)
- DCGAN (1)
- DDD (1)
- DI (2)
- DIY (1)
- DOM (2)
- DTM (11)
- DeepLearning (10)
- DeepMind (1)
- Demo (2)
- Develop (2)
- EC2 (10)
- ElasticSearch (18)
- Elixir (3)
- Email (3)
- Engineering (3)
- Exif (3)
- Fastly (2)
- Fintech (2)
- GAE (4)
- GAN (3)
- GPU (3)
- Gemfile (3)
- Google (27)
- Google App Engine (2)
- HTTP (3)
- HTTP2 (4)
- HTTPS (3)
- ISUCON (2)
- IT (8)
- Instagram (2)
- IoT (3)
- Itamae (2)
- JSON Schema (3)
- Karma (3)
- Kindle (9)
- Kubernetes (4)
- Linux (21)
- MachineLearning (2)
- Markdown (5)
- Morpheus (3)
- Music (7)
- MySQL (8)
- NVIDIA (2)
- Nginx (12)
- OAuth (2)
- OSX (2)
- Oculus Rift (17)
- OpenGL (2)
- PC (7)
- PDF (2)
- PIAPRO (3)
- Project Morpheus (2)
- RDBMS (2)
- Rails4 (3)
- Raspberry Pi (6)
- Realm (4)
- Ruby on Rails (10)
- S3 (7)
- SDK (4)
- SEO (7)
- SQL (3)
- SSD (4)
- Sass (3)
- Steam (2)
- Sublime Text (2)
- Swift (42)
- SwiftBond (2)
- TensorFlow (10)
- UE4 (3)
- UITableView (2)
- UNIX (5)
- Unity (36)
- Unity5 (6)
- Unreal Engine (6)
- VOCALOID (11)
- VR (27)
- WaveNet (2)
- WebGL (4)
- Webアプリケーション (2)
- Web制作 (8)
- Web開発 (2)
- amazon (11)
- analytics (2)
- android (7)
- apache (2)
- app (4)
- atom (8)
- audio (4)
- autoencoder (4)
- bash (9)
- bitcoin (2)
- book (2)
- bootstrap (3)
- bundler (3)
- business (4)
- cache (2)
- capistrano (7)
- capistrano3 (2)
- capybara (3)
- chainer (4)
- chef (2)
- chrome (9)
- cocoapods (4)
- comic (2)
- command (2)
- conference (2)
- config (4)
- conoha (3)
- console (2)
- cookpad (3)
- cron (2)
- curl (3)
- data (3)
- database (5)
- debug (3)
- deep learning (17)
- delegate (3)
- deploy (2)
- design (12)
- designer (3)
- dev (2)
- development (15)
- dns (2)
- docker (15)
- erlang (2)
- es6 (2)
- fluentd (2)
- flux (4)
- food (2)
- game (9)
- gas (3)
- gem (20)
- gif (4)
- git (13)
- github (25)
- glitch (2)
- go (7)
- golang (5)
- grape (2)
- gulp (3)
- h2o (2)
- hadoop (2)
- haml (3)
- heroku (8)
- html (10)
- html5 (6)
- iOS (22)
- iphone (7)
- irc (2)
- javascript (60)
- jenkins (5)
- jpeg (2)
- jquery (8)
- js (24)
- json (12)
- keynote (2)
- kibana (3)
- less (2)
- lifehack (3)
- log (2)
- mac (16)
- macbook (2)
- machine learning (3)
- marionette (3)
- migration (2)
- mmd (2)
- mobile (2)
- model (3)
- niconico (2)
- node.js (3)
- npm (4)
- oculus (12)
- os (2)
- perl (4)
- phantomjs (3)
- php (2)
- plugin (4)
- presentation (3)
- prmd (2)
- proc (4)
- programming (23)
- pry (2)
- pwa (1)
- python (17)
- qiita (10)
- rails (139)
- raspberry pi2 (2)
- raspberrypi (2)
- rbenv (2)
- react (13)
- react.js (8)
- reactive (2)
- readme (2)
- redis (4)
- reference (4)
- require (3)
- resque (2)
- rspec (11)
- rubocop (3)
- ruby (113)
- ruby-on-rails (2)
- rust (2)
- scala (3)
- security (3)
- server (3)
- shell (3)
- sidekiq (3)
- sinatra (3)
- slack (4)
- ssh (6)
- startup (3)
- storage (2)
- sublimetext2 (2)
- swagger (2)
- techfeed (5)
- technology (2)
- terminal (2)
- test (7)
- tips (4)
- togetter (4)
- turbolinks (3)
- tutorial (2)
- twitter (14)
- uml (2)
- unicorn (9)
- update (2)
- vagrant (3)
- vim (4)
- vue.js (6)
- web (44)
- websocket (2)
- webサービス (19)
- webデザイン (18)
- windows (3)
- wordpress (6)
- work (2)
- xcode (6)
- yield (2)
- youtube (4)
- あとで読む (93)
- お役立ち (2)
- さくらVPS (2)
- はてな (4)
- まとめ (28)
- るびま (2)
- アイコン (2)
- アイデア (5)
- アニメ (8)
- アニメーション (3)
- アプリ (24)
- アプリ開発 (2)
- アルゴリズム (6)
- アンチパターン (4)
- アーキテクチャ (2)
- アート (2)
- イベント (7)
- イラスト (7)
- インストール (6)
- インターネット (2)
- インテリア (2)
- インフラ (3)
- エディタ (5)
- エラー (2)
- エンジニア (45)
- オブジェクト指向 (2)
- カメラ (2)
- キャリア (4)
- ギター (1)
- クックパッド (6)
- クライアント (2)
- クラウド (2)
- グラフ (2)
- グルメ (4)
- ケーキ (2)
- ゲーム (26)
- コマンド (15)
- コミュニケーション (5)
- コンパイル (2)
- コンピュータ (2)
- コーディング (9)
- コーディング規約 (3)
- サービス (10)
- シェルスクリプト (6)
- システム (5)
- スキル (7)
- スクレイピング (4)
- スタートアップ (11)
- スプラトゥーン (10)
- スプレッドシート (2)
- スマホ (3)
- スライド (5)
- セキュリティ (12)
- ソフトウェア (7)
- ターミナル (2)
- ダッシュボード (4)
- チュートリアル (7)
- チューニング (2)
- ツール (16)
- テクニック (3)
- テクノロジー (7)
- テスト (10)
- テンプレート (4)
- テーマ (2)
- ディスプレイ (6)
- ディープラーニング (7)
- デザイン (36)
- デザインパターン (6)
- デバイス (3)
- デバッグ (2)
- データ (24)
- データベース (2)
- ドワンゴ (2)
- ニコニコ動画 (4)
- ネタ (3)
- ネットワーク (4)
- ハッカソン (2)
- バージョン管理 (3)
- パターン (6)
- パッケージ (3)
- パフォーマンス (6)
- ビジネス (9)
- ファッション (4)
- フォント (6)
- フォーム (4)
- フレームワーク (11)
- フロントエンド (4)
- ブラウザ (7)
- ブログ (7)
- ブロックチェーン (8)
- プラグイン (9)
- プレゼン (4)
- プレゼンテーション (2)
- プログラマ (10)
- プログラミング (76)
- プログラム (6)
- プロセス (10)
- プロトコル (2)
- ホテル (5)
- ボカロ (7)
- マイクロサービス (4)
- マイクロソフト (2)
- マジカルミライ (2)
- マスタリング (2)
- マネジメント (4)
- マンガ (2)
- ミックス (2)
- ミュージック (3)
- メソッド (3)
- メルカリ (7)
- モバイル (2)
- ライティング (3)
- ライフハック (4)
- ライブ (4)
- ライブラリ (19)
- ランキング (4)
- ランチ (2)
- レイアウト (7)
- レシピ (11)
- ログ (2)
- ワンドロ (5)
- 人工知能 (9)
- 人生 (9)
- 仕事 (20)
- 企業 (3)
- 会社 (5)
- 便利 (6)
- 健康 (7)
- 働き方 (2)
- 入門 (2)
- 写真 (7)
- 分析 (4)
- 初音ミク (18)
- 勉強 (9)
- 動画 (4)
- 医療 (2)
- 変換 (2)
- 学習 (8)
- 実装 (8)
- 巡音ルカ (2)
- 情報収集 (2)
- 技術 (18)
- 拡張機能 (3)
- 採用 (4)
- 数学 (2)
- 整理 (3)
- 文化 (3)
- 文字 (3)
- 文章 (2)
- 旅 (2)
- 旅行 (5)
- 映像 (2)
- 映画 (2)
- 時間 (3)
- 書籍 (3)
- 本 (3)
- 東京 (2)
- 検索 (6)
- 機械学習 (31)
- 正規表現 (3)
- 歴史 (2)
- 漫画 (7)
- 生活 (6)
- 生産性 (3)
- 画像 (15)
- 画像処理 (4)
- 睡眠 (3)
- 瞑想 (2)
- 研修 (2)
- 素材 (2)
- 統計 (2)
- 統計学 (3)
- 考え方 (4)
- 育児 (3)
- 自然言語処理 (3)
- 英語 (5)
- 記事 (7)
- 設計 (3)
- 読み物 (3)
- 読書 (2)
- 資料 (2)
- 起業 (2)
- 転移学習 (2)
- 部屋 (3)
- 銀座 (2)
- 開発 (67)
- 開発環境 (4)
- 雑学 (2)
- 電子書籍 (2)
- 面接 (2)
- 音楽 (16)
- 食 (4)
- 食事 (2)
- rails (139)
- ruby (113)
- あとで読む (93)
- プログラミング (76)
- 開発 (67)
- javascript (60)
- エンジニア (45)
- web (44)
- Swift (42)
- API (36)
webとCSSに関するz_dogmaのブックマーク (2)
-
z_dogma 2015/06/30
- webデザイン
- レイアウト
- CSS
- web
リンク -
CSS 設計の長い夢 - ペパボのフロントエンドスタンダード
フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 スタイルシートの夢 (1) 予測しやすい (2) 再利用しやすい (3) 保守しやすい (4) 拡張しやすい 代表的な CSS 設計手法 既存プロジェクトの CSS に立ち向かう！ (0) 流れ (1) 既存の CSS ファイルを元に SCSS ファイルに変換する (2) イニシャライズ CSS や共通の箇所のスタイルを分離する (3) CSSLint を使って、修正しやすいところから整理していく (4) コンパイル (5) スタイルのスコープ（あ
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx