CSS

スポンサーリンク
ITライフハック

【Chrome】Webサイトの気になるフォントを識別する拡張機能WhatFont

「WhatFont」はChromeの拡張機能で、ウェブページのフォントを簡単に確認。デザイナーやブロガーにおすすめの便利ツールです。
ITライフハック

【WordPress】CocoonでGoogle Fontsを活用する方法

Google FontsをCocoonテーマのWordPressブログに導入し、デザインを一新します。デバイスごとのフォントの差異をなくし、統一された見た目を実現します。
ITライフハック

【CSS】reCAPTCHAバッジとトップへ戻るボタンが重なる場合の対処方法

reCAPTCHA v3がトップへ戻るボタンと位置が被ってしまっていませんか?この記事では、簡単なCSSコードの追加で対処方法をご紹介します。
ITライフハック

【CSS】-webkit-overflow-scrolling: touchは必要ない

最近のiOSのsafariではスムーズなスクロールを実現するための設定「-webkit-overflow-scrolling: touch」がデフォルトで適用されるようになりました。これにより、このCSSプロパティの指定はもはや不要です。
ITライフハック

【WordPress】コードハイライトのHighlighting Code Blockプラグインがおすすめ

「Highlighting Code Block」はWordPressでソースコードを見やすく表示するためのプラグインです。様々なプログラミング言語のシンタックスハイライトや好みの配色設定など、おすすめのプラグインです。
ITライフハック

【WordPress】管理画面のレイアウトのくずれとその対策

WordPressの管理画面のレイアウトが崩れたときの対策に困ったことはありませんか?このガイドでは、原因特定から具体的な解決策まで、分かりやすく解説します。
ITライフハック

【Mac】GulpとDart-Sassを使用した簡単なSassのコンパイル

GulpとDart-SassをMacに導入し、SCSSをCSSにコンパイルします。とりあえず基本的なことだけを一番簡単にご紹介します。
ITライフハック

【Tips】Macでターミナルのログをファイルに出力して保存する方法

知ってる人も多いかと思いますが、ターミナル上の内容をファイルに出力したいということがありますよね。 便利ですが案外コマンド何だっけ?となってしまうことがありましたので、備忘録として書いておきます。
ITライフハック

【Tips】Windows版Chromeで縦スクロールバーが2重にダブって表示される場合の対処法

作成したWebページをWindows版のGoogle Chromeブラウザで見ると縦スクロールバーが2重に表示されるときの対処法をご紹介したいと思います。
スポンサーリンク