html・Script・CSS の豆知識

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

moyashidaisuke

もやぶろ

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

moyashidaisuke

もやぶろ

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

moyashidaisuke

もやぶろ

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

moyashidaisuke

もやぶろ

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

里崎 樹

ネットショップ語り