ブログ記事とかでよく見かける、アイコンに吹き出しがついてて会話形式になってるやつ。あれ、記事全体が読みやすくてカジュアルになるのですごく良いですよね〜。 私もやってみたくなってちょっと調べてみました！ 吹き出しとアイコンのCSSは結構使われているので参考になるものも多いです。 でも、あとちょっと・・・私がしたいことが足りてない。。。 何がしたいかというと、そう、吹き出しの向きによってアイコンを左右反転させたいのです！！ 正面を向いているイラストなら問題ないと思いますが、そうでないイラストの場合は、右側に吹き出しがある時は右を向き、左側に吹き出しがある時は当然左を向いて欲しいわけです。 「じゃあ、右向きのアイコンと左向きのアイコンを作ればいいか！」って思ったけど、それもめんどくさいし、スマートじゃないですよね？classも増えるし！ と、言うことでCSSだけで解決しちゃいましょう！！ どんな

はてなブログに存在する260を超えるブログテーマ（2018年9月現在）から、イメージや用途別に「おすすめのテーマ」を紹介する本連載。初回は「白を基調としたシンプルなテーマ」を特集しました。 どのテーマを使おう？ はてなブログおすすめ「白を基調としたシンプルなテーマ」を紹介します - 週刊はてなブログ 2回目となる今回は「写真が映える1カラムのテーマ」をピックアップ。 画面の全体を本文が占める1カラムのテーマは、画像を大きく表示できるので写真を目立たせたいブログにぴったりです。楽しかった旅行の記録や、飼っている猫、作ってみた料理の写真など、あなたのお気に入りが集まった素敵なブログを作ってみませんか。 落ち着いた印象の「Sailor」 タイトルのフォントがおしゃれな「FB mate」 爽やかな「Breeze」 ベーシックで使いやすい「gray」 美しくインパクトのある「Frameless」 ス

こんにちは、えむしです。Facebookページへの同時投稿機能が色々なブログサービスから消えましたね。簡単な設定で自動化出来るので、IFTTTを使っての更新しましょう！と言うエントリーです。 はじめに IFTTTを使おう IFTTTでFacebookページに更新通知を送る方法（RSS利用） IFTTTによる自動投稿の挙動の様子 最後に はじめに Facebookのapiが変わったとかで、2018年7月末から様々なブログサービスからfacebookへの同時投稿機能が無くなってしまいました。 はてなもそうですね。 staff.hatenablog.com 英文ですが、Facebook側の記事はコチラです。 developers.facebook.com ブロガーならFacebookページを記事更新の通知に使っていた方は多いと思いますし、使えなくなるのは不便なので、機能の代替にIFTTTを使って

2022年7月現在、はてなブログではサイドバーモジュールやhtml記事内にscriptタグを埋め込んでも動作しない仕様になったりならなかったりしているようです。下記記事内のコードははてなブログの仕様変更により突然使えなくなることもありますのでご了承ください。 「はてなブログのサイドバーにカウントダウンのモジュールを入れたい！」という需要があったのでサクッと作ってみました。 こんな感じになります。 （スクリーンショットです） 試験日や発表日、オフ会などのイベント開催日まで等、ブログに関連した内容のカウントダウンにご利用頂ければと。 はてなブログのサイドバーにカウントダウンのモジュールを追加する方法 デザイン→「カスタマイズ」タブ→サイドバー→「+モジュールを追加」→「HTML」を開いて 「タイトル」のところにお好みのタイトルを入力したらhtml入力欄に下記のコードをコピペ。 <style t

Site will be available soon. Thank you for your patience!

みなさんこんにちは！ いきなりですが、あなたははてなプロ？　それともはてなアマチュア？？ 私、最近になって気づいたんですが、自分が読んでいるブログの殆どの方がはてなPROでした。　ほとんど玄人！！　みんなPRO表示ついてるやん・・・！ このマークのことですよ→はてなブログPro やはり、PROの表示がついてると「みんなやってるよ？あなたはやらないの？」と言う感じがしてきて、私もPROになりたい・・・！　と思わせてきます。 ・・・が。　そんな中、わざわざPRO表示を消したがる人も現れました。 azulitchi.hatenablog.jp ヒミツ基地のらいちさん(id:AzuLitchi)は殴り飛ばしたくなるくらいにPRO表示がお嫌いらしく、隠れPROになったようです。 私の憧れのPRO表示を消しちゃうなんて・・・！ と、そこで気づきます。　表示をつけたり消したり・・・・？ はっ・・・！　そ

Site will be available soon. Thank you for your patience!

超初心者のためにHTML・CSSを解説 今回は、HTMLやCSSを勉強してみたいって人のための入門記事です。 HTMLやCSSというのは、いわゆるマークアップ言語というもので、WEBサイトを作るために必須の言語になります。 HTMLは土台というか骨組みのようなもの。それを装飾するのがCSSです。 始めはちょっと難しく感じるかもしれませんが、慣れればそこまで難しいものではありません。 全く知識はないけど、WEBサイトを１から作ってみたい。ブログのカスタマイズがしたい。そんな人は一度目を通してみて下さい。 勉強したいけど、参考書買うお金がないよ…という人にはぴったりです。 筆者情報： 都内で働くWEBデザイナーです。個人としては、はてなブログ向けのデザインテーマも作ったりしてます。 はてなブログの超便利なデザインテーマ「Brooklyn」を作りました この記事の内容について 超初心者向けなので

404 NOT FOUNDページ。サイトに存在しないURLを指定された時にでるページです。 はてなブログでもちゃんと「404 NOT FOUNDページ」を用意してくれているのですが、少しシンプルです。 そこで以前からやってみたかった「はてなブログの404 NOT FOUNDページ」をカスタマイズしました。 今回はいつも読ませていただいている「虎ちゃん (id:itry)」さんの iro.hateblo.jp と言う記事を参考にさせていただきました。 404 NOT FOUNDページカスタマイズ 記事の削除やURLの変更なのどで指定されたページが見つからない時に表示されるのが、「404 NOT FOUNDページ」です。 画像を追加 まったく同じではおもしろくないので、画像を追加しました。 追加した画像は です。 おすすめ記事をはてブの多いものに変更 参照元の記事ではランダムにおすすめ記事を表