WEB業界で働く人や興味がある人に役立つ情報サイト“qam(カム)”

2020/07/13

【レスポンシブ対応】スマートフォンのランドスケープモード対応方法について解説!

Webサイトのレスポンシブ対応をしている際、画面を横向きにした見た目を修正をするときがあります。縦向きのときは画面の...

くりりん くりりん

2020/05/20

シンプルで使いやすいアニメーションがカンタンに楽しめる!【WAIT! Animate】

複雑な動きをするアニメーションもいいけど、コーポレート用などシンプルな動きのアニメーションを使用したい時、ありませんか?...

mane mane

2020/05/12

YouTube動画をレスポンシブ対応!埋め込み方法のご紹介

近年動画コンテンツをWebサイト内に入れて見せる方法は主流になってきました。動画ファイル(mp4やWAV)をそのまま...

くりりん くりりん

2020/04/02

CSSで文字詰めができる!?「font-feature-settings」でテキスト調整しよう!

Photoshopなどのデザインソフトで文字詰めの調整はできるけど、コーディングしたテキストの文字どうしの空き具...

shima shima

2020/02/27

pointer-eventsでクリックイベントを無効化する方法

レスポンシブデザインの案件で、電話番号を追加することがあると思います。 電話番号のリンクをスマートフォンのみ有...

shima shima

2019/10/21

easeじゃ物足りない?「cubic-bezier」でアニメーション表現の幅を広げよう!

Webサイトの要素にアニメーションをつける際は、対象にCSSのtransitionを設定するかと思いますが、要素...

はっち はっち

2019/10/10

Webサイトをダークモードに対応させるには?専用のメディア特性の使い方

みなさんは、「ダークモード」をご存知でしょうか? ダークモードは黒を基調とした配色なので、暗い場所でiPhon...

くりりん くりりん

2019/03/05

normalize.cssを設定してブラウザ間の差を無くそう

Webサイトでしばしば見かける「normalize.css」。 今回は基本に帰りつつ、normalize.cssについ...

はっち はっち

2019/02/07

IE11との相性は?游ゴシック体・游明朝体を使うときの注意点!

最近ではWebサイトを制作する時にフォント指定で「游ゴシック」や「游明朝」を使用することが増えてきました。 ですが、思...

くりりん くりりん

2018/10/15

CSSのみで実装!filterプロパティを使った写真のぼかし方

最近は写真がメインで目立つWEBサイトが多くなってきました。 ぼかした写真の上にテキストを載せたいけど画像の加工方法が...

shima shima

qamは、株式会社アイ・セプトが運営する、WEB業界で働く人や興味がある人に役立つ情報サイトです。

“噛めば噛むほどプロになる。WEB業界に関する情報ならqam!! ”qamでは、WEB業界で働く人や興味がある人に向けて、WEBマーケティングやWEBデザイン、マークアップ(コーディング)、プログラム、WEB業界のトレンドに関する情報を、qamのライター陣が分かりやすく執筆・発信しています。日頃のお仕事やプライベートなどで、お役立ていただけたら幸いです。蛇足ですが、qamをくるっと前後にひっくり返すとwebになることは、これを読んだ方にだけこっそりと教えておきます。

トップへ