デザインCSSをカスタマイズする土台に適したサンプルテーマ「Boilerplate」のバージョンを、2.0.0にアップデートしました。レスポンシブデザインに対応したほか、スタイルシート言語をLESSからSCSSに変更し、さらに使い勝手がよくなりました。 新しいBoilerplate（v2.0.0）のソースコードは、GitHubで公開しています。フォークしたり、ダウンロードしたりしてご利用ください。 GitHubでBoilerplateテーマのソースコードを見る なお、古いバージョンのBoilerplateは、URLを変更しました。 GitHub - hatena/Hatena-Blog-Theme-Boilerplate-Less 関連 はてなブログテーマ制作とBoilerplateテーマの詳細は、以下をご確認ください。 デザインテーマ制作の手引き - はてなブログ ヘルプ デザインCSS
今話題の女子高生社長の椎木里佳さんが女の子向け究極の暇つぶしのiOSアプリ「ミルピク（milkpic）』をリリースされたらしいのですが、これにパクり疑惑。 というわけで、本当にパクリなのかどうか、ちょっと検証してみました。 「ミルピク（milkpic）』のcssが、はてな社のアプリ「Presso」のcssをパクっている？ 疑惑の発端となったツイート twitterで、oqunoさんという方が、こんな発見をされていました。 女子高生社長を売りにしてる株式会社AMFが満を持してリリースしたアプリのサイト https://t.co/70B9KGnMwl がはてなのPressoのサイト https://t.co/w8bnIxpJUb からCSSとかパクってると俺の中で話題に — oquno (@oquno) 2016, 2月 9 cssとは？ cssとはスタイルシートのことで、webページのデザイ
「女子高生社長」として知られる椎木里佳さんの企業が公開した新アプリの公式Webサイトが、他社サイトから取ったソースを使ってほぼ同じデザインにしているのでは、という指摘があった。椎木さんは2月10日、エンジニアが流用を認めたことを明らかにし、サイトを一時閉鎖。「責任者として詳細を把握できておりませんでした」と謝罪した。 問題になったのは、椎木さんが社長を務める「AMF」が2月8日に公開したiOSアプリ「ミルピク」の公式サイト。女性向けマーケティングを展開してきた同社として初の自社プロダクトで、“カワイイ”画像を通じてユーザー同士がコミュニケーションできる女性向けアプリだ。 公式サイトはアプリのタイトルと画面を配したシンプルなものだったが、はてなが公開しているニュースアプリ「presso」の公式サイトと同様のデザインになっており、ソースを流用しているのでは──という指摘が持ち上がった。「ミルピ
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
はてなブログでは、ブログの閲覧者が目的の記事にたどり着きやすくなるよう、前後の記事へのリンク（ページャ）と、記事一覧ページの表示を修正しました。 前後の記事へのリンクを記事タイトルで表示するようにしました 記事ページ（記事個別ページ）の下部にある前後の記事へのリンク（ページャ）は、これまで「次の記事」あるいは「前の記事」とのみ表示していましたが、よりわかりやすくなるよう前後の記事タイトルを表示するようにしました。 前後の記事へのリンク（ページャ）を記事タイトルで表示見た目がわかりやすくなっただけでなく、記事タイトルでリンクすることはSEOの面でも効果があるとされています。はてなブログのSEOについては、こちらの寄稿記事をご一読ください。 はてなブログのSEO 無料ブログでここまで出来る注目機能 2022年版 - はてなブログ開発ブログ はてなブログは、より多くの人に読まれるような施策を今後
ご存じでない方も多いとのことなので… @luna_at_hatena 知らない人多そうだからブログに書くと誰か喜ぶよー*\(^o^)/*— ポナコ (@ponako10) 2014, 1月 30 とid:ponako10先生がおっしゃったので、ぱぱっとまとめちゃいます。 やり方知ってるわよ！という方は既読スルーでお願いいたします。 “見出し”ってなんですか？ ↑や↓のように装飾されている文字の事です。 こんなのです。 この見出しは、普通PC表示のみの場合に表示されてスマホ表示の際には↓の画像のように、ものすごくシンプルな表示となっています。 記事に見出しを入れてわかりやすく！ 編集画面から見出しを簡単に入力できるようにしました - はてなブログ開発ブログ スマホでブログを見る際も、出来るだけPC版に近付けたい！という思いから、色々と方法を模索してみました。 はてなブログは、とりあえず<st
注意：この記事はもう古いです。 いまわたしはBlankというテーマをカスタマイズして使っています。それに際しては作者さまのブログが参考になりますのでご覧ください！ moonnote.hateblo.jp （2016/04/03） こんにちは！ 先日はてなブログにお引っ越ししてきました。こちらでもよろしくお願いします。 引っ越してきたときにはありもののテーマのデザインにしていたのですが、先日デザインを（若干）オリジナルのものに刷新しました。やったぁ！ ということで、今回はそれに関する覚え書きを記します。「5日と20日は歌詞と遊ぼう」というタイトルのブログですが、今回歌詞は読みませんごめんなさい。 おことわり： 私はWeb関係のデザインにはまったく詳しくありません。 体系的に学びたい方は、他のサイトか書物をどうぞ。 http://lunasaurus.hatenablog.com/entry/
はてなブログで「デザインテーマコンテスト」が開催されています！ オリジナルデザインを投稿してAmazonギフト券を当てよう！ 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body（トップページで.page-index、記事ページで.page-entryが追加）div#globalheader-containeriframe#globalheader（ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]）div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner（タイトル画像）h1#title（ブログ名）h2#blog-description（
以前の記事で、ブログ記事を写真の一覧で見せるwebサービス 複眼RSSの使い方をご紹介させていただきました。 【B】 はてなブログに過去記事を写真で表示する、お手軽カンタンカスタマイズの巻 - HSKぐうたらジャーナル すごく手軽にブログの見た目を変えられるし、重宝していたのです…が。 ちょっと物足りないところがぽろぽろと出てくるように。 むー。困った。 だったら自分でコードを書いちゃおう！ というわけで、拙いながらもJavascriptとCSSを書いてみました。 今回ご紹介する方法は、ちょっと手間は掛かるのですが 次のようなメリットがあります。 記事タイトルが画像と一緒に表示されるので、どんな記事か想像しやすい 最新の記事を見つけやすい、”NEW”アイコンが付く 広告表示一切なし！ 所要時間は、本記事の設定をそのままコピペ！で約20分。 ガッツリとカスタマイズしたい！ という方にも、CS
はてなブログでデザインテーマコンテストが開催中なので ひとつ前の記事ではブログを構成するidやclassの紹介をしました。 今回はブログテーマデザインのらくちん制作環境の紹介を。 はてなブログに限らず、ブログのテーマデザインを念入りにつくろうと思うと 慣れたエディタでCSSファイルを編集する 全て選択してコピー ブログの管理画面にペースト 変更をブログに反映 ブログページの表示を更新 の繰り返しになると思います。 カリカリカリ、コマンドエー、コピー、ペースト、コマンドアール。うーん。 カカリカ、コマンドエー、コピー、ペースト、コマンドアール。う、うーん。 うーん。。。 なかなか大変ですよね。 エディタで保存するのを忘れてデータが先祖返りなんてのもしばしば。。。 そこで！もっとらくちんにテーマのデザインをつくる方法を紹介します。 Dropboxのパブリックフォルダを使うとらくちん Dropb
はてなブログでは、CSSを編集してオリジナルテーマを作ることができます。作成したテーマは、テーマストアに投稿して、ほかのはてなブログユーザーに使ってもらうこともできます。 既存のデザインテーマをブログにインストールしたい場合はヘルプ「デザインテーマをインストールする」を参照してください。 本ドキュメントでは、Webデザイナーの方がはてなブログ用オリジナルテーマを作成するために必要な情報をまとめています。 オリジナルテーマの作成は、CSSの知識がある方を対象にしています。 テーマを作成する準備 1. テーマ確認用のブログを開設する 2. サンプルエントリーをコピー サンプルテーマ「Boilerplate」 Boilerplateテーマの使い方 レスポンシブデザインのテーマを作成する レスポンシブデザインを有効にする 付録: はてなブログのレスポンシブデザインテーマの挙動 はてなブログのページ
本日、はてなブログのサンプルテーマ「Boilerplate」を公開しました。デザインCSSをカスタマイズする土台に適しています。 Boilerplate（ボイラプレート）は、必要最小限の見た目だけがあらかじめ調整された、プレーンなサンプルテーマです。このテーマをもとにCSSを記述すると、はてなブログのデザインテーマを比較的カンタンに作ることができます。 Boilerplateテーマの見た目「オリジナルテーマの制作にチャレンジしたいけど、ゼロから作るのは大変」という方のために用意しました。ぜひ、このテーマを使ってCSSのカスタマイズに挑戦してください。 もちろん何もカスタマイズしなくても、シンプルなデザインテーマとしてそのまま使うこともできます。 Boilerplateテーマの使い方 Boilerplateテーマのソースコード（CSSおよびLESSファイル）は、GitHubで公開しています。
ブログのデザインを少し変更してみました。それほど大きな変更ではないのですが、変えたのは以下の4点です。 １．ブログのデザインテーマを変更した ２．記事の幅を広げた ３．「続きを読む」を加えた ４．ブログの見出しに画像を加えた はてなブログは、ある程度自分で自由にカスタマイズすることが可能です。Webデザインの知識がない私ですが、なんとか今回の4つは自分でできました。はてなブログのカスタマイズをしようとする際に、参考にしていただたら嬉しいです。 はてなブログのデザインをカスタマイズした場所 今回カスタマイズしたのは、主にブログ全体に関わる部分が２箇所、トップ画面で１箇所、記事画面で１箇所、計４箇所です。特にブログのデザインテーマの変更と記事の幅の変更は、ずっとやりたかったカスタマイズです。 ブログ全体に関わる変更点と、トップ画面での変更点 また、「ブログの見出しに画像を加える」ことも、地味で
はてブは便利だ。かれこれ使い続けて8年目になる。 しかし、はてブを使っているとしばしばムカつくことがある。 それは2chをコピペしただけのデマまとめサイトがホットエントリとして頻繁に表示されてしまうことだ。 リンクをクリックしなければいいのだが、最近はタイトルだけで不快になるレベルのものも多い。 例えばここのところ、冷凍庫に入ったバイトをアップして炎上させる遊びがリア充の間で流行しているが、 「ハム速」というサイトはこういったものを毎回取り上げて、嫌でも目に付くタイトルで他人の個人情報を晒している。 なにがホットだよ。見たくねえよ死ね。 しかし、はてなの運営はいつまで経っても非表示サイト機能を用意してくれないし、 こういったクソサイトを未だにブクマしてホッテントリ入りに貢献するはてなユーザーはあとを絶たない。 これらを弾くユーザースクリプトやユーザーCSSを書いてくれた人もいない。 仕方な
視覚的に表したものを先日作成したのでよろしかったら参考にしてください。 視覚的、はてなダイアリー文書構造サンプルHTML CSS Tips for はてなダイアリー はてなダイアリーガイド「CSSセレクタ」 はてなダイアリーガイド「CSSセレクタ - 日記１日分」 はてなダイアリーガイド「CSSセレクタ - photoモジュール」 はてなダイアリーガイド「CSSセレクタ - adsenseモジュール」 はてなダイアリーガイド「CSSセレクタ - calendar2photoモジュール」 はてなダイアリーガイド「CSSセレクタ - ヘッダテーブル」 はてなダイアリーガイド「CSSセレクタ - アンテナ型モジュール」 また、全てのクラス名はこちらでまとめられています。 id:smoking186:20030218#1045504830 はてなダイアリー兼tDiary用cssのテンプレート ht
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
