はてなブログテーマ、Under-shirtのスマホ表示が美しすぎる。 どうにかZENO-TEALでもそんな感じにしたいと思ったので、こうして記事にしてみました。なるべくシンプルで、今風な感じを目指してみました。 もちろんコピペでOKですよ！ CSSコピペでOK コピペでOKってありがたいですよね。 僕も先人達に習い、初心者の方にも分かりやすく、ある程度自由に改変できるように解説を入れてみました。 褒めて！！！！ ちなみにこちらのスクショは、人柱　実験台テストに協力してくれたみっぷうさんのブログのスクショです。協力感謝。 注意点は後々書くとして、取り敢えずコードをどうぞ。 コードをCSSにコピペ コピペでOK！！ 以下で詳しく解説していきます。 2行目：色のコードを変えよう .page-index #main-inner{ background:#eee; } は、背景色を指すCSSです。

ブログの方向転換をします。 もともと好きなことを書いていたはずなのに、だんだん自分のブログが自分のためのものだと思えなくなった。これが理由です。 自問自答１：なぜブログが書けなくなったのか どんなに忙しくても、最低週1は更新する。これを破ったことがなかったんですが、先日ついにやりました。はい、更新しなかったんです。 いやね、忙しかったわけじゃないんです。ただ、なにを書いていいのかわからなくなっちゃって。 最初はそんなことなくて、1ヶ月50記事とかバカみたいに更新してたんですね。 でもいまは、それができない。書いている途中でやめちゃうんです。「あ、この記事おもしろくないな」「読まれないな」みたいな。 わたしは無重力人生っていう月額マガジンをやってるんですけど、そこではブログに抱いたような窮屈さを感じたことはありません。自然と言葉が湧いてくる。 でもブログだと、なんかダメなんですよね。 見出し

先日、フォローボタンにグラデーションを実装し、それをTwitterに公開したところ、なぜかやたらと反響があったので、こうして記事にしてみました。あ、もちろんレスポンシブ対応です。 この記事ではいくつかのサンプルと、カスタマイズの方法を用意しています。自分の気に入ったカスタマイズにしていただければなと思います。 取り敢えず読むべき記事 www.foxism.jp 当ブログでは、FOXISMさんのカスタマイズを元に使用しております。 Minimal Greenさんのカスタマイズには対応していないので、どうにか対応してください（投げやり）。 注意点 実装するにあたって、いくつか注意点がございます。了承した上で使ってください。 注意点が思った以上に長いので、いらねって方は目次から「設置方法」に飛んでください。 全ブラウザに対応していません 古いブラウザに対応していません。最新版のChromeやSa

こんにちはかざりです。 ３歳息子に脈絡なく「大好き」と言い続けて1ヶ月ほど経過しました。 ここ数日実験を兼ねて寝る前に息子をハグしながら脈絡もなく「息子くん大好き〜」とか「息子くんがいい子でも悪い子でも大好き〜」って言ってるんだけど、家で全体的に息子が落ち着いていて特に朝の支度がスムーズになっている気がする。伝えることでマイナスはなさげなのでしばらくやってみよう。 — かざり@ご機嫌&筋トレ (@kazarigiri) 2018年2月19日 それの効果なのか息子の成長なのか、息子に様々な良い変化が現れてきています。 とりあえずは『脈絡なく「大好き」と言ってハグ作戦』の効果という前提で一旦書き進めます。 １ヶ月、息子に対して『「大好き」と言ってハグ作戦』を実施 きっかけはしぃたまさん@pota141113の「毎日お子さんに「愛してる」と言っていますか？」というアンケートツイートだったように思

こんにちは。 Madoriです _φ(･_･ はてなブログの大幅なカスタマイズを行いました。 今回はカスタマイズに関する記事ですが、備忘録なのでHTMLやCSSの記述はありません。 デザインテーマをUNDER SHIRTに変更 変更の理由 UNDER SHIRT SOHO SOHOを参考にした箇所 フォントサイズ マウスオーバー時に画像に影 カテゴリ名 主なカスタマイズ カラーの変更 フォントの変更 見出しデザインと色の変更 パンくずリストの設置 グローバルナビ（ヘッダーメニュー）の変更と設置 目次デザインをクラシカルに SNSボタンの変更 ¡El Blanco! 振り返り ブログ開設当初 いちばん長かったデザイン 直近 現在 あとがき デザインテーマをUNDER SHIRTに変更 お気に入りだったシロマさんの「SOHO」から、rokuzeudon さんの「UNDER SHIRT」に変更し

はてなブログでONIHITODEというテーマが公開されて、ちょっとした議論を巻き起こしてテーマ自体が非公開になるという事案が発生しました。 自分もすべては把握していないですが、ざっくりとした流れとしては ①ONIHITODEというテーマが公開される ②「オシャレだ！」「かっこいい！」と話題になる ③Wordpressの有料テーマSANGOのパクリでは？という指摘がなされる ④炎上→非公開（削除？） 大体こんな感じかと思います。 skyfish25.hatenablog.com 自分は当事者ではないのですが、別ブログでSANGOを実際に使用していること、はてなブログでブログを書いていること、デザインに関する仕事をしていること、本件に関して宇宙魚(id:skyfish25)さんの記事に自分のツイートが引用されたことで反響があったことなどを総合して自分の考えをまとめてみようと思いました。 テーマ

最近、はてなブログテーマストアにある物議を醸すデザインテーマが投稿され、炎上し、消えました。 もう終わったことですので、詳しくは言及しませんが、何のことかわからない方は以下のリンクをご参照下さい。 例のテーマが元の有料WordPressテーマの名前に対し悪意のあるテーマ名をつけ元制作者をおちょくるモラルの無さ、有料テーマの「見た目」をパクって自作のオリジナルテーマとして公開していることの是非が問われていたと思います。 togetter.com skyfish25.hatenablog.com ↑のid:skyfish25さんの記事には私のtweetが論旨の補強として引用されています。概ね趣旨は賛同しますが、この記事に対する私の意見は私のブックマークコメントとtweetをご参照下さい。 （ブコメで書いたところは現在は修正されています。） ※デザインは一般的なマテリアルデザインに則ったもので、

はてなブログのテーマストアに思った以上にヤバみが高いテーマが投稿されました。 その名も「ONIHITODE」。有名ワードプレステーマである、「SANGO」を意識して作られたテーマです。 このテーマ、なぜか死ぬほど賞賛されてます。 賞賛してる人たちは、本当に恥ずかしい人になっていることを理解しましょう。 どんぐらいパクってるの？ 【ついにきた…！】はてなブログ最新テーマ「ONIHITODE」がマジでおすすめ - オークニズム SANGO | 心地良さを追求したWordPressテーマ ｽﾄﾗｨｨｸ!!!ﾊﾞｯﾀｰｱｳ!! 似てるの？パクリっていうほど？とか思う方もいるかもしれませんが、確かにクオリティは低めです。 現在テーマが削除されている為、なかなか指摘が難しいところではあるのですが、もし見たことがない人は、「SANGOを知っている人なら割と気づくレベル」、「SANGOの作者が怒るレベル」

どうも、ぼーる丸です。 ブログのレイアウト再構築するか～ 今の構成なんだかな～って感じなのよね — ぼーる丸@バーチャルブロガー (@ballmaru0) 2018年3月3日 今まで使用していたブログテーマ「Brooklyn」も悪くはなかったのですが、 もうちょいこだわってみようかな！と思い半日でレイアウトを改造しました！ 実はほぼコピペなんですが、情報を集めるだけでも結構大変だったので参考になれば！ テーマ変更 テーマには「Coffee Break」を採用しました。 きっかけは下記記事なんですけど、ここまで作り込むことはできなくても 参考にできるところは参考にしてデザインをスッキリさせよう！という狙いです。 www.okuni.me プライバシーポリシー＆フッタ設置 これマジで知らなかったので「ありがてえ…」ってなったんですが、 アドセンスを導入する場合はプライバシーポリシーを設置するべ

シイタケの入った味噌汁を食べるたびに毎回思い出すことがある。砂に書いた文字のように洗われていく記憶の中、その思い出は私の頭に、強烈な印象を残した。 小学2年、いや3年のことだったか。 同じクラスにS君という友人がいた。 彼はいつも私より要領が良くて、成績が良く、口数も多く、社交的だった。運動神経もよくて、図書室で本を読む私と対照的に、お天道様のもと鬼ごっこやドッジボールに励む小学生。(足も速くボールもよく飛ぶ、私とは今でも対照的である) 小麦色に焼けた四肢は元気を、首裏のくっきり見える焼けあとの境界線は健康を表していた。 図書室の日なたで難読漢字の本を読みふけり、首の後ろ側と腕の後ろだけ黒くなる、というアンバランスで不摂生な日焼けをした私は、彼に何一つ勝てるところがなかった。 ……席替えで、彼の近くになるまでは。 当時は結構多く感じた200mLの牛乳、色とりどりのおかずやサラダ、ご褒美のよ

私のこのブログはレビュー系ではありませんが、メインサイトの方ではスマホや周辺機器のレビューをやっています。そこで使っていたり、ほかのレビューブログでもこういうのがあるといいな、というカスタマイズを残しておきます。 まず今回の「あるといいな」は「その製品の良い点・悪い点を端的にまとめたリスト」です。 はじめに まず、レビューとか言いつつ自分では実物を手にせずにネット上のスペックだけをコピペしているだけでそれを見て「コスパ抜群です」とか言ってるようなブログ、スペックレビューとか言って本当にスペックしか書かれていない公式サイトでわかる情報以外が無いようなブログは滅んでください。よろしくお願いします。 レビューとか言って、開封の様子を順番に写真を載せただけで記事の9割が埋まっているブログもありますが、それもかなり残念な気持ちになります。開封レビューとかで、それぞれの写真にちゃんと有用なコメントつけ

コンテンツを作って行く上で最近は特に画像を使って見栄えを良くする事が重要視されています。 やっぱり文字だらけのサイトは離脱率が高いんでgoogleからも評価されにくくなるんです。要するにパッと見て面白そうだな？読みやすいなというサイト作りをして行く事が重要です。 今回は無料でフラットデザインのアイコンがダウンロード出来るサイトを21つご紹介します。 アイキャッチや記事中に使ったり、カテゴリーのデザインとして活用出来ると思います。 フリーダウンロード可能なフラットデザイン21選 FLAT ICON DESIGN http://flat-icon-design.com/ ダウンロード素材形式【JPG,PNG,AI,EPS,SVG】 めっちゃ今風な感じのフラットデザインです。 色々なジャンルに分かれていてありそうでないフラットデザインのアイコンが無料で利用出来ます。 クレジット表記なしで商用利用

「大学で授業とか研究に熱心にならないとかいる意味あるの！？」とか、 「大学で意味ない授業受ける暇あるならもっと違うこと始めろよ！」とか。 人の学生生活なんか自分で決めさせてくれ。どちらも価値観の押し付け。 周りが意味づけするようなものではない。 — ヒラサワ@学生ブロガー (@kaishi_hirasawa) January 19, 2018 ほんまそれな いやまじで、ほんまそれって思ったから記事書かせていただきます。 これから大学行こうとしてる人や現役大学生はもちろん、大学批判する人には特に読んでほしい。 大学行く意味無い論にありがちな主張 僕がネットの海で拾い集めた主張を並べていきますね 大学は高い 授業がつまらない やりたいことと違ったってなりがち 決断もせず、回りに流されて入ったんでしょ 別にいい企業に就職できるわけでもない 時間の無駄 行かなくても就職できる 時代遅れ 勉強の密度

対応するブログに編集形式 技術的な解説 JQuery JavaScript CSS 最後に 関連記事 こんにちはnasustです。 アイキャッチ画像とタイトルを組み合わせて、ビジュアルなタイトルを表現するカスタマイズです。 癖が強いカスタマイズですので自分のブログに採用する場合は、検討してから導入してください。 これは記事の先頭がアイキャッチ画像であると前提としています。アイキャッチ画像ではない場合は何もしません。 対応するブログに編集形式 このカスタマイズは以下の編集形式に対応しています 見たまま はてな記法 Markdown 技術的な解説 以下の様に記事の先頭がアイキャッチ画像になるようなhtmlを想定しています。この判定をJavaScriptで行っています。判定に失敗場合は何もしないようにしています。 見たまま <div class="entry-content"> <p><img

僕は、はてなブログのデザインを変更するたびに、色々なブログを見ます。 その中で、おい嘘だろこれブログかよ…と黒崎一護がウルキオラの帰刃（レクスレシオン）を見た時のような顔になったブログが沢山あります。 今回は、その個人的な覚え書きと、読んでいる方のブログカスタマイズのモチベーションになればなぁと思い、おしゃれなはてなブログを厳選して紹介させていただこうと思います。 ちなみにカスタマイズを公開している方が多いので、そちらの記事も併せて貼っておきます。ぜひ参考にどうぞ。 LOGzeudon これがはてなブログなのかと思った時軽く冷や汗がでた。 ヘッダー部分というか、アイキャッチの画像の表示が独特です。どうやってんだこれ… 行間、文字の大きさから何から何まで細かくカスタマイズされている印象。とにかく見やすい。僕がブログを1カラムにするきっかけになったブログでもあります。 当ブログの左横に存在する