htmlのbuttonをcssだけでおしゃれなデザインにするおすすめページ
僕はデザインの勉強をしようと思ったことも一瞬だけあったのですが、センスが無いからすぐ諦めました(笑) もはやWEBページ全体やHTMLのボタンなどパーツのデザインは世の中にたくさんテンプレートがあるので、それらを活用して…
プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。
僕はデザインの勉強をしようと思ったことも一瞬だけあったのですが、センスが無いからすぐ諦めました(笑) もはやWEBページ全体やHTMLのボタンなどパーツのデザインは世の中にたくさんテンプレートがあるので、それらを活用して…
HTMLは基本左寄せなので、左寄せに関しては問題ないです。 しかし、右寄せは自分でCSSを作成しないと右寄せになりません。 それもテキストなどのインライン要素とブロック要素では方法が異なります。 HTML基本サンプル 先…
最近は、PCで表示した場合とスマホで表示した場合で、表示の仕方を変える場合がほとんどだと思います。 そしてその実現手段としてCSSで画面幅ごとに対応していく場合があります。 例えばPCではヘッダー部にメニュ…
jQueryを使ってHTMLの属性を操作する方法です。 HTML属性は画像を表示させるタグ <img> の画像を指定する src などのことをさします。 id や class も属性です。 プロパティとも呼ば…
今回はHTML要素内の子HTML要素やテキストを操作する方法です。 動的にメッセージを変更したりページを構成するHTMLを変更したり出来ます。 タグ内のテキストを取得・変更する HTMLは下のようなメッセージがあるとしま…
HTMLはWEBサイトを作成していると必要になるのがINPUT項目です。 INPUTとは名前や電話番号、お問い合わせ内容などを入力するためのフォームを作るタグです。 これを使えれば、HPにお問い合わせフォームなどを設置し…
HTMLにはテーブルというものがあります。 テーブルを使うとメニュー表などの表で作成するものが簡単に綺麗に整理して表示することが出来ます。 これを使うことにより、サイトが見やすくなりSEOや成約で有利になります。 テーブ…
前回の記事でHTMLの基本構成について説明しました。 今回はHTMLに文章と画像を挿入してみます。 サンプルHTMLを作成しましたのでそちらをベースに解説します。 HTML5雛形に画像と文章をマークアップ [crayon…
例えば、下の画像のように、一連のフォームに対しボタンが複数あるとします。 戻るボタンは、入力した内容は関係なしに前の画面や指定したページに戻るためのボタンですが、登録や一時保存はサブミットされるはずです。 しかし、for…