LoginSignup
27
25

More than 5 years have passed since last update.

超うす味のCSSフレームワーク『LightTaste』を作りました!

Last updated at Posted at 2016-05-02

タイトル通り超うす味CSSフレームワークを作りたいな!って気持ちで書いています。

タイトル通り超うす味CSSフレームワークを作りました!(5月3日)

自分でいうのもなんですが、かなり自由度高くて使いやすいです!
ぜひお試し有れ!(githubにstarつくとテンション上がります。気に入ったらよろしくお願いします!笑)

LightTaste.css
https://github.com/maru-3/LightTaste


自分はRailsエンジニアでサーバー側を書く事が多いのですが、自分の趣味サービスを作る時などはがっつりデザインまでやるのでフロント側もよく触ります。

いつもはskeleton.cssを使って土台作りしてあとは自分でcssを書いて、サービス作りをしているんですが、サイドバーとか作ってると12分割のgridが意外と嫌だったり(僕だけ?)、無駄に色とか付けないでよ!とか、listに装飾いらないよ!とかそういう我がままのたぐいが生まれてきました。(実際めっちゃ使いやすいので、こんな風におもうのは自分だけかもしれない笑)

Skeleton.css
http://getskeleton.com/

もはや、初期化用のcssにちょっとだけかっこ良くするだけの超うす味なCSSフレームワークがあったらいいなと僕は思いました。

僕がCSSフレームワークに求めるもの

僕がCSSフレームワークに求めるものは以下の2つです

  • 簡単にそれなりの見た目になること(layoutとかformとか)
  • 凝ろうと思えば気持ちよく作業出来る事

今流行のCSSフレームワークの現状

『簡単にそれなりの見た目になる事』についてはすごい楽しいです

でも、やっぱりちょっと辛くなるのは、『凝ろうと思えば気持ちよく作業出来る事』のほう…

シンプルなCSSはもちろんある

skeleton.css
http://getskeleton.com/

minimal.css
http://minimalcss.com/

workless.css
http://workless.ikreativ.com/

kube.css
https://imperavi.com/kube/

skyblue.css
http://stanko.github.io/skyblue/

ただ、やはりちょっと味付けが濃いなーと思う

簡単なレイアウト、その他諸々がまあ見れるくらいの完成度に味付け出来るような超うす味CSSフレームワークを作りたい

目的はひとつ!
自分のWEBサービス作成を楽にしたい…

超うす味CSSフレームワーク『LightTaste.css』

LightTaste.css
https://github.com/maru-3/LightTaste

お好みで味付け出来るCSSフレームワークを目指しています。

絶賛作成中
手探り進行中です笑

現在の進捗(5月2日開始 ~ 5月3日現在)

css

  • Layouts
  • Positions
  • Forms
  • Links
  • Buttons
  • Lists
  • Margins
  • Paddings
  • Fonts

sample page

  • grid
  • Forms
  • Buttons
  • Lists

ダメな作り方やマナー違反等あったら教えてください!

27
25
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
27
25