ゆるりと立派な大人になるために

元組み込みソフトウェアエンジニア、あれこれを書いていこうと思います。TOEICは915点

Web系素人ですが、Flat UIでくだらないサイトを作りました。

はじめまして。

 

普段はあるOSのサポートエンジニアとして働いているものですが、今まで手を出した事のないWebプログラミングに最近興味を持ち始めました。どうせなら、その成長過程をブログでアップしていこうと思い、はてブを作成しております。

 

Web系プログラム(php,python,ruby)やデザインについては全くの素人ですが、技術的な面でアドバイスをいただけると、ありがトゥースと思っております。

 

ではでは、Twitter BootstrapをベースにしたFlat UIで下記のようなサイトを作成しましたので、ご覧ください。

 

 

Flat UIの情報がほとんどないため、下記のFlat UIのページのソースコード表示か、 

 http://designmodo.github.io/Flat-UI/

直接cssファイルの中身をみて、作ってみました。

imgタグのclassにimg-polaroidを指定する事によってポラロイド風に写真を表示する事が結構お気に入りです。

    <img src="image-bss/images/xxx.jpg" class="img-polaroid img-responsive">

画像はこちら、

f:id:simplestreet:20131229224052j:plain

 

まわりに枠線ができてポラロイド風にできますね。img-responsiveでレスポンシブデザインにも簡単にできちゃうし。

 

というわけで、こんな感じでwebプログラミングのお勉強を開始しました~