CSS

CSS: Webサイトをモノクロにする

CSS

・タイ観光庁のサイト body{ filter: grayscale(1); -webkit-filter: grayscale(1); }・【応急処置】ウェブサイトをモノクロ・グレーにする手順・css - zuzukiiのブログ

CSS: CSSだけで高さ不定フッターを最下部に固定する

CSS

・CSSだけ(flexbox)で高さ不定フッターを最下部に固定する方法に書いてある。 <html> <head> <style > .body { padding: 0; margin: 0; display: flex; flex-direction: column; min-height: 100vh; } header { background: red; } section { flex: 1; background: yellow; } fo</style></head></html>…

フォントサイズについて改めて考える

CSS

[CSS]フォントサイズの指定方法の基礎知識からレスポンシブに適した指定方法までやさしく解説 | コリス今後は pxでの指定をやめ、rem を使ったフォントサイズの指定にする。 Example: remとemフォントサイズの指定にemを使った場合には、親要素すべてのフォ…

CDNからのXSSを防ぐ

・「HTML - [Chrome 45+][Firefox 43+][Opera 32+] CDNからのXSSを防ぐ - Qiitahttp://qiita.com/anqooqie/items/29177ece314ecdbc5f9a」 より フォールバックファイルが改竄されていた場合、そのファイルはロードされないのでサイトの表示が崩れることにな…

sticky footer with calc(vh)

CSS

・[ sticky footer ][ CSS ] たった2行でフッタをコンテンツが少なくても最下部にするスタイルシート - Qiitahttp://qiita.com/feo52/items/b1f502f5329e591ba165こんなに簡単にできるのか。 関連: ・footerをウィンドウ下部に固定する『footerFixed.js』 -…