皆さん、こんにちは。 制作部の関です。 サイトを制作する中、よくあるのが、 「スマホで見た際に左右に余白があり、画面が左右にグラグラしてしまう」 という問題です。 これは気になる！絶対に修正しなければならない！ しかしす […]
コーディング
コーディング
コーディング
background-imageの写真の比率を保ったまま可変する
皆さん、こんにちは。 制作部の関です。 サイトを制作する中、たまにあるのが、 背景画像の比率を保ったまま可変したい！という手法です。 HTMLに画像を設置するのではなく、CSSで背景画像を設置したいときにこれを使えば、 […]
コーディング
要素の大きさや位置の比率を維持しながら可変させる
こんにちは、くしだです。 See the Pen Untitled by kushi (@kushi95) on CodePen. このように円を親要素の真ん中に配置することがたまにあります。 上記のものは幅が固定なので […]
コーディング
【css】position:fixedを使ったヘッダー使用時、アンカーずれを直す方法
こんにちは 今回はアンカーリンク時にたびたび困る高さ調整のcssです 方法はcssとJavaScriptがありますが個別にかける場合はcssが楽です コード 対象に margin-top:-100px; padding- […]
コーディング
【紹介】いろんなホバー動作
こんにちは、ワタナベです。
コーディング
array_columnをphp5.4以下でも使いたい・・・・
こんばんわ 制作部カワサキです。 php5.5から使えるようになっている表題の関数「array_column」ですが 今回php5.4のまま使いたいケースが発生しまして・・・ 本来はphpのバージョンを上げるのが正道なん […]
コーディング
【CSSで再現可能！】ボーダーやドット、チェックの背景パターン
こんにちは、ワタナベです。
コーディング
MW WP Form に Google reCAPTCHA V3 を設置
Google reCAPTCHとは Googleが無料で提供している、botと人間を区別してWebサイトを守ってくれる認証システムで、 スパムメールの対策として効果的です。 歪んだ文字を正しく入力したり、複数の画像から当 […]
コーディング
何度もクリックしたくなる【かわいいクリックアクション】
こんにちは、ワタナベです！
コーディング
「em計算ツール」とは？？
皆さん、こんにちは。制作部の関です。 私がよく使う（というか必須）ツールサイトである、 「em計算ツール」のサイトについてご紹介致します！ 「em計算ツール」とは？？   […]
最近のコメント