月別アーカイブ: 2012年12月

スクロールバーカスタマイズ

パソコンのデフォルトのスクロールバーってダサいですよね。変な青いやつ。
コンテンツ内にoverflow-y:scroll;などとしてスクロールバーを表示させた時
あの青いのが出てくるとデザインが台無しです~。

jQでいいのがないか探してみたら
http://kachibito.net/web-design/tiny-scrollbar.html
が良さそうなんですが、使い方がいまいちわかりません。
本サイトのダウンロードボタン押しても????だし。
http://baijs.nl/tinyscrollbar/

今度の新年会の授業でお願いしまーす。 続きを読む

第16回(12/21)勉強会報告

2012年12月21日(金)の活動報告です。

  1. CSS3で回転するオブジェクトの作成
  2. 「オリジナルWebサービス・コンテンツ」プロジェクトのアイデア出し

http://shoji.main.jp/2012_1221/log_20121221.html
私のサーバーにアップしました、上記URLからご覧ください。
こんなCSS3回転オブジェクトを研究しました。
rotate

Responsive Web Designとは?

12月15日(土)の活動報告・改訂版です。

はじめに

mq1ファイルをダウンロード

mq2ファイルをダウンロード

ファイルをダウンロード出来ましたら、mq1とmq2それぞれをブラウザで開いて下さい。
開きましたら、それぞれの画面の幅を小さくしてみて下さい。
いかがでしょうか?
mq2の方はある大きさまで狭まると、レイアウトが変わります。

今回の授業では、mq1を元に、
画面の大きさによってレイアウトが変わるmq2を作成しました。

それでは、どうやって作るのか?を説明してまいります。
元ファイルであるmq1のソースをコピーしてテキストエディタで開き、動作を確認してみて下さい。

手を加えるのは<head>内の<style></style>の中とhtmlの一部です。
続きを読む