ホーム >
亀の工期(開発記事)HTMLとPHPだけでサイト作成する中で学んだ小技を紹介
カテゴリー : CSSの小技集記事一覧
文末を「…」で終わらせる!「-webkit-line-clamp」の使い方
最新投稿などの文末を「…」(三点リーダ)で終わらせる方法、ご存じですか?「-webkit-line-clamp」を使えば簡単にできます!この記事では、line-clampをきれいに表示させるポイントを詳しく解説します!これさえ読めば、今日から「…」を実装できます!
2020.11.17
IcoMoonを使ってFontAwesomeの欲しいアイコンだけ実装する詳細手順
サイトのアイコンをフォントで表示できる「Font Awesome」。自分の好きにアイコンだけ使いたいのにたくさんおまけがついてきて困っていませんか?IcoMoonというWEBソフトを使って、自分の好きなフォントだけサイトに反映させる方法を詳しく紹介します。IcoMoonでファイルの軽量化もできちゃいます!
2020.11.09
スタイルシートの変更時に「ブラウザキャッシュ」をなかったことにする方法
「サイトの外観を変えるために、スタイルシートを一新。満を持して新しいサイトをリリースしたら表示が崩れていて大慌て!」それはブラウザのキャッシュが原因です。悪さをしている「ブラウザキャッシュ」を回避して新しいスタイルシートを強制的に適用させる方法をご紹介します!
2020.11.05
文末を「…」で終わらせる!「-webkit-line-clamp」の使い方
最新投稿などの文末を「…」(三点リーダ)で終わらせる方法、ご存じですか?「-webkit-line-clamp」を使えば簡単にできます!この記事では、line-clampをきれいに表示させるポイントを詳しく解説します!これさえ読めば、今日から「…」を実装できます!
2020.11.17
IcoMoonを使ってFontAwesomeの欲しいアイコンだけ実装する詳細手順
サイトのアイコンをフォントで表示できる「Font Awesome」。自分の好きにアイコンだけ使いたいのにたくさんおまけがついてきて困っていませんか?IcoMoonというWEBソフトを使って、自分の好きなフォントだけサイトに反映させる方法を詳しく紹介します。IcoMoonでファイルの軽量化もできちゃいます!
2020.11.09
スタイルシートの変更時に「ブラウザキャッシュ」をなかったことにする方法
「サイトの外観を変えるために、スタイルシートを一新。満を持して新しいサイトをリリースしたら表示が崩れていて大慌て!」それはブラウザのキャッシュが原因です。悪さをしている「ブラウザキャッシュ」を回避して新しいスタイルシートを強制的に適用させる方法をご紹介します!
2020.11.05