CSS
2020/07/13
【レスポンシブ対応】スマートフォンのランドスケープモード対応方法について解説！
Webサイトのレスポンシブ対応をしている際、画面を横向きにした見た目を修正をするときがあります。縦向きのときは画面の...
くりりん
CSS
2020/05/20
シンプルで使いやすいアニメーションがカンタンに楽しめる！【WAIT! Animate】
複雑な動きをするアニメーションもいいけど、コーポレート用などシンプルな動きのアニメーションを使用したい時、ありませんか？...
mane
CSS
2020/05/12
YouTube動画をレスポンシブ対応！埋め込み方法のご紹介
近年動画コンテンツをWebサイト内に入れて見せる方法は主流になってきました。動画ファイル（mp4やWAV）をそのまま...
くりりん
CSS
2020/04/02
CSSで文字詰めができる！？「font-feature-settings」でテキスト調整しよう！
Photoshopなどのデザインソフトで文字詰めの調整はできるけど、コーディングしたテキストの文字どうしの空き具...
とみー
CSS
2020/02/27
pointer-eventsでクリックイベントを無効化する方法
レスポンシブデザインの案件で、電話番号を追加することがあると思います。 電話番号のリンクをスマートフォンのみ有...
とみー
CSS
2019/10/21
easeじゃ物足りない？「cubic-bezier」でアニメーション表現の幅を広げよう！
Webサイトの要素にアニメーションをつける際は、対象にCSSのtransitionを設定するかと思いますが、要素...
くりりん
CSS
2019/10/10
Webサイトをダークモードに対応させるには？専用のメディア特性の使い方
みなさんは、「ダークモード」をご存知でしょうか？ ダークモードは黒を基調とした配色なので、暗い場所でiPhon...
くりりん
CSS
2019/03/05
normalize.cssを設定してブラウザ間の差を無くそう
Webサイトでしばしば見かける「normalize.css」。 今回は基本に帰りつつ、normalize.cssについ...
くりりん
CSS
2019/02/07
IE11との相性は？游ゴシック体・游明朝体を使うときの注意点！
最近ではWebサイトを制作する時にフォント指定で「游ゴシック」や「游明朝」を使用することが増えてきました。 ですが、思...
くりりん
CSS
2018/10/15
CSSのみで実装！filterプロパティを使った写真のぼかし方
最近は写真がメインで目立つWEBサイトが多くなってきました。 ぼかした写真の上にテキストを載せたいけど画像の加工方法が...
くりりん
qamは、株式会社アイ・セプトが運営する、WEB業界で働く人や興味がある人に役立つ情報サイトです。
“噛めば噛むほどプロになる。WEB業界に関する情報ならqam!! ”qamでは、WEB業界で働く人や興味がある人に向けて、WEBマーケティングやWEBデザイン、マークアップ（コーディング）、プログラム、WEB業界のトレンドに関する情報を、qamのライター陣が分かりやすく執筆・発信しています。日頃のお仕事やプライベートなどで、お役立ていただけたら幸いです。蛇足ですが、qamをくるっと前後にひっくり返すとwebになることは、これを読んだ方にだけこっそりと教えておきます。
