notebook便利で重要な情報の備忘録。基本的には自分の為だけど、しっかり公開しちゃっているのでweb系の色々な情報もご紹介しちゃう。おーあえ078月パソコン表示のみで考えられたサイトをスマートフォン対応にするパソコン用に制作されたサイトを、スマートフォンやタブレットに対応させる技術のことをレスポンシブと呼びます。このレスポンシブ対応のサイトにするには、まずは通常のhtmlがちゃんとできている事が必要です。2017年8月7日038月htmlとcssのみでアコーディオンパネルを作ってみるアコーディオンパネルと言えば、jQueryで!ってなるかもしれないけど、htmlとcssだけでは出来ないかな?と思いチャレンジしてみました。2017年8月3日187月ある程度スクロールしたらブラウザ上部に固定するメニューページを開いた時にはヘッダーの下部にナビゲーションメニューがあって、スクロールした時にそのまま上がって表示されなくならずに、ページ上部に固定される様にしたい!って時の方法。今回はjQueryとCSSで再現してみます。2017年6月27日226月フロントページに投稿一覧リストを表示WordPressでフロントページを固定ページで作って、その一部に投稿の一覧を表示させたい。IEにhtml5を対応させる今時、IEに対応させるようなことはしなくていいと思っているんだけど、とりあえずやってみる。基本的にIEではhtml5に対応していないので、header,footer,nav等のタグは認識してくれません。有名な理由は「簡単だから!」て事だと思います。それぞれの幅が違うオブジェクトの中央を均等に分布すると、間隔がばらばらで全然揃った感じがしません。その場合、「等間隔に分布」を使えば綺麗に並びます。授業中に生徒さんのパソコンでPhotoshopのカラーピッカーを表示させると、一部が色域外警告になっているようでグレー表示になっていました。2017年5月9日154月フロートを解除する為のClearfixの使い方と意味CSSでFloatを使った場合、ほとんどの場合でfloatを解除する必要があります。何年か前は解除したいところに、divタグを作って、そこにclear:both;をCSSで設定するようにしていました。何年か前まではAmazonでネットショプを出していたんだけど、その時は既に追加されている商品に対して価格等を設定するだけだったが、今回は一から商品を登録してみましたよ。notebookとは便利で重要な情報の備忘録。基本的には自分の為だけど、しっかり公開しちゃっているのでweb系の色々な情報もご紹介しちゃうサイトです。したら間違ったことを書いてるかもしれないので、その時には優しく指摘してくださいね。