はてなブックマーク

CSSのclip-pathプロパティを使用してクリッピングしたことがなかったのでclip-pathの使い方を覚えることにしました。 CSSのclip-pathの使い方を覚えるにあたってclip-pathのジェネレーターを参考にしながらclip-pathの使い方(主にbasic-shapeの使い方)を覚えました。 初めてCSSでclip-pathの使い方を覚えようとしているclip-path初心者さん向けの内容になるかと思います。 CSSでclip-pathの使い方 CSSのclip-pathを使用すると要素にクリッピング領域を作ることができ、領域の境界から内側を表示して外側を切り抜くことができます。切り抜くことを「クリッピング」と言います。 CSSでクリッピングするclip-pathの使い方は、clip-pathをCSSのプロパティとして記述してclip-pathに使用できる関数と値を記述

WordPressのバージョンを戻すWordPressをダウングレードするWordPressをバージョンダウンする 言い方はいろいろありますが、どれも現在使用してるWordPressのバージョンから古いバージョンに下げてWordPressを使用することを言います。 以前にWordPressの設定のことでお問い合わせしてくれた方がWordPressのバージョンを更新したら使用テーマの互換性の問題からなのかカスタマイズ設定が表示されないという不具合が発生してしまいました。 WordPressのバージョンを戻すときの方法を教えて欲しいとのことでしたので、ダウングレードするやり方をお伝えする前に確認作業したことをまとめたので参考になればと思います。 WordPressのバージョンを戻す方法は何がある？ WordPressのバージョンを戻す方法は2つの方法があります。 1つめはWordPressのプ

以前にヘッダーにロゴとメニューをHTMLでマークアップした記事を書いたことがあって、そろそろCSSでロゴの横にメニューを横並びしてみたくなりました。 ロゴとメニューを横並びにしたヘッダーにしているWebサイトやブログをよく見かけることが多いので、CSSでどう記述するか気になりますし、個人的には趣味の延長でCSSを使用しているくらいなのでロゴの横にメニューを横並びにできるように、たまにはマジメにやってみようかと思います。 そして、横並びにしたロゴとメニューをスマホでは縦並びにするCSSについても理解を深められたらなと思います。 CSSでロゴとメニューを横並びにする CSSでロゴとメニューを横並びにする場合の配置として多いのが、ヘッダーの左にロゴがあって、その右横にメニューを配置して横一列に並べる場合です。 そしてロゴとメニューを横に並べるためにCSSでやることは、縦に並んだメニューを横に並べ