html・Script・CSS の豆知識

はてなブログのテンプレート「Minimalism」をカスタマイズした

概要 なぜ「Minimalism」？ pro関係ないけど変えた とりあえずテンプレ適用 before after 「Minimalism」をカスタマイズ（公式記事参考に） レスポンシブデザインに設定する トップページを一覧形式にする ブログ名が全角（日本語）の場合 ナビゲーションメニューを設置する after シェアボタンを設置する after ヘッダーを好きな色に設定する after 見出しデザインについて after 「Minimalism」をカスタマイズ（独自） 画像を小さくする before after コードのシンタックスハイライト変更 パンくずリストの表示 after カテゴリの階…

はてなブログのテンプレート「Minimalism」をカスタマイズした②

概要 safariで見た時にフォントが違う before after ブログタイトル部分の縦の余白を小さくしたい before after 行間を全体的に調整する before after 画像にいい感じの枠をつけたい after twitterのシェアボタンでタイトルしか連携されない after まとめ 概要 www.moyashidaisuke.com 前回の残りをやっていきます。 safariで見た時にフォントが違う フォントの指定が雑だからでした。 before body { font-family: "メイリオ", Meiryo; } after テンプレート「Minimalism」…

【はてなブログ】Minimalismで更新日を表示する（トップページのエラー対策付き

概要 たまに過去記事を修正したり追加したりした時に、更新日が表示されないのはもったいな〜という事で、カスタマイズして表示するようにしました。 こんな感じです。 概要 やり方 フッタ デザインCSS 所感 やり方 www.tomomore.com ほとんどこのままです。 トップページで以下のエラーが出てたので（エラーが出るだけで動作上は問題無さそう）、微修正しています。 エラー hatenablog.js?version=4cbff299be1219037c65e826e20075ea9027b5e7&env=production:19 Uncaught TypeError: Cannot re…

はてなブログのシェアボタンをいい感じにカスタマイズ

概要 はてなブログのテーマ「Minimalism」のソーシャルボタン（シェアボタン）ですが、目立たないかなぁ、、と思ったので（シンプルでかっこいいのですが）を色付きのもので目立つようにしてみました。 あわせて、はてブとFacebookはシェア数がのカウントも見えるようになりました。（Twitterは仕様変更でできなくなったらしい） これでみんなシェアしてくれるとうれしいな！ 概要 before after やり方 アイコン読み込み ソーシャルボタン配置 デザイン→カスタマイズ→記事→記事上 デザイン→カスタマイズ→記事→記事下 css まとめ before after やり方 www.noti…

17分で簡単にホームページを作る【実例公開】

たった17分でホームページを作ることができる方法を実例つきで解説します。ペライチはHTML、CSSを学んだことがない方でも自分のホームページを持つことができます。ホームページ作りに挫折した方、手早くホームページを公開したい方におすすめです。