archive-com.com » COM » N » NITOYON.COM

Total: 757

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • はてなブックマークの細かすぎて伝わりにくい新機能を勝手に紹介 - てっく煮ブログ
    をクリックすることなく ずんずん読み進めていくことができます すごく便利ですよー 公式ヘルプにも ページ自動ロード機能ってなに としてこっそり掲載されています キーボード ショートカットを使う キーボード派の人はショートカットを覚えておくと病みつきになると思います 私は人気エントリーやお気に入りを眺めているときに使うことが多いですね 利用イメージはこんな感じです このように キーボードだけで全ての処理を完結できるわけですね キーボード派ウハウハ キーボードショートカット機能は 前のバージョンにもあったのですが b でブックマークするときにページ遷移がなくなってかなり快適になりました また AutoPagerize 機能と組み合わせることで ページ切り替えする必要がないので j を押して無限に読み進めていけるのが嬉しいです 利用できるショートカットの一覧は 公式ヘルプの キーボードショートカット を見るとよいでしょう 私は j o b ぐらいしか覚えてませんが タグを一括で置換する 前のバージョンで究極に分かりにくいといわれていたタグ置換機能ですが だいぶ分かりやすくなりましたね たとえば はてな タグと hatena タグの2つがあって hatena に統合したいとします まず 自分のブックマークページから はてな タグをクリックします ここでは タグの絞り込み機能を使ってみました この機能自体は前のバージョンからありましたね 自分のブックマークの はてな タグがついたエントリーの一覧が表示されます この画面で 右側の を編集 をクリック hatena と入力して 置換する ボタンをクリック これで 自分のブックマークの はてな タグをつけたものが全て hatena に置き換わります 簡単ですね エントリページからタグ コメント編集

    Original URL path: http://tech.nitoyon.com/ja/blog/2008/12/12/hatebu-tips/ (2016-02-13)
    Open archived version from archive


  • ブログのデザインを新しくしてみた - てっく煮ブログ
    CSS3 はじめました CSS3 の border radius や box shadow text shadow を使ってみた この手の新しいプロパティーは ついつい派手に使いたくなってしまう気持ちを堪えて 控えめに使うようにしてみた ベンダープレフィックスが面倒だったので Compass を使ってみた include border radius 1em 1em のように書くだけで 各ブラウザー向けのプロパティーを吐き出してくれるので楽だった Sass の変数やネスト表記も使えるので生産性があがった IE9 Firefox10 Chrome17 で確認したけど どれも一発 OK でほとんど同じ見た目だった モダン ブラウザーすごい IE6 で見たら first child が効いてなくて悲しくなったが それ以外はだいたい同じにした と思ったら IE9 で表示が崩れていた はてなダイアリーの DOCTYPE の関係で 互換モードになってしまうのかな 悲しい 2012 3 15 追記 IE でもほとんど崩れなくなったはず 5 ロゴを調整した いまのロゴは 5年前 に作ったもので イラストレーター ファイルが紛失していたので あらためてトレースした 今回のデザインで白背景になり いままではごまかせていた歪みが目立つようになってしまった 隙間や大きさを調整して違和感ないようにした 結果 5年前にこだわった 湯気が

    Original URL path: http://tech.nitoyon.com/ja/blog/2012/03/13/newdesign2012/ (2016-02-13)
    Open archived version from archive

  • はてブのCSSをカスタマイズしてみた その2 - てっく煮ブログ
    デフォルトのデザイン から拝借しました 全体的に tumblr っぽく仕上げてます 2 ブックマーク数は digg 風に ブックマーク数と B のリンクを digg みたいにしてみました 本当はもっと凝ったことをやりたかったのですが はてな側の CSS で users の色や背景に important が指定されていました つまり CSS で users の配色をいじれないのです 仕方がないので 苦肉の策で 無理やり横幅と縦幅を指定して digg 風にして個性 を出してみました 3 タイトル リンクのちょっとした工夫 動きが欲しかったので タイトル部分にマウスを乗っけるとアニメーション GIF の背景がでかめに動くようにしてみました さらに 訪問済みのページにはうっすらとその旨が分かるようなギミックを設けてます この説明では伝わりにくいと思うので 詳しくは 現物をみて 確認してください 4 動画のサムネイルは大きく 動画のサムネイルもあえて大きくして目立たせてみました YouTube とニコニコ動画に対応してます まとめ 喧騒に疲れたのでシンプルに行くことにしました ちなみに 初代はてなブックマークの CSS をいじったときの記事はこちら はてブのCSSをカスタマイズしてみた Tweet 2009年02月26日 編集履歴 CSS Windows 7 の手書き入力は数式も認識するらしい はてブ年鑑2009年2月分 Please enable JavaScript to

    Original URL path: http://tech.nitoyon.com/ja/blog/2009/02/26/hatebu2-css/ (2016-02-13)
    Open archived version from archive

  • CSS をリニューアルするときに参考にしたいページ - てっく煮ブログ
    2006 年の美しいサイト50選 50 Beautiful CSS Based Web Designs in 2006 53個の必須 CSS テクニック53選 CSS Techniques You Couldn t Live Without かっこいいデザインのサイトがサムネールつきでいっぱいなので 煮詰まったときに見るといろいろアイデアが出てきます 実は これ全部 Smashing Magazine というブログの記事なのです どれも はてブ では日本での紹介記事がトップにホットエントリにランクインしているので どこかで見たことあるやつも多いかもしれません 個人的には この smashing magazine の RSS を購読すると 国内のサイトが漏らした良記事を発見できておすすめです 例えば 印刷用の CSS テクニック集 とか もう1つの利点 は あーこのサイト また smashing magazine のネタでホットエントリ入ってるよ とニヤリとすることもできます ちなみに 半分ネタばれになりますが 今回一番影響を受けたサイトは国内のこの2つのブログ WWW WATCH ネットのサラダボウル どちらもデジパという会社の社員の個人ブログです 読みやすくて洗練されていて好きなデザインなので かなり参考にさせてもらいました インスパイア むしろ劣化コピーになってしまっていますが Tweet 2007年03月05日 編集履歴 CSS getter setter のアクセス制御指定子は同じでなければいけない

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/03/05/design-catalog/ (2016-02-13)
    Open archived version from archive

  • 新デザイン移行計画 - てっく煮ブログ
    まず tech nitoyon com という名前が SEO 的にも覚えやすさ的にもダメだよね ということにやっと気づいたので サイト名を変えることにしました とはいえ ドメイン名や URL は変えたくない じゃあ tech nitoyon com を平仮名にしてみよう tech nitoyon com てっくにとよん てっく煮 と 4 てっく煮 なんかかわいい響き 響きに悩殺された勢いで ロゴを作ってみました 初めてまともにイラストレーター使った 煮じゃなくて 椀じゃないか という突っ込みも聞こえてきそうだけど気にしない 笑 煮物の絵を描くのって難しそうだし 次は ロゴに合わせてサイト全体のデザインを固めていかなくちゃ Tweet 2007年02月11日 編集履歴 てっく煮 CSS Tamarin と遊んでみた Tamarin の avmplus exe に独自関数を実装 Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus About Profile nitoyon にとよん 京都のベンチャー会社勤務 プログラマ たまに趣味でデザイン

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/02/11/p1/ (2016-02-13)
    Open archived version from archive

  • はてブのCSSをカスタマイズしてみた - てっく煮ブログ
    ひどー と思ってください コメントのふきだし 次に手をいれたのはコメント部分です デフォルトのスタイルって せっかくコメントを書いても 俺はこう思うんだぜ 感が前面に出てない そこで アバターもどきを配置して しゃべらせてみました こんな具合 さらに 左側に他のユーザーをあらわすキャラクタを配置することによって いろんなユーザーと共有している雰囲気をかもしだしてみました キャラクタから線を伸ばして users と表示することで ユーザー数の意味も明確になりました ちなみに コメントを書いていないときには としゃべります 仕組みは単純 タグやコメントがあるときには の上に重ねて表示するようにしてます だから タグやコメントがないときには 下の が表示されるわけです まとめ ということで CSS だけで はてブ の見た目をがらっと変えてみました タグ一覧なんかもカスタマイズしたいのですが それはまた別の機会に おまけ 次の CSS をあなたのはてブに書き加えるだけで はてブトップページの RSS の画像がオレンジのものになります div header ul bookmarkinfo li rss a background url http f hatena ne jp images fotolife n nitoyon 20070123 20070123094932 png no repeat top div header

    Original URL path: http://tech.nitoyon.com/ja/blog/2007/01/25/p1/ (2016-02-13)
    Open archived version from archive

  • でかいテレビも悪くない - てっく煮ブログ
    しばらくはテレビ三昧の日々をすごしていた そうやってネットから少し距離を置いてみると ネット上でよく見る テレビ番組はくだらない もう何年も見てないよ というような意見と同じぐらいに 家にパソコン買ってまでネットする人ってどんだけ物好きなんだよ と冷静なツッコミだと思った ネットないと すごい時間あまるね だらだらネット見てる時間が全部自由時間になるからね どっちの趣味も初期投資には十万円以上かかるし 長期的にはどっちも先細りかもしれない これからはケータイだ という視点も正しそうにも思えてくる どの考えもそこいらで言われてることの焼き直しなんだけど 身をもって実感するとまた違う まとまってないけど どっぷり浸かったところから離れてみると 違ったものが見えて面白いですね Tweet 2008年09月16日 編集履歴 生活 具体例で説明するデザインパターン JavaScriptで正規表現を使わずにグローバルな文字列置換 Please enable JavaScript to view the comments powered by Disqus comments powered by Disqus

    Original URL path: http://tech.nitoyon.com/ja/blog/2008/09/16/p1/ (2016-02-13)
    Open archived version from archive

  • 一様分布の和は一様に分布しない話 (1) - てっく煮ブログ
    0 2 10 76 0 3 9 96 0 4 10 08 0 5 9 44 0 6 10 16 0 7 9 62 0 8 10 0 9 9 65 すばらしい Math random は一様分布だ じゃあ 一様分布の和を確認しよう ソースコードを一箇所修正する var n Math random Math random 0 1 までの値を2つ足したんだから 0 2 までの一様分布になるんじゃないの と思いきや 実際にはこうなった 0 0 48 0 1 1 48 0 2 2 76 0 3 3 44 0 4 4 76 0 5 4 85 0 6 6 48 0 7 7 58 0 8 8 4 0 9 9 91 1 9 89 1 1 8 16 1 2 7 8 1 3 6 61 1 4 5 06 1 5 4 3 1 6 3 54 1 7 2 51 1 8 1 62 1 9 0 37 OH 端っこは 0 5 程度なのに 1 0 1 1 は 10 近い なんという顕著な差 離散で考える 連続値で考えるから分かりにくいので 離散的な確率を考えてみよう そうすれば 中学生レベルの数学の問題になる 離散値で一様分布といえばサイコロ サイコロは 1 6 までの整数を一様に返す だから 一様分布の和 を離散の世界で言い換えると サイコロを2回ふったときの目の和の分布はどうなるの という問題になる サイコロを2回振ったときの組み合わせは36通り 表を作って目の和がどうなるか埋めてみた 1 2 3 4 5 6 1 2 3 4 5 6 7 2 3 4 5 6 7 8 3 4 5 6 7 8 9 4 5 6 7 8 9 10 5 6 7 8 9 10

    Original URL path: http://tech.nitoyon.com/ja/blog/2008/09/18/uniform-add/ (2016-02-13)
    Open archived version from archive