youtube(iframe)の埋め込み動画をレスポンシブ対応にする
youtube動画をホームページに掲載する機会も増えてきました。動画サイズを固定するのであれば、埋…
数多くのホームページをご依頼いただいている中で、実際に株式会社衆が制作に携わった案件の中で使用している手法や、基礎知識に関しての備忘録を掲載。
自社でホームページの制作やシステム開発を行われる際の参考例として、またはホームページをご依頼される際の予備知識としてお役にたてれば嬉しいです。
youtube動画をホームページに掲載する機会も増えてきました。動画サイズを固定するのであれば、埋…
画像を表示枠いっぱいに表示する場合に、背景画像や「position」等で対応していたけど、「img…
HTMLコーディングをしているとn番目の要素から間隔を空けたり、交互に彩色したりということが多いの…
表示する画面幅に合わせて可変するデザインを制作する際に「display:flex」を使ってレイアウ…
創業時(2010年頃)にお世話なっていた「clearfix」。当時は要素を横に並べると言えば定番だ…
CSSでのグラデーション。2色程度の簡単なものは、使っていたけど調べてみると奥が深そうだったので、…
不動産関連の採用サイトの改修に携わった際に使用した背景画像へのリンクの実装方法をメモ。背景画像を一…
グローバルメニューにマウスを乗せた際の動きもバリエーションが増え、サイトによって様々。このサイトで…
オンマウス時などにCSSのみで簡易的なアニメーション効果を実装する方法をメモ @keyfra…
webサイトを作る上で、文字の大きさを考慮することは非常に大切。一文字ずつ「px」で設定しても良い…
以前求人サイトを手掛けた時に使用した、マウスオーバーの時に3D回転(反転)をする方法をメモ 。使用…
ポイント等を表現する時にナンバリングをしていますが、項目増えたり、並び替えた際に番号の振り直し忘れ…
ホームページを制作する中でアイキャッチ等のポイントとして使われているアイコン。以前は画像を作成して…
コンテンツのテキスト部分より目立つようにしたい場合に、画像を作成して表現することの多かった見出しや…