IT the Best

HTML/CSS/JSに関する情報やはてなブログのカスタマイズに関する情報を掲載しています。

JavaScript/CSSコード圧縮 便利簡単な無料圧縮ツール【Minifier】

JavaScript/CSSコードの圧縮が簡単にできる無料圧縮ツール【Minifier】の紹介記事になります。リンクJavaScript MinifierCSS Minifier使用方法圧縮 コードを貼り付けてボタンを押すだけで簡単に圧縮することができます。JavaScript Minifier左側のテキストエ…

記事の目次をサイドバーに表示して記事を読みやすくしよう!【はてなブログカスタマイズ】

今回のはてなブログカスタマイズは、記事の目次をサイドバーにも表示するものです。記事のよこに目次を置くことで読んでいるところを把握することができ、記事が読みやすくなります。記事が長い場合に効果的です。記事の目次を表示するには、記事編集画面で…

【WEBデザイン】背景色と文字色の組み合わせ -キレイめカラー集-

個人的に相性が良いと思った背景色と文字色の組み合わせを、備忘録として書き記している記事です。 「salmon」「white,#555」 「salmon」「white,#555」 background-color: salmon;color: white; background-color: salmon;color: #555;

【CSS】背景パターン --サンプル集-- | 【WEBデザイン】

投稿日:2019/07/19 CSSだけでできる柄物の背景を、備忘録として書き記している記事です。 ドット柄 ドット柄 <div class="style1"></div> .style1{ background-color: #04bd41; background-image: linear-gradient(45deg, #00ad39 25%, #04bd41 25%,transparent 75%, #04bd41 75%); ba…

【CSS】背景色 グラデーション --サンプル集-- | background:linear-gradient 【WEBデザイン】

投稿日:2019/07/19 CSSのbackgroundプロパティに指定する複雑な値を、備忘録として書き記している記事です。 虹色 虹色 <div class="style1"></div> .style1{ background: linear-gradient(135deg,rgb(255, 0, 0),rgb(255, 20, 172),rgb(90, 40, 255), rgb(60, 120, 255),rgb(80, 255,…

はてなブログのカテゴリーとパンくずリストを階層化表示にする -SEOに効果あり- |【はてなブログカスタマイズ】

パンくずリストの階層化表示は、ページがそのサイトのどこにあるのかを示し、記事のカテゴリーを詳しく表示することができます。そのため、SEOの効果的な対策として取り入れられています。...はてなブログでのパンくずリストを含むカテゴリーを階層化表示さ…

ソースコードハイライト【Google Code Prettify】にCSSだけで言語情報を記述する - 開発日記

Photo by Sean Lim on Unsplash Google Code Prettify HTML CSS JavaScript sample html JavaScript Google Code Prettify 使用している code-prettify https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst HTML、CSS…