9年モノの Rails アプリで、古い Bootstrap を剥がして FLOCSS 化した話 - 弥生開発者ブログ by Misocaチーム

2020/08/21 25 users Rails by Misocaチーム アプリ

こんにちは、弥生 Misoca チームでマークアップをする方のデザイナー @kanizmb です。 今回、約1年をかけて古の Bootstrap の撤去および CSS 設計手法の導入（FLOCSS 化）をやり遂げたので、これらの変更をどのように進めていったかについてお話しします。 どういった状況だったか Misoca ローンチは 2011年、当時最新で... 続きを読む

echo.css : CSS framework optimized for CMS theming

2018/10/05 26 users SMACSS コンポーネント CMS CSSフレームワーク

CMSサイト制作に最適化 "echo.css"は、SMACSS, FLOCSSを設計ベースとしたCSSフレームワークです。特に、WordPress等のCMSを組み込んだウェブサイトの制作に最適化しています。 CMSによく見られる機能を想定したコンポーネント、コンテンツの微調整を行う補助クラスを数多く実装しています。 ぜひ「スタイルガイド」をご... 続きを読む

みんなが知ってるような知らないようなFLOCSSの話

2018/09/20 44 users BEM CSS フォント アニメーション CSS Grid

最近CSSの話題といえばBEMとかflocssとか設計とかそういう話ばっかりでつまらない。大事とは思うけど。CSS Gridとかの紹介みたいな話も飽きた。 もっとアニメーションとかレイアウトとかレスポンシブとかフォントとか頑張る話が聞きたい。 — takanorip@技術書典5 う-58&う-05 (@takanoripe) 2017年11月13日 続きを読む

FLOCSSを扱いきれないあなたに贈る、スリムなCSS設計の話 | WebNAUT

2017/04/07 79 users WebNAUT CSS設計 あなた

Webの開発をやったことのある方なら誰しも、「CSSって結局どう書くのがベストなの？」という悩みを感じたことがあるでしょう。 一見簡単なCSSですが、一度書き始めるとそのあまりの自由さに、まるで 大海原に放り出された赤子のような気分 になってしまいますよね。 人生何事も、ある程度制約があったほうがやりやすいものです。 そんなわけで今日はCSSの設計について考えてみましょう。 目次 どんな設計がある... 続きを読む