Neumorphism

どうも！フジグチです！ 以前より応募していた、はてなブログのデザインテーマコンテストの結果が発表されました。 2021年「はてなブログ デザインテーマコンテスト」結果発表！はてなとCanvaが選ぶ受賞5作品は？ - 週刊はてなブログ 結果は見事にCanva賞をいただくことができ、インストールしてくださった方や宣伝して応援してくださった方々に感謝の気持ちでいっぱいです。この場を借りてお礼申し上げます。 Neumorphismは私が初めて作成したテーマ「Cappuccino」をリリースしてすぐにコンテストの案内があり、アイディアに行き詰っていましたが娘の一言でひらめきを得て製作したテーマです。 テ…

こんにちは。感情会計エモアカの四緑文鳥です。 ここ最近ワードプレスサイトのほうで悪戦苦闘中です。 会社ではプログラムを書いて他人が使うシステムの開発をするほどなのですが、自分のブログサイトの充実というのは、単純に特定機能を実装するような作業とは違うらしい。 時間をかけている割にはまったく作業が進んでいません。 煮え詰まった頭を開放すべく、はてなブログのほうにも少し手をかけてみようと試みました。 頼りにしたのはやはりこの方です。 profile.hatena.ne.jp テーマだけでなく人気もあやかりたい 情報源の情報源も、読者登録している方だった・・ テーマにそぐわないダメブログを改良せねば・…

愛するステキなあなたへ こんにちは めるママっくすです いつも応援いただき本当にありがとうございます 励みになっております そして、読者様がなんと300人超えました 本当にうれしいです ブログを始めたばかりの方からすごい方まで様々な方が登録してくださり、感謝しています ともにがんばり（顔晴り）ましょう❣ ブログデザイン「Neumorphism」に変更しました ブログデザインを変更しようと思ったきっかけ 写真圧縮に苦戦 iphone写真圧縮には「LINE」を使うことを試しています 先月の「花を育てるように、雑記を育てています」ブログ 先月の「メルカリ情報発信ブログ」 まとめ ブログデザイン「Ne…

テーマを変えてみました お気に入りの理由 ブログのタイトルも変えてみた 新しい事はテンション上がる テーマを変えてみました ブログのデザインテーマもなかなか決めかねます。 色々見てもどこか気に入らない箇所があったりします。 コードを自分で変更できる人なら簡単なのでしょうが コピペ専門なので、難しいことはできません。 やっているつもりでもどこかが間違っているようで 思い通りにならなかったりします。 記事が増えると勇気も必要です。 その勇気を奮い立たせてくれるほどの おしゃれなテーマを見つけました。 仲のいいブロガーさんたちも 続々とこのテーマに変更しています。 それがこれ、ニューモフィズム お気…

1年半に渡りお世話になったテーマを変更する勇気って結構大変なものでした(笑) 読者様のうとうとさら様（id:utoutosara）のご主人様であられるフジグチ様が作られたテーマで、他に「Cappuccino」（カプチーノ）というテーマも作られています。 いずれもとってもオシャレでどちらにしよう…って悩むぐらい素敵です。 「Neumorphism・ニューモーフィズム」についてはそのデザイン性に惚れました！ ↑ https://www.fuji-blo.com/entry/neumorphismより引用させていただきました HTMLやCSSの知識がどれだけあればこんな素敵なテーマを作れるようになる…

こんにちは、いずみです。年末に「Cappuccino」がリリースされた時からテーマを変えたかったのですが、毎回何か間違えてしまうので年明けまで我慢していました。 先に変えた方のブログ記事も読んで臨みましたが、グローバルナビゲーションバーが反映されませんでした。詳しい方なら自然に出来ることが私には分からず、制作者のフジグチさんにお尋ねしてやっと変えられました。 自分のための備忘録と兼ねて、カスタマイズがよくわかっていない人がテーマを「ニューモーフィズムNeumorphism」、「Cappuccino」に変えるときに注意することをまとめました。 ブログテーマ「ニューモーフィズムNeumorphis…

こちらの記事でこのテーマについて解説しています。 カラーの変更方法も合わせて解説しています。 www.fuji-blo.com

放置に放置を重ねていたブログですが、気が向いたのでまた触ってみました。 そして気分を一新する為にテーマの変更を断行！ 開始当初からこれまで、はてなブログのテーマランキングで不動の1位に輝き続けているMinimalismを自分色に染め上げながら運営してきましたが、何か飽きちゃったというかなんというか・・・。 変更に当たっては気になったのが以下3つ。 Under Shirt Cappuccino Neumorphism 理由は単純で、記事が2列で表示されるっていうね。 実は数か月前に気まぐれでPro化したこともあり、その恩恵をフルで享受するにはこれらのデザインが手っ取り早そうに思えたのが最大の理由…

こんにちは 皆さん 当ブログにお越しいただきありがとうございます。以前、近日中にブログデザイン変更のお知らせを致しましたが、2023年9月1日に変更致しました。それから改良に至りましたが、その過程をスクリーンショットにて簡単に纏めてみました。 【ブログデザイン変更】 旧幽谷の日々のブログデザインは『Brooklyn』(左図)と言うテーマでしたが、今回、期する処により新しいブログデザイン『Neumorphism』(右図)に変更しました。上のスクリーンショットは変更直後の画像取り込みとなります。 【グローバルナビゲーション実装】 見てわかる通り左図はグローバルナビゲーションの実装されていませんので…

お気づきのことと思いますが、ブログテーマを変更しました。 フジグチさんの「ニューフォーニズム」というテーマです。 neumorphism.fuji-blo.com CSSやHTMLのことわかりもしないくせに、いじる癖があり、 色を変えたり、フォントの大きさ・行間・字詰めなどしたり、色々と変えてしまった。 やっている内にとんでもないことになったりするし、時間がかかる作業だけれど、 自分が読みやすいと思うイメージが自分なりにあるものだから、ついこだわってしまう。 ここ何日かずっと微調整をしていたので、ご覧いただいている時に表紙の写真が変わったり、ズレたり色んな事が起こっていたハズです。 お目障りだ…

この覚書もここにあると便利なので… 。自分用。 このブログで好んで使うベースカラー div タグに設定したグラデーションと下線 CSS でボタンの形や位置を調整 はてなブログ ヘッダ周り要素の調整参考サイト このブログで好んで使うベースカラー #277FD7 ■■■■■■■■■■ #63b8cc ■■■■■■■■■■ #ef3f98 ■■■■■■■■■■ 背景色：#ffe4e1 ■■■■ 枠線：#ef3f98 この文字色：#ef3f98 背景色：#fff0f5 ■■■■ 枠線：#ef3f98 この文字色：#ef3f98 背景色：#f0f8ff ■■■■ 枠線：#277FD7 この文字色：#27…

(adsbygoogle = window.adsbygoogle || []).push({}); 「自分らしい、オシャレなはてなブログにしたい！」 カスタマイズに悩んだ時、わたしは以下のブログやサイトをを参考にしています。 ほとんどがCSSコードをコピペして、該当の場所に貼り付けるだけでOK。 はてなブログのデザインカスタマイズを探している人は、以下をブックマークしておくのをおすすめします。 ポップなデザイン満載「フジブロッ！」 定番を網羅「Minimal Green」 ピンポイントでとりいれたい「Nomad Code」 【自学】HTMLとCSSが少し読めれば、はてなブログのデザインは思い…

こんにちは、主義です！ 今日はおしゃれなブログの作り方を紹介します(*´∇｀*) （ブログは、はてなブログを使用しています） 私の使用しているブログ 私のブログのデザイン おしゃれなブログのページにするには... デザインを変更する方法 設定方法 インストール先 デザインを変更する方法 変更先 最後に 私の使用しているブログ はてなブログを使用しています。 こちらから新規登録していただけるとデザインをいじることができます。 はてなブログ 私のブログのデザイン 運営しているブログのデザインです！ このページにたどり着いているということは1回は見ているはず... おしゃれなブログのページにするには…

※この記事は、2023年2月に更新しました。 最近、トップページにカード型のレイアウトを採用するwebサイトが増えています。「カード型レイアウト」とは、四角いカードの中にサムネイル画像、記事タイトルなどが入っているデザインです。 画像を収集できるサービス「Pinterest」（ピンタレスト）がこのデザインを採用してから、ECサイトを中心に多くのサイトで見かけるようになりました。 出典：Pinterest はてなブログでも、CSSをカスタマイズすれば、トップページをカード型デザインにすることができます。といっても、初心者にカスタマイズは難しい。 そこで、はじめからカード型デザインを実装しているデ…

こんにちは、ハヤマです。 突然ですが、Webデザインの記事などで「グラスモーフィズム」「クレイモーフィズム」「スキューモーフィズム」「ニューモーフィズム」といった「○○モーフィズム」系の名称がよく登場します。 もしくはエンジニアの方でしたら、デザイナーからそういったワードを耳にすることがあるかもしれません。 使い慣れていけば自然と覚えますが、はじめは名称を見てもどういった手法なのかがイメージできにくかったりします。 似たネーミングが多発すると尚更混乱しますね。 そこで今回は、それぞれの手法についておさらいをしていきたいと思います。 そもそも「モーフィズム」とは モーフィズムは「morph（＝変…