手書きインターフェースでアジャイルなサイト構築を支援する『DENIM』 | POP*POP
昔からあったものですが、ひさしぶりに見てみたらすっかりバージョンアップしていたのでご紹介。 ワシントン大学が開発したDENIMは手書きのインターフェースでサイトマップを作成、HTMLまで生成してくれるというすぐれものです。 タブレットPCと相性が良いですが、マウスでもぐりぐり操作可能です。 簡単な使い方を以下にご紹介。 ↑ 起動直後の画面。 ↑ 文字を書いていくとそれが一つのページとして認識されます（画面はHomeと書こうとしていますｗ）。 ↑ 複数作ったページ。リンクもドラッグで簡単に貼れます。 ↑ ページの詳細へ。左側のメニューでサイトマップレベルか、詳細ページレベルかなどが選択できます。 ↑ 円形メニューでさまざまな操作が可能。HTMLでエクスポートなどもできますよ。 ちなみにこうして作られたサイトをHTMLにしたページのサンプルは以下からどうぞ。なかなか味がありますよね・・・。 »
MS、無償のWeb制作者向けIEプラグイン「Internet Explorer Developer Toolbar」正式版公開：CodeZine
Microsoftは9日、IE用プラグイン「Internet Explorer Developer Toolbar」正式版をリリースした。以前からWeb開発者向けにリリースされていたプラグインだが、今回よりバージョン1.00の正式版となった（リリースされたのは、バージョン1.00.2188.0）。 Internet Explorer Developer ToolbarはMicrosoftのWebサイトより無償でダウンロードできる。IE7の場合、インストールするとブラウザの右上に小さなアイコンが現れ、これをクリックするとメニューが表示されるようになる。 Webサイトにおける画面デザインでは、HTMLのDOM構造やCSS適用内容、要素のサイズなど、実際にブラウザを通した表示を見ながら検証していく必要がある。Internet Explorer Developer Toolbarを使うと検証した
ぼくがCSSを書くときに手放せないツール - ぼくはまちちゃん！(Hatena)
こんにちはこんにちは！！ CSS書いてますか！！ ぼくなんか書きすぎて border: 1px solid red; が0.5秒で打ち込めそうな感じなんです＞＜ ところで、CSSいっぱい書いてると、ぱっと見ただけでおよそ何ピクセルか、 わかったりするようになるから人間ってすごいよね！ この余白は 6px だな、こっちのblockは 40px くらいかな？ とか…！ 大きいのは難しいけど！ 最近はエラスチックなんとかレイアウト？っていう em で指定しちゃうのが流行だそうだから pxはあまり使わないのかもしれないけどね！ ところで、そんなぼくがCSSを書くときに必須なツールがあります！ 紹介しちゃいますね！ きっと手放せなくなっちゃうよ！ ひとつが、カラーピッカーだね！ 画面上の好きな色を拾うやつ！ これは色々なものが公開されているから省略しますね！ ぼくはこれつかってるけど！ もうひとつ…
フッターが素晴らしい19サイトを参考に足もとを見直そう | Web担当者Forum
通常、フッターには基本的なナビゲーションを繰り返して用い、著作権情報やプライバシーポリシーなど「細字部分」にあたるものが書き込まれる。また、標準に基づいたデザインの人気が高まり、フッターにXHTMLやCSSへの準拠を示すバッジが置かれるようになった。 新しいクライアントのために、フッターが完全に不足しているサイトを再デザインしながら、僕がデザインをまとめるとフッターがやる気のない付け足しになってしまうのはどういう具合なんだろうと思った。僕のフッターはたいてい内容が乏しく、デザインも大好評とはいかない。これまでに作った最も内容豊かなフッターはおそらく、ミニサイズのサイトマップとコンタクト情報がちょっとばかり入った、Avatar Financialのものだろう。 こうして僕は興味をもった。ほかのウェブデザイナーはフッターを何に使っているんだろうか？ウェブを回って集めた、フッターが目を引く19サ
画像を角丸にしたり影を付けたりできる「Corner.js」
画像の角をまるっこくしたり、影を付けたりといったことが簡単にできる「Corner.js」というのが公開されたようです。これらを組み合わせることも可能なのでかなり応用の幅は広いかと。 実際のサンプルは以下の通り。 Corner.js http://www.netzgesta.de/corner/ これはノーマル状態 グラデーションシェードを付ける 影を付ける 角を丸くする へこんだ感じの影にする そしてそれらを全部組み合わせることも自由自在 これぐらいまるくすることも可能 オリジナルのアイディアは「reflection.js」から来ているようですが、それにしてもすごい。
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
WYSIWYGでCSSレイアウトを超簡単に作れる『CSS Grid Builder』 | p o p * p o p
なにかと便利なYahoo!のUIライブラリーに「Grids CSS」なるものがあります。自分でつくると面倒なCSSのレイアウトをテンプレートで提供してくれるものです。 この「Grids CSS」、ブラウザ対応がしっかりしていたり、ファイルサイズが軽量だったり、テンプレートが豊富だったりといいことづくめですが、いざ使うとなるとそれなりに説明を読み込んで（簡単だけど）手作業でレイアウトをつくっていく必要があります。 そこでその作業を簡単にできるようにWYSIWYGでジェネレーターを作った方がいます。こいつは便利です。 » YUI: CSS Grid Builder ↑ コントロールパネルはこんな感じ。 プレビューを見ながらカラムの数や横幅を指定していくと簡単にレイアウトができちゃいます。もちろんコードも瞬時に生成してくれます。 なお、これを使うには当然ですがYUIが必要になります。ダウンロード
TAKESAKO @ Yet another Cybozu Labs: ニコニコ動画勉強会に行ってきました
本日ドワンゴさんの会議室にてこっそり開催されたニコニコ動画勉強会に参加してきました。 日本の動画コメントサービス「ニコニコ動画」の裏側をドワンゴの開発者の方から 直接お話しを聞いて、参加者も一緒に意見交換ができる非常に面白い勉強会でした。 ドワンゴさんとしては会社で行なう技術者向けの勉強会初めての試みということもあり、 まずは開発者の知り合いベースで声をかけあって少人数で開催することにしたそうです。 六本木のクラブの人や、バイナリカンファレンスでご一緒した人とこんなところで お会いできるとは思っていませんで、さまに想定の範囲外でした。 その甲斐あって密度の濃い話ができたと思います。 以下、自分用のメモを公開できる範囲で書きます。間違っていたらすみません。（ご指摘いただければすぐに訂正します） ■ニコニコ動画の苦労話 (Sさん) ニコニコ動画の歴史 2006年10月 一人でプロトタイプを開発
日本語のエンコーディング - まるぼ〜の日記
前に RJSでの日本語の扱いという記事を書いたけど原因がわかった。 JavaScript で日本語のパラメータをURLにセットしているんだけど、そこでエンコードしてなかったのが原因。 url = "<%= url_for :action => "show_memos" %>?item_name=" + $('spending_item_name').value; ここをエンコードするように変更する事でOKと思い以下のように修正。 url = "<%= url_for :action => "show_memos" %>?item_name=" + escape($('spending_item_name').value); ところが、IEから実行するとまたもやエラー。Webrick のログを見てみると、Opera からアクセスした時(encodeをつける前)とパラメータが違う。 Opera
角丸画像を瞬時に生成するGoogleの隠れAPI！ | p o p * p o p
これはすごい・・・Googleの隠れAPI（？）を見つけてしまった人がいます。Web 2.0系でよく使われる角丸用の部品を簡単につくることができちゃいます。 » Zach’s Journal – google’s own cornershop 例えば、Google グループのページの丸角は下記のURLで生成されています。 http://groups-beta.google.com/groups/roundedcorners?c=999999&bc=white&w=4&h=4&a=tr 生成される画像は以下。 そしてご推測のとおり、パラメーターをいじることができちゃいます。たとえば下記のような画像を自由自在です。 以下、パラメーターの詳細です。 c：色を指定します。色の名前（aqua, black, blue, fuchsia, gray, green, lime, maroon, navy
Geekなぺーじ：ダメな中小企業Webサイト
「Ten clues that your Web site is dead」という記事がありました。 コンピュータ関連ではない小規模な企業などでは、このような考え方は確かにありがちかもしれないと思いました。 面白かったので要約してみました。 誤訳などの可能性があるので、詳細は原文をご覧下さい。 1. 「インターネットはまだこれからだ」と思っている インターネットによる革命は既に数年間続いており、膨大な数のユーザもいます。 2. Webサイトを持っていない Webサイトを持っていないのは自社の名前をつけていないのと同じぐらいの事です。 Kitch氏によると、小規模ビジネスの3割はWebサイトを持っていないそうです。 そのような企業はすぐに消えてしまうそうです。 3. 自分のWebサイトの更新方法を知らない Kitch氏によると、小規模ビジネスのWebサイトはデザインのみに頼っても意味が無いそ
相手のビルの衛星写真がわかる無料アクセス解析「なかのひと ベータ版」 - GIGAZINE
以前に「IPアドレスから住所を割り出して地図表示するサービスいろいろ」ということでいろいろなサービスを紹介しましたが、日本にもすごいサービスがありました。その名は「なかのひと ベータ版」という無料アクセス解析サービス。 通常のアクセス解析と違い、「どんな組織からアクセスがあったか」に特化しており、一般の大手プロバイダーからのアクセスは集計せず、企業や政府機関、学校など法人に特化して調査するのが特徴。また、アクセス元の詳細な地図と、ビルの衛星写真を見ることができ、さらにタグクラウド形式でアクセス元を色分けしたりして表示することも可能。 仕組みとしてはドメインのwhois情報を元に組織名を検出し、それをYahoo!が提供するYahoo!地図情報サービスを利用してジオコーディング(＝経緯度変換)、および地図表示しているとのこと。なので、IPアドレスを元にした経緯度変換サービスに比べて高い精度を実
知っておいて損はないAJAXやCSSを駆使したタブインターフェース18種類 - GIGAZINE
技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意
価格.com、携帯電話でバーコードを読み取るだけで最安値をチェック可能に - GIGAZINE
価格比較サイト「価格.com」を運営している株式会社カカクコムが、本日4月18日より携帯電話のカメラ機能を使って、店頭に並んでいる商品のバーコードを読み取るだけで、価格.comに掲載されているパソコン、家電、カメラ、ゲーム、DVDなど約15万点の最安値情報やクチコミ情報にアクセスできる携帯電話アプリ「価格バーコードサーチ」の提供を開始したそうです。 「近くの店で商品の実物を見て、価格.comで最安値を調べて買う」という方法が、よりいっそう利用しやすくなりますね。 詳細は以下の通り。 （PDFファイル）価格.com、モバイルサービス強化で製品検索アプリを提供開始 製品バーコードから目当ての情報にワンクリックでアクセス可能に ～外出先での価格比較や評判のチェックが更に便利に～ このリリースによると、本日から価格.comの携帯電話向けサイト「価格.comモバイル」において、携帯電話のカメラ機能を
ロリポおじさんで有名なロリポップのpaperboy&co.に行ってきました - GIGAZINE
ロリポップ！レンタルサーバーやJUGEM、Grouptubeにカラメルなど、一回聞いたら耳に残る名前のサービスを数多く手がけている「paperboy&co.」に行ってきました。 どこからあんな面白いサービスの名前が出てくるのか、ペパ研など一風変わったサービスの狙いはなんなのか、どういった人々があれを作っているのかなど、いろいろと聞いてきました。 paperboy&co.の入っている渋谷セルリアンタワー。 ミーティングスペースには付箋紙がいっぱい貼られている。 ・paperboy&co.はこんな会社 GIGAZINE(以下、G)： paperboyさんはとても多くサービスを手がけていますが、どこから始まったのでしょうか。 佐藤(以下、S)： 2001年に「ロリポップ」から始めまして、2003年にpaperboy&co.という会社を立ち上げました。そのあとはレンタルカートやドメイン取得サービス
価格比較サイト「価格.com」を運営するカカクコム社に行ってきました - GIGAZINE
以前GIGAZINEで、価格.comの口コミ掲示板に投稿しているユーザーのクチコミ傾向が分かる「価格.com プロフィール」を取り上げましたが、それが縁となり、今回「価格.com」を運営するカカクコム社を取材することができました。 価格.comを運営するにあたって、どのようなスタンスで運営しているのか、工作員にどう対処しているのか、会社の雰囲気、そして今年1月のPCサクセス倒産はどのような影響があったのかなど、さまざまなお話を聞かせてもらいました。 日本有数の価格比較サイトの舞台裏、徹底解剖です。 詳細は以下の通り。 ◆カカクコムってどんな会社？ これがカカクコムが入っているビルです。 お隣にはJRAのビルが。どちらも巨大です。 入り口にはこんな看板。おなじみのロゴですね。 なぜか貯金箱が置いてありました。来る人がみんなお金を入れていってくれるらしい…。 おしゃれなソファ。 社内の様子はこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSとJQueryでマック風ドックメニューを実現 | SiMPLE*SiMPLE
not found
Twitter API 仕様書 日本語訳
エラー