ituore.com 2024 著作権. 不許複製 プライバシーポリシー
![ituore.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/8fb1b7163184bf0cf8051711d2d7eb7acc1f819c/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fshun_prog0929%2F20160406%2F20160406170010.png)
ブログのデザインを少し変更してみました。それほど大きな変更ではないのですが、変えたのは以下の4点です。 1.ブログのデザインテーマを変更した 2.記事の幅を広げた 3.「続きを読む」を加えた 4.ブログの見出しに画像を加えた はてなブログは、ある程度自分で自由にカスタマイズすることが可能です。Webデザインの知識がない私ですが、なんとか今回の4つは自分でできました。はてなブログのカスタマイズをしようとする際に、参考にしていただたら嬉しいです。 はてなブログのデザインをカスタマイズした場所 今回カスタマイズしたのは、主にブログ全体に関わる部分が2箇所、トップ画面で1箇所、記事画面で1箇所、計4箇所です。特にブログのデザインテーマの変更と記事の幅の変更は、ずっとやりたかったカスタマイズです。 ブログ全体に関わる変更点と、トップ画面での変更点 また、「ブログの見出しに画像を加える」ことも、地味で
はてなブログでは、CSSを編集してオリジナルテーマを作ることができます。作成したテーマは、テーマストアに投稿して、ほかのはてなブログユーザーに使ってもらうこともできます。 既存のデザインテーマをブログにインストールしたい場合はヘルプ「デザインテーマをインストールする」を参照してください。 本ドキュメントでは、Webデザイナーの方がはてなブログ用オリジナルテーマを作成するために必要な情報をまとめています。 オリジナルテーマの作成は、CSSの知識がある方を対象にしています。 テーマを作成する準備 1. テーマ確認用のブログを開設する 2. サンプルエントリーをコピー サンプルテーマ「Boilerplate」 Boilerplateテーマの使い方 レスポンシブデザインのテーマを作成する レスポンシブデザインを有効にする 付録: はてなブログのレスポンシブデザインテーマの挙動 はてなブログのページ
はじめてのひとり暮らしは、はたちのときでした。 「はたちになったら家をでて自立しなさい」 という教えのもと、実家ちかくのせまいワンルームへ。 せまいし、しかも超へんなかたちの部屋に住みました。 住みにくかったし、さみしかった。 はじめてカレーを腐らせたとき「あっ腐るんだ」ってびっくりしました。 「傘もった?」とか「ごはんあるよ」といつもよくしてくれる お母さんAPIのありがたみを、実家をでてはじめてわかりました。 大学を卒業して、就職ってなったときにまたお引越し。 会社ちかくのワンルーム、すこしだけ広くなりました。 そのあとまた引越しをしたけれど、いつもひとり暮らし。 だんだんお部屋が広くなっていくことがうれしかったです。 だって、まじめに働くことでどんどん生活がよくなって、私の成長が感じられたから。 そして去年、大好きな人と出会うことができて、まじめに恋をして、まじめに交際をして このた
本日、はてなブログのサンプルテーマ「Boilerplate」を公開しました。デザインCSSをカスタマイズする土台に適しています。 Boilerplate(ボイラプレート)は、必要最小限の見た目だけがあらかじめ調整された、プレーンなサンプルテーマです。このテーマをもとにCSSを記述すると、はてなブログのデザインテーマを比較的カンタンに作ることができます。 Boilerplateテーマの見た目「オリジナルテーマの制作にチャレンジしたいけど、ゼロから作るのは大変」という方のために用意しました。ぜひ、このテーマを使ってCSSのカスタマイズに挑戦してください。 もちろん何もカスタマイズしなくても、シンプルなデザインテーマとしてそのまま使うこともできます。 Boilerplateテーマの使い方 Boilerplateテーマのソースコード(CSSおよびLESSファイル)は、GitHubで公開しています。
前回の記事でお披露目した、私のブリブリなブログデザイン。 このデザインを作成するまでに利用した便利なツール、サイト様をざざざっと書いていこうと思います。 ちなみに、私の作業環境はWindows 7でございます。 CSSソースの素 初心者がカスタマイズをしようとしても、どこから手をつけたらいいのか分かりません。 とりあえず、ベースとなるCSSデザインがあればラクちんですよねー。 ってことで私は、id:hatenablogさんのサンプルテーマ「Boilerplate」をベースにデザインを改造しました。 デザインCSSをカスタマイズする土台に適したサンプルテーマを公開しました - はてなブログ開発ブログ はてなブログの構造を知る id:hatenablogさんの「Boilerplate」を開いても、 …何の事だかチンプンカンプン…。 そんな時は、id:kyabanaさんのブログを参考にしましょう
はてブは便利だ。かれこれ使い続けて8年目になる。 しかし、はてブを使っているとしばしばムカつくことがある。 それは2chをコピペしただけのデマまとめサイトがホットエントリとして頻繁に表示されてしまうことだ。 リンクをクリックしなければいいのだが、最近はタイトルだけで不快になるレベルのものも多い。 例えばここのところ、冷凍庫に入ったバイトをアップして炎上させる遊びがリア充の間で流行しているが、 「ハム速」というサイトはこういったものを毎回取り上げて、嫌でも目に付くタイトルで他人の個人情報を晒している。 なにがホットだよ。見たくねえよ死ね。 しかし、はてなの運営はいつまで経っても非表示サイト機能を用意してくれないし、 こういったクソサイトを未だにブクマしてホッテントリ入りに貢献するはてなユーザーはあとを絶たない。 これらを弾くユーザースクリプトやユーザーCSSを書いてくれた人もいない。 仕方な
※2018/03のはてブの大リニューアル対応 ◆Git Source:https://github.com/ovoncovon/hatena-user-css/ ◆ https://github.com/ovoncovon/hatena-user-css/blob/master/b_hatena_ne_jp_user_css.css ◆Firefox用 https://github.com/ovoncovon/hatena-user-css/blob/master/b_hatena_ne_jp_user_css_ffx.css TOPページ ENTRYページ 履歴 2018/11/06 フォントなど微調整 2018/05/19 2018/03のリニューアル対応 2017/08/30 エントリーページの微調整 2017/08/23 エントリーページのリニューアル対応 2015/10/21 「
本日、はてなブログのデザインを共有できる「テーマ ストア」をオープンしました。 テーマ ストアでは、登録されているテーマを自分のブログにインストールしたり、自分で作成したオリジナルのテーマを投稿することができます。 テーマ ストアへ 自分のブログでテーマを利用する 使いたいテーマを見つける テーマ ストア のトップページから、使いたいテーマを探します。テーマの並び順は、人気順か新着順で切り替えることができます。 スクリーンショットをクリックすると、テーマの詳細が表示されます。 自分のブログにテーマをインストールする 使いたいテーマが見つかったら、テーマの詳細ページで「プレビューしてインストール」をクリックします。インストール先のブログを選択すると、テーマが一時的に適用された状態で、プレビュー画面が表示されます。 プレビューを確認して問題なければ、「このテーマをインストール」をクリックすると
こんにちは、id:tikedaです。数年前から登場して以来、利用されるケースが増え続けているCSSメタ言語(CSSプリプロセッサ)。近年、様々な大規模サービスへの導入が進む中、はてなのサービス開発においても導入を行うため、2012/3/6に勉強会を実施しました。その内容を公開いたします。CSSメタ言語そのものの説明よりも、社内導入の為に必要な内容が中心となります。 アジェンダ どんなものがあるか 導入の背景と目的 はてなでの選択 何がやれるか どう使うか 事例・実演 運用ルール 今後の展望 どんなものがあるか Sass(scss,sass) http://sass-lang.com/ Less http://lesscss.org/ Stylus http://learnboost.github.com/stylus/ Tass http://cho45.github.com/tasscs
このエントリーはHatena::Staff Advent Calendar 2011のために書かれたものです はじめまして。最近は映画けいおんが生き甲斐のuedayです。 11月8日にクローズドベータリリースした「はてなブログ」のデザイン全般を担当しました。裏側というほどの話ができるか微妙ですが書いてみます。 開発チーム 開発チームは、エンジニアid:cho45/デザイナーid:ueday/ディレクションid:onishiです。デザインはクオリティチェックをid:tikedaに依頼して、適宜フィードバックを貰いながら進めていきました。このほかに制作スタッフが数名います。プロジェクトが立ち上がったのが8月1日だったので、開発期間は約3ヶ月です。アルファ版完成が異常に速く、開発2日目か3日目で記事投稿ができるようになり、5日目でアルファ版を社内リリース。choさんほんとすごいなって思いました
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く