【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法
追記：この記事には導入が楽な最新版があります。 【はてなブログ】記事のカテゴリーによってオススメ記事を切り替える方法 Ver.2 | SHIROMAG 昨日、ふと思いました。 「はてなブログって、カテゴリーごとに<body>のクラス名がふられるんじゃね？」 で調べてみると、やはりクラス名がふられてました。例えば、「社会」というカテゴリーの記事には、bodyに「category-社会」というクラス名が付与されます。 <body class=”category-社会”> こんな感じ。 おや？これなら記事のカテゴリーによって、表示が切り替えられるじゃん！ これは名案！ ということで実装してみました。以下のページに飛んでみると分ると思いますが、記事によってサイドバーの一番下（スマホだとページの一番下）のオススメ記事のラインナップが変化していると思います。[]括弧内はカテゴリー名です。 [洋楽]ダウ
YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった - SHIROMAG
私のブログでは音楽を扱った記事が多いので、大量にYouTubeを埋め込むことが多々あります。 しかし、あまりにたくさんのYouTube動画を埋め込むと、ページの読み込みに時間がかかってしまいます。 そんな悩みを抱えていたある日、下のような記事を発見しました。 追記:元ネタのブログが消えてしまいました。 おお！これこそ、私が探し求めていた記事だ！ この記事で紹介されているコードを参考に、もっと利用しやすいコードに修正してみました。 クリックすると動画が再生されるのが分かるように マウスホバー時のエフェクト YouTubeとは関係ない画像まで消えてしまう問題を解決 以上の3点を実装できるように、コードを改良しました。ブログ主の錠前さんの許可はいただいております。 YouTubeを大量に貼っても重くならないコード [はてなブログでの利用方法]まずはこちらのCSSをデザイン→カスタマイズ→デザイン
はてなブログでGoogleアドセンスの広告を臨機応変に非表示にしたいのでやってみた。 - ヨミコのデザイン工房
こんばんは。Web&グラフィックデザイナーのヨミコです。 さて、当ブログではGoogleアドセンス広告を使用しています。 アドセンスはすぐにBANされる事で有名。 先日、ビールのネタを書きました アドセンス的にビールのネタはNGなので、該当の記事のみ、アドセンスを非表示にしてみました。 正確にはビールの販売サイトにアクセスを誘導したりしなければセーフらしいです。 つまりはイベントレポ等ではセーフらしいのですが、念の為該当記事での広告を非表示にしたいと思います。 まずは記事下広告から行ってみよう。 参考にさせて頂いた記事 lacucaracha.hatenablog.com 先日Twitterでフォローして頂いたらくからちゃさんの記事です。 これは便利です。 何と言っても、カテゴリーで分けるだけで広告が非表示になるんです。楽…！！ しかしながら、問題発生 拙ブログでは「スポンサーリンク」のラ
「はてなブログ」なのに「はてなブログ」のにおいを消す。はてなIDとか更新日を消し去る。 - 攻めは飛車角銀桂守りは金銀三枚
「はてなブログ」は「はてなPro」ってのになれば全部で１０個までブログを作ることができます。 そんなことから無謀にもサブサイト立ちあげて結局、放置してるのですが、そんなサイトの中の1つを昨日テーマ変えました。 で、替えたついでに「どうせなら『はてなブログ臭』消してみよう」ということで、ちょっとカスタマイズしました。 トップページ固定 まずは手始めに「はてなブログ」・・・いや「はてなブログ」に限りませんがデフォルトでは記事を投稿するたびに最新記事が数記事トップページに表示されて行きます。 これをやめてサイトマップ的なものにして、これをトップページに固定しました。 やり方は簡単で、設定で最新記事の表示を１件にして記事を1つ投稿日を「9999/12/31」にしてやれば、そのページがずっとトップページとして表示されます。 本当はね www.fair-skinned-monster.com でやった
CSSのvw, calc()を使用した、レスポンシブ対応のフォントサイズを指定するこれからのテクニック
本文や見出しなどのフォントサイズをスマホ時やデスクトップ時で変える時、通常はMedia Queriesでスクリーンサイズごとに文字サイズを指定していると思います。 ここで紹介するフォントサイズの指定方法はちょっと新しいアプローチで、最初にベースとなるフォントサイズを設定し、スクリーンサイズが大きくなるにつれ、Viewport Unit（ビューポートの単位）で加算してサイズを大きくします。 Viewport Unit Based Typography 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Viewport Unit（ビューポートの単位）とは？ フォントのサイズ指定のためのビューポートの使い方 他の文字の要素をビューポートで指定 縦のリズムとモジュラースケールをビューポートで指定 フォントサイズの指定の精度をアップする さらに精
【修正済】コピペで簡単！ はてなブログの人気記事を画像付きで表示させる方法。 - #chiroruLab
この間、ついに私のブログ記事にも「はてなブックマーク」が付きました！ そうなるとやっぱり付けたくなる「おすすめ記事」。 はてなさんで用意してくれているブログパーツもあるのですが どうもサムネイルがなかったり、デザインが合わなそうだったりと弄り難そうなので作ってしまうことにしました 追記（2014年1月12日） こんなの作ってみました。 不正な指定があれば教えてくれるので、最初はこちらでコードの生成を行ってもらえると助かります。 なお、このページの記事はソースの説明という意味合いで残すものとします。 はてなブログの人気記事を画像付きで表示させるコードを作るやつ。 - #ChiroruNote 「はてなブログの人気記事を画像付きで表示させる」で必要なコードを簡単に作れます。続きの作業等は元記事を参考にしてください。 面倒な手順もいくつか合ったので、そういうのを全部やってくれるページを作りました
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ituore.com
ituore.com
商用利用無料、日本の伝統的な色使いが美しい和柄のパターン素材やテクスチャ素材のまとめ
https://www.ituore.com/entry/blog-design-reference
コピペで簡単！はてなブログのシェアボタンをカスタマイズ - NO TITLE