Minimal Green

はてなブログカスタマイズや、HTML、CSS、サイト制作などについて書いています。

はてなブログ公式の記事下関連記事をカスタマイズ

はてなブログでは6月から記事下に「関連記事」が表示されるようになりました。 記事下に「関連記事」を表示します - はてなブログ開発ブログ今まではJSなどで表示するカスタマイズで対応していましたが、公式のパーツが出来たということで、こちらの方が軽く…

夢かわいい?配色のはてなブログテーマを作りました。

Yumekawa - テーマ ストアTwitterでちょこっと予告してたのですが、夢かわいい配色の新しいデザインテーマを作りました。新しく作ったというより以前作った「stripe」の配色を変えただけなんですけど…。手抜きですみません。あ、でもメニューとかちょっと変…

軽量CSSフレームワークではてなブログの固定ページにグリッドシステムを導入する

はてなブログで固定ページをサイトっぽくカスタマイズするにはどうすればよいか、という話題がTwitterでありました。はてなブログProの固定ページを使えば、WordPressの固定ページのようなデザインも可能です。 ただ、そのままではできないので、やり方をこ…

ポジティブな批判のススメ

昨日、あるはてなブログのエントリーがちょっと炎上したのですが、私はその記事に対してTwitterアカウントで批判しました。健康に関する事柄が間違った科学用語の使い方と偏ったネット記事(ビジネスジャーナル)を基に書かれていたからです。 www.tomoiku.n…

position:absoluteでタイトル横にSNSフォローボタンなどを並べる

ブログのタイトルロゴの右横にSNSフォローボタンが並んでいるレイアウトをWordPressなどではよく見かけますよね。無料テーマなのに超優秀な人気テーマ「simplicity」などもそうですよね。 WordPressの場合は自由にHTMLでヘッダーの構造をいじれるのですが、…

有償で制作した納品物を勝手に他人の制作実績に使われた件

私は有償のカスタマイズサービスをさせていただいておりますが、昨日びっくりすることがありました。 以前ココナラで受けたアメブロカスタマイズのご依頼で制作・納品したヘッダー画像とブログデザインをその依頼されたクライアント様自身の有償カスタマイズ…

「スポンサーリンク」と「スポンサードリンク」はどっちが正しいのか?

Google AdSenseの広告には広告であると明示するラベルを付けることがありますが(必須というわけではないが紛らわしい場所では付けた方がいい)、「スポンサーリンク」とあるサイトもあれば「スポンサードリンク」となっているサイトもありますよね。 AdSens…

HTML/CSSの覚え方 WEB制作に役立つ便利なチートシートまとめ

HTML/CSSを書くとき、「あれ、これ何だったっけ?」ってことがありますよね。私はしょっちゅうありますw そういうとき、ちらっとチートシート(カンペ)を見て効率よく作業を進められるよう、便利なチートシートをまとめました。 似たような記事は既にたく…

ガーリーデザインのための画像を使ったCSSテクニック

最近アメブロカスタマイズのお仕事もご依頼いただくようになってきました。アメブロはサロン経営者の方や女性個人事業主が運営されていることが多く、女性向けの「きれい・かわいい」デザインが求められます。アメブロカスタマイズの紹介は別記事で改めてさ…

トップページカード型のカスタマイズを実装された方は修正して下さい。

前の記事のトップページをカード型にするカスタマイズですが、途中で画像の取得方法を変えたため、スマートフォンやタブレットでの表示が若干おかしくなっていました。 design.syofuso.com 2017年6月4日20:52以前の記事のコードを実装された方はコードを修正…

はてなブログのトップページ一覧形式表示を使ってカード型レイアウトに

ついに、はてなブログでトップページの一覧表示機能ができましたね!最近はてなブログはどんどん便利な仕様が追加されててカスタマイズ好きにとっては嬉しい限りです。 staff.hatenablog.com 今まで一覧表示にするにはCSSでなんとかそれっぽくしたり、/archi…

ヘッダー下のおすすめ記事をスマートフォンで横スクロールにするカスタマイズ

ヘッダーの下のおすすめ記事の横並びにするカスタマイズを以前書きました。今回はそれをスマートフォンでは横スクロールで表示するカスタマイズです。 design.syofuso.com スマートフォンで横スクロール HTML CSS 注意点

はてなブログのスマートフォン版をカスタマイズするとき役立つ記事

先日読んだid:codomisu さんの記事が素晴らしかったので、自分も本業ブログのリデザイン、スマホ版のカスタマイズしました。 スマホ版のデザインもPC版とあわせてリニューアルしました。 夏らしさを意識しましたがいかがでしょうか?スマホ版もPC版と同様、c…

Google Adsenseの関連記事ユニット設置のお知らせ

ここ一ヶ月ほどGoogle adsenseを外していました。他の広告ユニットを貼る予定はないのですが、関連記事ユニットのみ記事下に(PR)として貼らせていただきます。 本業ブログと併せてお読みいただけると幸いです。adsense全然貼っていないとGoogleから通知が…