相互連動するSelect要素を作ってみた。

初めに

今回は二つのselestタグの内容を連動させてみます。
一方のSelectタグでリンゴを選んだら、もう一つではAppleになるといった感じです。
それではやってみましょう。

CSS備忘録 スライドして出てくるサイドバーを作る

初めに

今回はスライドして出てくるサイドバーを作ってみます。
シュッシュッと動いて意外とかっこいいものになりました。

Blogger投稿用のCSSを作ってみた。

今回はBlogerに投稿する際に少し気になっていたことを解決したいと思います。
それは投稿記事が絶妙に見難い。(文章力のせいかもしれませんが・・・。)

とりあえず、今がどういった項目を書いているのかをわかりやすくなるように、
文字の色とサイズ(あと少し装飾)にCSSを適用してみたいと思います。

以下は自作CSSを適用した画面になります。

CSS備忘録 CSSだけでドロップダウンメニューを作る

CSSだけでマウスオンすると展開するメニューを作ってみました。
これHTMLだから簡単だけど、GUIアプリで作ったら大変だなきっと・・・。とか思ってます。

それではサンプルです。

CSS備忘録 CSSだけでポップアップボックスを作る

特定の編集画面をページ遷移ではなく、
ポップアップで作れないか試してみました。

結構いい感じです。CSSって本当に便利なんですね。(気が付くの遅いよね。絶対。)

それでは、サンプルです。

CSS備忘録 ページの中央にdivブロックを設置

CSS備忘録
場面中央にdivブロックを設置するような画面構成ってあると思います。
ログイン画面とか・・・・。

というわけで、divブロックを中央に設置してみます。

CSS備忘録 レスポンシブ タイルデザインから1カラムデザインに切り替える

CSSの勉強を続けていく中で苦手意識が少し取れてきた気がします。
レスポンシブデザインにも挑戦しています。

とはいえ1から書いてと言われたらいささか辛いかもしれません。

というわけで備忘録です。 今回はレスポンシブ！

CSS備忘録 コンテンツが短いときは最下部に固定されるフッター

HTMLの編集をしていく中でCSSの勉強が必要になってきたんですが、
このCSSが非常に厄介でいまいち思った通りの見た目になってくれない・・・。

いろいろ調べて、これはもうありがちなパターンをテンプレートにする感じなんではないかと思い始めてきました。 というわけで備忘録的なサンプルです。

CentOS7にnginxをインストールする。

CentOS7にnginxを入れてみます。

それでは手順です。

CentOS パッケージインストールの準備をする

CentOSでnginXの設定を試そうと思って別のマシンを準備を始めました。

自分でブログを見て準備をしようとして、
パッケージのインストール準備を書いていなかったのでまとめてみます。

HTMLを動的に書き換えよう４

いろいろ調べて
HTMLの動的書き換えもあらかた判った。
AJAXもだいぶわかってきた。

多分最終段階だと思うんだけど、
Ajaxで相互データやり取りをやってみます。