タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

cssとstyleguideに関するmachupicchubetaのブックマーク (2)

  • みんなのウェディングのCSS事情 — みんなのウェディングエンジニアリングブログ

    こんにちは。みんなのウェディングの平岡です。 みんなのウェディングでは自社開発したCSSフレームワーク「Esthe(エステ)」を利用して開発をしています。 今回はそのEstheの簡単な説明と導入までの流れを紹介したいと思います。 導入前までに抱えていた問題 案件が発生する都度すべてのデザインを作成していたため、デザイナーの作業が増えていく デザインガイドラインがないため、コンテンツ作成毎にトンマナがずれていく CSSのルールがないため、どこから読まれているのかわからず解読&確認に時間がかかる サービスの急激な伸びによる影響でCSS周りの整備まで手が回らず、 コンテンツの拡充に比例して日々メンテナンスコストが上がっている状態でした。 なんとかしたい サイトとして共通化されたデザインパーツがほしい デザインガイドラインがほしい 管理されたCSS環境がほしい bootstrap? bootstr

    みんなのウェディングのCSS事情 — みんなのウェディングエンジニアリングブログ
  • おい、このスタイルガイド、生きてるぞ! Hologram と「Pepagram」ではじめるスタイルガイド入門 - Pepabo Tech Portal

    はじめまして、鹿です。カラーミーショップというネットショップ構築サービスで、決済画面を担当しているデザイナーです。 UI パターンを一覧できる「スタイルガイド」は、開発にあたってとても役に立ちます。でも、wiki やテキストファイルに書かれたドキュメントは、更新を忘れて放置してしまい、実態とかけはなれて混乱を招くこともあります。プロジェクトにあわせて一緒に成長していく、生きたスタイルガイド(Living StyleGuide)を作るには、管理しやすいことも重要です。 そこで、エントリでは、スタイルガイドジェネレーターの Hologram を利用してスタイルガイドを作成・運用する方法と、ペパボ用テーマ「Pepagram」を紹介します。 スタイルシートこわい 突然ですが、スタイルシート書いてますか? もしスタイルシートに触れたことがある方なら、いちどでもその仕様にうんざりさせられた経験がある

    おい、このスタイルガイド、生きてるぞ! Hologram と「Pepagram」ではじめるスタイルガイド入門 - Pepabo Tech Portal
  • 1