WordPressでサイトを素早く作るときに子テーマを利用する事が多んだけど、CSSだけを編集したいがために子テーマを使う場合もあると思います。 だがしかし!最近(ver.4.7)位からカスタマイズのメニューに追加CSS […]
カテゴリー: html5 & CSS3
webページを更新したはずなのに更新されていない時の対処
今日もあったことなのですが、Webサイトを更新した時にクライアントに確認をしてもらうわけなのですが、クライアント側では更新されていないってことがあります。 これは各ブラウザが一度表示したデータは、再び表示したときに読み込 […]
レイアウトの作業がムッチャ楽になるFlexboxをさらに簡単にシュミレーション
webページのレイアウト作業を行なっている時に、以前にも記事を書いた大変便利なbox-sizing:broder-box;ですが、幅の計算が簡単にできてこれはこれで素晴らしいのですが、3カラム表示で高さを合わせたい時には […]
jQueryを使って文字を選んでボックスの背景色を変える
ネットショップの注文フォームとかで色を指定してもらう時に、色を名称で選んでもらうだけではなく、商品の色が変わったり出来ないかな?と思って作ってみました。 注文フォームで選んだ内容が送信されないといけないので、色の選択はラ […]
CSSの計算が劇的に簡単になる box-sizing
cssでボックスに幅を指定したいときに使うwidthですが、それはあくまで内容物が入る事ができる幅になります。その際にborderやpaddingを設定するとその幅がwidthに追加されてしまい、ボックスの所有する幅が増 […]
WordPressページ内の記事を半角でコピペさせたい
このサイトでhtmlやcssのコードを掲載しているが、そのままコードをコピペすると半角の「’」や「”」が全角でペーストされてしまいます。 これはWordpressが勝手に変換しているためだったので、修正しました。 Wor […]
定義リストで1セットごとの間に矢印
定義リストを使ってスケジュールページ等を作るときに。それぞれdt,ddの１セットの間に何か置きたい時、以前はテーブルで作って、間に画像等を入れていたが、面白くないので定義リストで作ってみる！ html的には普通の定義リス […]
HTMLとCSSでスマホ用メニュー
レスポンシブなナビゲーションをjQueryとかを使わずにhtmlとcssのみで実現する。 cssセレクタには:activeがあるがこれはクリックしている時だけの設定で、今回は一度クリックしたらもう一度クリックするまで状態 […]