CSS

CSS

サイト上の画像を安易に保存させない方法・コピーガード対応

よく芸能人の写真等を保存させないためにいわるゆるコピーガード対応をしますが、スマホ対応も含め今回色々調べたのでまとめておきます。 サイトの作りに詳しい人には無力ですが、安易には保存できなくする方法です。 サイト全体で右クリック禁止+ドラック...
CSS

CSS Grid Layout(グリッドレイアウト)を使ってみた(サンプルつき)

2022年6月16日、ついにInternet Explorer(IE)のサポートが終了となり、(私の中では)切るに切れなかった対応ブラウザから堂々と外すことができるようになりました。 その影響でなんとなくIEでも崩れないようなCSSを今まで...
CSS

CSSのカスタムプロパティ(CSS変数)を使ってみよう

CSSの便利な変数機能を使ってみよう。
スポンサーリンク
CSS

PhotoshopからレイヤーのCSSをコピーする

Photoshopのデザインからコーディングをするとき、CSSについては今までエクステンションのCSS3Psというのを使っていたのですが、 最近動かなくなったようなので代替をさがしたお話です。
CSS

CSS3 Media Queriesのブレイクポイントはどこが良いのか

最近はレスポンシブのサイトが一般的になってきたと思います。そのサイトではCSS3 Media Queriesを使って表示を切り替えると思いますが、これのブレイクポイントはどこが良いのかなというので調べてみました。
CSS

iOS端末でoverflow-xが効かない場合

スマホページを作成する際は、横スクロールを出さないようにすることが多いと思いますが、何かはみ出す要素があり、それをoverflow-xで横スクロールを出ないようにしようとした時に詰まったのでその時のメモです。
CSS

CSSで背景画像・グラデーションを使用し、sizeも指定するときの注意

一回覚えてしまえば気にする必要はないと思いますが、最初この状態になった時にしばらく調べていたのでメモしておこうと思います。
CSS

あなたがコーディング初心者を脱する方法

比較的経験の浅めの人のHTMLとCSSコーディングを見ることが増えたのですが、その際にこうしたほうが良いかなーと思う箇所が共通してたりするので、まとめてみました。 ただ以下にあげる例は、状況によっては使わないといけなかったりするので絶対では...
CSS

レスポンシブデザインにするための基本的な方法

スマートフォンの普及で出てきた「レスポンシブ・ウェブデザイン」。 今回は「レスポンシブ・ウェブデザイン」にするための基本的な方法を見て行きたいと思います。
CSS

要素を変化させる、CSS3「transform」のおさらい

今回は、指定した要素を変化させる「transform」を詳しく見ていきたいと思います。
CSS

CSSアニメーションの初歩をおさらい

最近はアニメーションをFlashではなく、CSSやJavaScriptで実装されているサイトをよく見るようになりました。 今回は復習も兼ねて、CSSで動きを付けられるanimationとtransitionのおさらいをしてみたいと思います。...
CSS

デフォルトスタイルを残しつつ、ブラウザのデフォルト挙動を合わせてくれるCSS「normalize.css」

サイトを制作する際、最初にブラウザ初期値のCSSをリセットする方も多いと思います。様々なリセットCSSがありますが、ほぼすべての要素をリセットさせるものや、最近のHTML5に関するタグがないものもあります。
スポンサーリンク