Webデザイン

Pure CSS を使ってみました。

投稿日:

先日、CSSフレームワークについて調べてみました。
CSSフレームワークは、「出来るだけ手間なく見栄えの良いホムペをつくるためのツール」です。
大きな会社には沢山人がいます。(笑) 皆でホムペを作るときに、ベースとなるシンプルなページがあると共同開発しやすいですね。
そんな目的から生まれたものが、CSSフレームワークです。
 
最初に登場したのが ツイッター社のブートストラップというCSSフレームワークです。
ツイッター社が、自分たちでつかっているホームページ作成ツールを公開したのです。
 
これは当時、なんか凄くお得な感じがしました。だって、デザイン力がなくても、そこそこのカッコイイページを、短時間でつくれるからです。そんなことを実現してくれるものがCSSフレームワークというわけですね。
 
Twitter Bootstrap から始まったCSSフレームワークですが、既に皆がつかっているので、何か新しいものはないかと思って調べてみました。

2014年春、人気のCSSフレームワーク フラットデザイン対応もあります
 

Pure css

そこにあったのが Pure cssです。
あのYahoo! アメリカが開発していると聞いて、これだーと思いました。
Yahoo!アメリカは、一時本当に風前の灯でした。
創業者のジェリー・ヤンが、Googleの創業者二人の前で凹みまくっている写真がパパラッチされたこともありましたねぇ。

真ん中でつっぷしているのが、ジェリー・ヤンです。
写真はビジネスインサイダーからのリンクです。
 
ところがですよ。マリッサ・メイヤーという強烈な女性がCEOになってからYahooは生まれ変わりました。少なくとも私にはそう見えます。
Yahoo!はもともとテクノロジー企業だったのですが、美人で才女のマリッサ・メイヤーが入ってから明らかに輝きだしましたね。
 
そのYahoo!の開発しているCSSフレームワークと聞けばほっておけません。
(ふぅ〜 前置きながっ!)
 
Pure CSS
 
 
 
画面も案の定綺麗!
引き寄せられてしまいます。
 
情報の視覚化もなかかなかです。カラフルなバーは、パーツごとのファイル容量を示しています。イケテマス
このPureCSSについては ここのページが分かりやすいです。
Pure cssをパパっとwordpressテーマ化してみる
 
私はブログ用のデザインとランディングページ用のデザインをダウンロードしてワードプレス化してみました。
pure css framework
 
フロントページです。殆どそのまんまですが、WordPressのテンプレートタグを入れて表示してあります。
 
pure css blog
こちらはブログですね。
実際に使うにはまだシンプルすぎますし、テンプレートも少ないですが、今はバージョン0.5なのでこれからでしょう。
きっと今までにない使いやすいフレームワークを作ってくれると信じています。
 
今はテンプレートも6種類しかありませんが、これからが楽しみです。
pure css
 
これからホームページのデザインを学ぶ方には、コードもシンプルなので参考にするにはとても良いと思います。
 
ではでは〜

-Webデザイン
-,

Copyright© ヒバモン , 2018 All Rights Reserved Powered by AFFINGER5.