はてブは便利だ。かれこれ使い続けて8年目になる。 しかし、はてブを使っているとしばしばムカつくことがある。 それは2chをコピペしただけのデマまとめサイトがホットエントリとして頻繁に表示されてしまうことだ。 リンクをクリックしなければいいのだが、最近はタイトルだけで不快になるレベルのものも多い。 例えばここのところ、冷凍庫に入ったバイトをアップして炎上させる遊びがリア充の間で流行しているが、 「ハム速」というサイトはこういったものを毎回取り上げて、嫌でも目に付くタイトルで他人の個人情報を晒している。 なにがホットだよ。見たくねえよ死ね。 しかし、はてなの運営はいつまで経っても非表示サイト機能を用意してくれないし、 こういったクソサイトを未だにブクマしてホッテントリ入りに貢献するはてなユーザーはあとを絶たない。 これらを弾くユーザースクリプトやユーザーCSSを書いてくれた人もいない。 仕方な

以下のリンクからどうぞ。 lovetestter(らぶてすったー) - Twitterの片想い片想われをチェックします 今回のは長く使いそうだから、けっこう頑張って、できるだけ本格的に見えるようにした。 これはなに？ Twitterアカウントのフォローとフォロワーを分析して、片想いと片想われのユーザーを抽出する。結果一覧にはいろいろな情報が表示されている。それを見ながらワンクリックでフォローしたり解除したりできる。 片想い片想われってなに？ 片想いは、自分がフォローしているけど、相手は自分のことをフォローしてない状態。 片想われは、自分はフォローしてないけど、相手は自分のことをフォローしている状態。 lovetestterを使えば、そういう状態になってるユーザーを一覧表示して、整理できるというわけ。別に相互フォロー主義とかとは関係ないつもり。 使い方 lovetestterを開く。 真ん中

3カラムで横幅固定だと見にくいので。 /*新はてブレイアウト対策*/ .wrapper-container-inner { width:100%!important; padding-left:0!important; } .wrapper-container-inner.left-column-line { background-image : none!important; } #left-container { float:right!important; width:200px!important; } #center-container { width:auto!important; float:none!important; margin-right:200px!important; margin-left:0!important; } #right-container { d

Unlike Light’s older phones, the Light III sports a larger OLED display and an NFC chip to make way for future payment tools, as well as a camera.

MBS・TBS系で放送中の人気アニメ「魔法少女まどか☆マギカ」に登場するキャラクター「キュゥべえ」を描いた1枚のイラストがはてなブックマークで話題を呼んでいます。なんとこのイラスト、画像をまったく利用せず、HTMLとCSSだけで描かれているそうです。 ▽ http://jsdo.it/norahiko/m1WT 以前はてなブックマークニュースではHTMLとCSSのソースコードのみで描かれた「ドラえもん」のイラストをご紹介しました。上記エントリーで見られるキュゥべえのイラストも、同じ手法で描かれています。一見画像のようですが、イラストの上で右クリックをしてみると“画像を保存できない”ことがわかります。 ▽ 画像は一切使ってない！？CSS3だけで描いた“ドラえもん”がすごい - はてなニュース このHTMLとCSSだけで描かれたキュゥべえ、作者さんによると、Google Chromeと、Fir

はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

主に海外の解析部隊の人達によって、まどか☆マギカの作中で使われてるルーン文字*1が解析されつつある解析完了したみたいです。 ご丁寧にもTrueTypeフォントがダウンロード出来るようになってたので、早速はてダで使ってみます。 まずMadokaRunes.ttfだけど、件のサイトへの直リンクは出来なさそうなので一旦別の場所にコピー。*2 IEではTrueTypeやOpenTypeのWebFontが使えず独自のEOT(Embedded Open Type)という形式のファイルが必要らしいのでeotファイルも作って置いておきます。*3 Firefoxでクロスドメインでwebfontファイルを取得する場合は、外部サイト側にアクセスコントロールヘッダによる許可が必要なので、フォントファイル置き場の .htaccess に↓とかを書いておきます。 header add Access-Control-A

全部webで教えてもらった方法を繋ぎあわせただけですが、参考までに。 個人的サムネ貼りジェスチャの紆余曲折 id:sikii_j さんのこちらの記事でジェスチャにサムネ変換が登録できることを教えてもらう これまで頼っていたNicoNail.infoがサービス終了 はてなダイアリーはまだiframeタグを変換してくれないことがしばしば id:Gimite さんのiframe → Google Gadgetコンバータを使わせていただく 下にiGoogleの追加ボタンが出てくるのがなんとなく残念 諦めてたところにid:raydive さんがid:amachang さんのCSSでボタンを消す方法の記事を教えてくれる …これ、全部繋げられるんじゃないか？ ということで試してみた。 以下自分の使ってるChrome用だけど多分他のブラウザでも流用は可能。 ジェスチャは敷居さんのとこに載ってたChrome

Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

こちらの“ドラえもん”のイラスト、どうやって描かれていると思いますか？PhotoshopやIllustratorなどの画像編集ソフトで描かれているようにも見えますが、実はこのイラスト、なんと画像を一切使わずに「XHTML」と「CSS3」のソースコードのみで描かれているとのことです。 ▽CSS3 ドラえもん インターネット上でイラストを公開するには、JPGやGIFといった画像ファイルでアップロードするのが一般的。しかしこちらのドラえもんはそういった画像ファイルではなく、Webサイトを構築する際に使われるXHTMLとCSS3のソースコードのみで作られています。そのため“右クリックで保存”ができなかったり、ブラウザの種類やバージョンによって見え方が異なるのが特徴です。 こちらはFirefox3.6の場合です。FirefoxやGoogle ChromeはCSS3に対応しているので、グラデーションま

書いてみた。 まずあれ。 FirefoxにアドオンのStylish入れてね。 ファイル自体を貼りたかったんだけど、やり方分らないからそのままコピペる。 ニコニコ動画のでかい頭を小さくします。 @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("www.nicovideo.jp") { /***(｀・ω・´)ゞスクロール用スペース確保***/ body{padding-left:10px !important;} /***(｀・ω・´)ゞ広告破壊***/ div#PAGEBODY div.ads_728, div#PAGEBODY div#category_recent div.mb16p4 div#web_pc_top_bottom, div#PAGEBODY div#category_recent di

さきほど、はてなスターの機能拡張を行い、スタイルシートで設定するだけで簡単にはてなスターの画像を変更できるようになりました。この方法を使うと、はてなダイアリーなど、スタイルシートが編集可能な環境ならどこでも簡単に画像を変更できます。 今回の機能により、「Commentボタン」「Addボタン」「☆」のそれぞれの画像を変更することができます。それぞれ以下の項目を編集することで指定が可能です。 /* Commentボタンの画像をurl()の中に指定します */ .hatena-star-comment-button-image { background-image: url(http://exapmle.com/comment.gif); } /* Addボタンの画像をurl()の中に指定します */ .hatena-star-add-button-image { background-imag

「NewYear07-Couple」は去年末に正月用に作った公開デザインなんですが、もう季節的にも使えそうにないので、背景やヘッダー画像をオリジナルな物に変えたり、色をいくつか指定すれば、id:imaginarationさんみたいな感じでアレンジできる簡単なツールを用意してみました。 「NewYear07-Couple」をアレンジ 上のページで使いたい画像のURLと色をWebカラーで指定し「変更」ボタンを押すと、ページ自体が変更した内容のデザインに変わり、そのスタイルシートが表示されます。それをコピーして、はてなダイアリーの「デザイン」→「詳細」→「スタイルシート」枠に入れたらそのまま使えます。 こんな感じで、違った雰囲気に簡単にアレンジできるので、CSS書く手間を省くのによかったら使ってください。 「hatena」をアレンジ 同様に「Hatenaテーマ」でも色味も簡単にアレンジできるよう