公開日：
タグ：

今回は遊び心シリーズということで、忍者のサイトぐらいにしか使わないのでは？と思われる「CSSで作るまきびし」を解説していきたいと思います。 まきびし（wiki）というと忍者が逃げるときに敵の足止めに使う忍具の一つです。ヤンキー漫画を見ていると画鋲をまきびし代わりにしているのはよく見かけますね。（真似…

公開日：
更新日：
タグ：

前回の基本フィールド編に引き続き、実践編としてAdvanced Custom Fields（以下略ACF）の「コンテンツ」フィールドを全て解説していきます。 コンテンツフィールドは以下４つになります。 画像 ファイル Wysiwygエディタ oEmbed ※ACFの設定、基本フィールドについての記事…

公開日：
更新日：
タグ：

今回はCSSだけで作れるリッチなホバーエフェクトボタンを作ってみました。なぜホバーエフェクトが必要か？ それはユーザーがサイトを回遊する際の「使いやすい」、「このサイト面白い」、「こだわってるサイト」というがわかりやすく体験できるようにするためです。サイトの内容が一番重要ですが、見てもらうために気持…

公開日：
タグ：

Chrome95にアップデートしてから検証ツールの改悪に悩まされてました。 その改悪とは・・・ 数値の横にある単位のプルダウン CSSをコピペした時の大量の改行 検証ツールベースで開発をする人からしたらかなりきついです。数値を調整するにしても単位のプルダウンを間違って触ってしまったり、慎重に数値をク…

公開日：
タグ：

こんな悩みがありませんか？「この画像で使ってるフォント何これ、かっこいい・・・なんてフォントだろう？」画像なので何のフォントかわかるのは神ぐらいです。 今回は画像からPhotoshopを使って似たフォントを検索する神機能を解説します。 検索手順 ①フォントを検索したい画像をダウンロード②画像をPho…