CSSの擬似クラス(hover)でメニューにドロップダウンを可能な限り簡単に追加する
前回メニューを横並びにしましたが、そのメニューに子要素があった場合の話です。 例えば「カテゴリー一覧」というメニューがあって、そこにマウスカーソルを当てると下に各カテゴリーのリンク一覧がピロッって出てくるものです。 これ…
プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。
前回メニューを横並びにしましたが、そのメニューに子要素があった場合の話です。 例えば「カテゴリー一覧」というメニューがあって、そこにマウスカーソルを当てると下に各カテゴリーのリンク一覧がピロッって出てくるものです。 これ…
HTMLは誰が設計したのかたまに思うように動かないことがあります。 その1つとして画像の下に謎の余白が出来てしまう現象です。 画像自体も画像の周りの要素にも margin や padding は0を設定しています。 なの…
リストというのは ul タグを使って作成したものです。 それを初期状態のままブラウザで表示すると下の画像のようになります。 今回はこのたて並びになったリストを横並びにしてメニューぽくしてみようと思います。 横並びにするC…
HTMLとCSSはセットで勉強しないと意味が無いほど互いに依存しています。 HTMLは骨格だけでデザインは出来ない。 CSSはデザインできるけど骨格は作れない。 今回はCSSの基礎知識と、前回作ったHTMLの骨格にちょっ…
前回の記事でHTMLの基本構成について説明しました。 今回はHTMLに文章と画像を挿入してみます。 サンプルHTMLを作成しましたのでそちらをベースに解説します。 HTML5雛形に画像と文章をマークアップ [crayon…
たぶんこの記事を読まれる方はこれからWEBサイトを作ってみたいと思う方ではないでしょうか。 それくらいHTMLというのはWEBサイトにおいて基本中の基本だということです。 そのHTMLの基礎と、学ぶにあたりどこから手をつ…
プログラミングと言っても、WEBサイトを作るだけでなく、スマホ用のアプリだったり、パソコン上で動くツールだったり、冷蔵庫や電子レンジのプログラムもあります。 何を作りたいのかで学ぶプログラミング言語も変わってくると思いま…
プログラムのテストをしているときに、ログインしている場合としていない場合のテストを実施するときシークレットモードを使うとわざわざログアウトしなくてよくて便利です。 ちょっと出先でパソコン借りてシステムにシステムにログイン…
僕はあまりクッキーを削除したことが無いですが、クッキーの削除方法についてご質問頂いたので回答します。 ブラウザ情報は無かったので Google chrome での説明です。 クッキー削除したいときってどんな…
今回はセッション、クッキー、キャッシュの違いについてです。 WEBシステムを開発していると、必ず耳にするキーワードだと思います。 そしてこれらを上手に使いシステムを構築するのですが、間違うとセキュリティ上の重大な問題に発…