歴代使用したホームページ作成ソフトと今

2016/04/04 07:52
おはようございます。 Benです。 最近、サボりにサボっていたプライベートのホームページも心を入れ替え?てレスポンシブ対応のものに作り替えています。そんな中ふと思えば、これまでいくつかのホームページ作成ソフトを使ってきたなあ…ということでホームページ作成ソフトについて、使用感もまじえてノートします。 が初めてホームページを作ったのは1999年です。この頃はこのホームページビルダーを使っていました。タグなどの専門知識がなくてもホームページを作れるということで、人気急..

続きを読む

画像を使わずにCSSだけでボタンを作成

2016/02/28 23:54
こんばんは! Benです。 ホームページネタが続きますが、今回はCSSだけでボタン風のリンクを作ろう!というものです。職場のホームページでもメインメニューやお問い合わせボタンなどあり、3Dにするまで凝らないけれど、グラデーションと丸い縁取りでボタン風にしました。 ↑完成形はこれです 昔の方法は、ボタン全体を画像で作るか、あらかじめグラデーションや縁のパーツを画像で作り、背景にしてつくるなど、画像が必要でした。今はCSSのバージョン3により、画..

続きを読む

レスポンシブ対応のメニューを作ろう

2016/02/27 07:38
Good morning! Benです。一昨日、全社のWEBサイト更新を何とか無事終えました。事前準備は切羽詰まってましたが、切り替えは意外とスムーズ。細かいことはこれからも出てくると思いますが、重大欠陥発覚で以前のに戻すという最悪な事態は避けられました。 その更新ではスマホやタブレットなどでも閲覧できるようにレスポンシブWEBデザインにしました。その中で悩むのがメニューです。の会社のホームページは、支社を選ぶグローバルメニューと、各支社内メニューの2つのメニューがあり..

続きを読む

CSSで要素の既定値設定と記載順序の基本

2016/02/25 06:58
おはようございます。今日、全社のホームページのデザイン一斉更新で心臓がバクバクヒクヒクのBenです。 昨日、別の支社の担当者から「現ページはtableタグをレイアウトに多用しているのだけれど、スマホのような狭い画面幅では全幅で、PCの広い画面幅では全体の80%くらいで左右に均等の余白を設けたいけど、いちいちwidthやmarginの設定をするのが大変」とのコメントがありました。 なのでCSSでtableタグの既定値を設定して手間を省こうと考えたのですが、そういえば..

続きを読む

WEBページでスマホは幅全体でPCは最適幅で

2016/02/19 07:29
おはようございます! 会社のWEBサイト刷新中のBenです。今日、1支社の担当者が作業期限を2週間過ぎて催促したら「何をすればいいのかわからない」とメールが 切替まで一週間なのに・・・ということで気を取り直してWEBサイトのスマホ対応の続きです。 IT勉強ノートbyフクロウ こんばんは! Benです。今日は風が強くて道を歩いていたら突風に飛ばされ、気が付くと東京にいました。風で飛ばされないようにいっぱいご飯を食べて体重を増や..

続きを読む

もっと見る