かんろぐ Written by kan

HTML/CSSに関する記事一覧


CODE HTML/CSS

ShopifyやWordPressのデフォルトテーマの大文字表記が気になってしまう方へ。例えば「Hello」と記述しても、勝手に「HELLO」となってしまいます。CSSでサクッと1行追加するだけで、とても簡単です。ぜひ活用してみてください。

HTML/CSS

今回はCSSで不要なファイル・ソースコードを特定する方法を紹介。デベロッパーツールの拡張機能を使います。意外と不要なファイルやソースコードを使ってる場合がありますよね。テンプレートのソースコードを使うと、実は使ってないクラスやプロパティがよくあります。サクッと簡単に見つけられる方法があるので、ぜひ活用してみてください。

CODE HTML/CSS

PDFをWebサイトにて表示させる方法を紹介します。使う機会はあまりないですが、いざという時に使えるようにしておくと便利です。iframeタグやembedタグを使ってコピペで使えるように解説していきます。

CODE HTML/CSS

Local gulp not found in ~ / Try running: npm install gulp の対処法方です。結論からいうと、コンパイル元の正しく読み込まれていないのでターミナルでファイル元をしっかり読み込んであげましょう。

CODE HTML/CSS

こんにちは、かんです。 Sassでスラッシュ(/)ばかり使っていると、コンパイルするたび警告されますよね。 エラー表記みたいでうんざりするし、エラー文だけで何行もズラーっと表示されるし、、」こんな状況って困りますよね。 なので、サクッと切り替えてエラーから解放されていきましょう\(^^)/

CODE HTML/CSS

remってよく聞くけど何だろう?pxじゃだめ?本記事ではこういった悩みを解決します。 HTML/CSSを使ってコーディングをしている人なら、一度はremというワードを聞いたことがあるかと思います。今回は5分で分かるように解説しており、Sassにも対応させコピペで使えるようにしてあります。

CODE HTML/CSS

【WEB制作×デザイナー向け】「UdemyでWEB系の教材を購入してみたいけど、どれを購入すればいいか分からない。買うなら良い教材が良いな」こういった悩みを持つ方向けに、Udemyのおすすめ優良講座をまとめてみました。

CODE HTML/CSS

CSSを使った丸いレイアウトのテーブルを紹介します。本記事では「ホームページにテーブルを実装したい。丸っこいテーブルを作りたい。コピペでサクッと作れないかな」こういったお悩みを解決します。カクカクとしたテーブルは多いのですが、丸いレイアウトのテーブルってあまり見ないですよね、コピペで実装できるようにコードも載せています。

CODE HTML/CSS

擬似要素とは?覚えなくちゃいけないの?結論→コピペでOKです。覚える必要ナシ。こういったテクニックを覚えるとキリがないので、仕組みだけ覚えたらあとはコピペで十分です。

CODE HTML/CSS

PC・スマホ・タブレットに合わせたメディアクエリのテンプレを作りました。コピペOKです。レスポンシブサイトを作る際のメディアクエリの一覧で、CSSに貼り付けして利用できるので、テンプレみたいに使ってみてください。ブラウザはChrome、エディタはVSCodeを使用しています。