タグ

ブックマーク / www.hamashun.com (8)

  • 便利なツールを使ってHTML&CSSコーディングの速度を上げる | Blog hamashun.com

    Windows XPを使っていると様々な不便を感じます。 その一つ一つは小さな物ですが、一日中PCを使う僕たちからするとかなりのストレスとなってしまいます。 そんな時はツールを使って解決すると良いです。 注意:紹介しているツールは全てWindows用です。 CLCL かなり有名なクリップボード拡張ツールです。 「もう使ってるよ!」という人が多いと思います。 通常、Ctrl+Cなどでコピーしておける内容は一つのみです。 もう一度Ctrl+Cをすると、内容が上書きされてしまいますよね。 CLCLを使えば、その履歴を辿って呼び出す事ができます。 Alt-Tab Extender"Joe" このツールは超オススメです。 レジストリは使っていないので、一度試してみてください。 僕は、このツールが無いとWin XPを使う気にならない程に依存しています。 マークアッパーはウィンドウが増えがちです。 エデ

  • CSS Nite in Ginza, Vol.23のまとめ | Blog hamashun.com

    追記 2008-04-03 言及を頂いたので質問コーナーに追記しました CSS Nite in Ginza, Vol.23に行ってきました。 今回のゲストはあの大藤幹さん。 大藤さんの名著CSSプロフェッショナル・スタイルは、コーディングの勉強を始めたばっかりの頃に買って物凄く役に立っただった事もあって、かなり期待していました。 開演前 19時開演なので18時30分に到着したんですが、既に座席は満員でした。 さすがに凄い人気です。 テーマ 大藤さんは雑誌Web Designingに『CSS Analysis』という連載をしていて、その内容は世界のWebサイトを取りあげて色んなテクニックを紹介するという物。 今回のテーマはそれの特別版みたいな感じで、『CSS Analysis Live!』でした。 なお、内容はあくまで解析したサイトの結果であり、それが正しいとか、或いは大藤さんの意見である

    TAKESAKO
    TAKESAKO 2008/03/25
  • はてなに入りました | Blog hamashun.com

    (敷地的な意味で) お断り お察しの通り釣りエントリですサーセン>< 引っ越す直前の東京オフィスに見学に行ってきました! まめこに誘われたのでホイホイ着いて行ったら、はてなオフィスを見学させて頂ける事になりました。 その節はありがとうございました。 写真の掲載許可を頂いたので、写真を中心にお送りします。 写真で見る、はてな東京オフィス見学(2月末) 入り口です。 中の人の連絡先を誰も知らなかったので、Twitterで連絡を取りました。 なんというノープラン。 オフィスの前には?マークがかかっていました。 よく見ると下部分の●の中に小さい?が! ポッドキャストの収録に夢中なまめこ。 棚です。 さすが技術書がみっちり詰まってますね。 ちょっとしたオブジェ。 はてなのロゴの形になってます。 業務用の炊飯器がありました。 これでご飯を炊いてみんなでべてるんだそうです。 はてなも愛用「米の力」

  • そろそろライブドア事件について一言いっとかない | Blog hamashun.com

    ご注意 この記事はライブドア事件とは少しも全然一切合財これっぽっちも関係ありません。 その上元ネタを知らないとあんまり面白くないです。 サーセン。 一年経った ライブドアに入社してから一年経ったらこの記事を書かないといけないような、何とも言い表せない焦燥感に駆られてキーボードを取りました。 RealForceは当にいいキーボードです。 入社前 結構驚かれる事が多いんですが、僕はライブドアが初Web業界です。 それまでは料理とか作ってました。 料理の世界は、若い頃になんとなくノリで入ってダラダラと続けていたんですが、ある時ひどい挫折を味わいまして。 で、その頃趣味だったWeb製作を仕事にしてみようかなと思った訳です。 とは言え、学歴無し経験無し実力無しコネ無しというどうしようも無い状況だったので、まずは実力を付けようと思いました。 独学では限界があるので学校に行くことにします。 この歳にな

  • IE5.xとIE6互換モードがidやclass名の大文字小文字を区別しない件を利用する | Blog hamashun.com

    IE5.xやIE6の互換モードがidやclass名の大文字小文字を区別しないのは、わりと知られています。 これとラクダ式id、class名を使えば、cssの振り分けができるなーとか思いつきました。 ちなみにラクダ式とは、「mainContent」や「subNavi」など2単語以上からなるid、class名を、ハイフンではなく2単語目を大文字にして可読性を上げる書き方の事です。 camelと英語で呼ぶ人もいるとか。 個人的には結構好き。 HTMLCSSのソース /* for modern brow */ #sampleA { color: blue; } /* for IE5 6 */ #samplea { color: red; } <p id="sampleA">ほげほげ</p> これで、IE5.xとIE6互換モードでは文字が赤に、Firefoxなどでは青になります。 なお、他の人が見

    TAKESAKO
    TAKESAKO 2007/10/23
    IE5.xとIE6互換モード CSS Hack
  • デザイン勉強会のまとめをするよ! | Blog hamashun.com

    追記 2007-09-11 まとめWikiへのリンクを追加 2007-09-11 cremaさんの資料追加 FrontPage - デザイン勉強会まとめサイト - livedoor Wiki(ウィキ) デザイナーでない人のデザイン入門 ベジェ曲線で行こう 簡単に名刺を作ろうぜ! Webサイトのあり方と考え方 総括 Twitter繋がりのまめこが主催するデザイン勉強会に行ってきました。 という訳でまとめです。 この勉強会は、デザイナー向けではなく、デザイナー以外に向けたデザイン勉強会です。 会場は今回も株式会社ノッキングオン様に提供していただきました。 いつもありがとうございます! なお、まだ資料とか公開されていないセッションもあると思うので、タイトルとか微妙に間違ってるかもしれません。 間違ってたらごめんなさい。 デザイナーでない人のデザイン入門 資料 トップバッターは先生もされているcr

  • JavaScript勉強会のまとめ | Blog hamashun.com

    2007-07-12資料公開をした人の章にリンク追加 2007-07-12 sendさんの章に追記 超長いんでショートカットメニュー作りました。 あと、JavaScriptの素人が書いてます。 あちこち間違ってたらごめんなさい。 マークアッパー・デザイナー向けJavaScript入門 マークアップエンジニアHTMLコーダー向け、Yahoo UI Library活用術 Google Gears入門 JSの使いどころ liveプレゼン 猿でもわかる GreaseMonkey Firebugの話 総括 Twitter関連でお世話になっているukstudioが、初心者向けJavaScript勉強会を主催してくれたので、モリモリ勉強してきました! 会場は株式会社ノッキングオン様に提供して頂きました。 ありがとうございます! 僕は行ってなかったんですけど、モバイル勉強会の時もお世話になったそうです。

  • Fastladder関連の記事を集めてみました | Blog hamashun.com

    2007-07-08:その他に公式Blog追加 Fastladder関連の記事を集めてみました。 多すぎて挫折。 ニュースサイト系 「livedoor Reader」英語版登場! 「Fastladder(ファストラダー)」7/3サービス開始 | 株式会社ライブドア-プレスルーム ライブドア、livedoor Readerの英語版「Fastladder」を開始 livedoor Readerの英語版「Fastladder」、半年で10万ユーザー獲得を目指す:ニュース - CNET Japan ついに登場 ライブドアのRSSリーダー「Fastladder」で世界を目指す | ネット | マイコミジャーナル ライブドア、「livedoor Reader」の英語版「Fastladder」を公開 [N] 海外版livedoor Reader「Fastladder」リリース [N] 「Fastladd

  • 1