CSS
2020/10/23
グラデーションを確認しながら、簡単に作れるジェネレーター「Shapy」
Webサイトのコーディングをおこなっていて、デザインでグラデーションが出てくると、「どうしよう・・・」と思うこと...
mane
CSS
2020/10/09
効率的にコーディングしよう！便利なCSSジェネレータ3選
様々なWebサイトのコーディングを行っている際、似たようなパーツは結構ありますよね。 それを1つ1つ考えながら...
shima
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につい...
くりりん
qamは、株式会社アイ・セプトが運営する、WEB業界で働く人や興味がある人に役立つ情報サイトです。
“噛めば噛むほどプロになる。WEB業界に関する情報ならqam!! ”qamでは、WEB業界で働く人や興味がある人に向けて、WEBマーケティングやWEBデザイン、マークアップ（コーディング）、プログラム、WEB業界のトレンドに関する情報を、qamのライター陣が分かりやすく執筆・発信しています。日頃のお仕事やプライベートなどで、お役立ていただけたら幸いです。蛇足ですが、qamをくるっと前後にひっくり返すとwebになることは、これを読んだ方にだけこっそりと教えておきます。
