リンクを目立たせるシンプルなデザインカスタマイズを作りました。はてなブログ向けです。 どんなブログに違和感なく溶け込むと思います。何かありましたらご連絡ください。 コードを貼り付ける場所 リンクの前を「Point!」で強調するカスタマイズ 完成予想…

スクロール沿ってアンダーラインを引くカスタマイズを考えました。 完成予想図 コードを貼り付ける場所 貼り付けるCSS 過去に作ったカスタマイズはこちらをどうぞ

固定シェアボタンの新しいデザインを作りました。シンプルなデザインなのでどんなブログにも合うと思います。 完成予想図 スクロール前 スクロール後 コードを貼り付ける場所 貼り付けるCSS 過去に作ったカスタマイズはこちらをどうぞ

トップに戻るボタンを実装しました。クリックすると記事の一番上に戻ります。 完成予想図 コードを貼り付ける場所 コピペするコード スクロールスピードの変更方法 TOPに戻る不要論もある 過去に作ったカスタマイズはこちらをどうぞ

はてなブログのヘッダーをつくりました！最近流行りのフラットデザインを意識しています。 ブログに個性を出したい方は試してみてください。 完成予想図 コードを貼り付ける場所 貼り付けるCSS 画像風のヘッダー コピペ部分 はてなフォントアイコンについて …

新しいカスタマイズを考えました。スクロールにつれて記事中の画像がふわっと現れます 実装予定図 コードの貼り付け先 貼り付けるコード まとめ

前回に引き続き、今回は左からスライドして現れるメニューバーを作成しました。最近色々なWEBサイトで見かけるやつです。一度に多くの情報を見られるのが良い感じです。 ↓前回のトグルメニューバー www.colmin.xyz 注意！！！ 完成予想図 コードの貼り付け先…

スマートフォン向けのメニューバーを作りました。リンク数は変更出来ます。 完成予想図 コードの貼り付け先 貼り付けるCSSコード メニューの色を変更したい場合 今まで取り組んだカスタマイズの一覧

リンクを目立たせるCSSカスタマイズを作りました。カラーは自由に変更出来ます。 完成予想図 共通HTML デザイン一覧 シンプルな影付きボタン シンプルな影なしボタン マウスオーバーで拡大するリンクボタン マウスオーバーで色が反転するボタン マウスオーバ…

ブログを華やかにするシェアボタンを作成しました。記事中にある画像を読み取り、背景画像に自動で設定します。jQueryを導入しているので、記事ごとにシェアボタンの背景画像が変化します。 実装予想図 ｢Share Button｣の文字、その下の文章は自由に変更でき…

SNSフォローボタンをデザインしました。シンプルなものは様々な方がコードを公開していますので、アニメーションを利用して、デザインに動きをつけてみました。 設定の説明が前半は続くので、デザインだけをササッと見たい方は目次から移動をお願いします。 …

こんにちは。 ブログを書くときは、ブログを書くことだけに集中したいですよね。当たり前と思われそうですが、別のことに割かれる時間は少なくありません 例えば…画像を探すときは、少なくても7ステップは手順を踏む必要があります。 1.新しいタブをクリック…

こんにちは。 生活の面倒事は出来るだけ減らしたいですよね。 Webサービスの面倒事を減らす「myThings」はあなたの生活を大きく変えるかもしれません 2016年12月26日、yahooが提供しているサービスで日本語版IFTTTと言われている「myThing」がLINEと提携しま…

今回、はてなのスマホページのヘッダー画像を制作しました。 今やネットアクセスの主役はモバイルと言われています*1 「スマートフォン向けのサイトのデザインにこだわりたい」「ブログの顔であるヘッダーを作成したい」と思う人は少なくないと思います。 そ…