タグ

2007年5月12日のブックマーク (12件)

  • CSS Niteをtwitterで楽しむスクリプト

    CSS Niteをtwitterで楽しむスクリプト CSS Nite LP3がtwitterでライブ中継されているのでcssniteの友達一覧から@cssniteがあるコメントだけ抽出するグレースモンキースクリプトを書いてみました。 cssnitewithtwitter.user.js 会場にいなくても、雰囲気だけ味わえるのはよいものですよね。 関連エントリー CSS Nite in Osaka 2007 春の陣(感想) CSS Nite in Osaka 2007 春の陣 前夜祭(感想) CSS Nite in Osaka 2007 春の陣 前夜祭 CSS Nite in Osaka 2007 春の陣 CSS Nite in OSAKA Dreamweaverの作業効率を高める小技30発 by 鷹野雅弘 CSS Nite in OSAKA エコなWebデザイナーになろう by 長谷川恭久

    CSS Niteをtwitterで楽しむスクリプト
  • optgroup 要素を CSS でひと工夫してみる | WWW WATCH

    フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな... フォームの入力コントロールの中で、select 要素によるセレクトメニューは、選択肢の数が一定以上増えると選択したい項目を探し出すのがちと面倒になります。そんな時のために optgroup 要素が存在するわけですが、こいつを使用した上で、CSS をあてて見た目を装飾する方法と、一部ブラウザでの注意点などを簡単にまとめてみました。 基的なことのみで、すごいかっこいい見た目を実現とかそういうのではありませんので、期待せずにどうぞ。 例えば都道府県などの選択をさせる際を想定すると、マークアップ自体はこんな感じになりますよね。面倒なので全部は書きませんが。 <select name="location"> <optgroup la

    optgroup 要素を CSS でひと工夫してみる | WWW WATCH
  • 第2回 自分なりの強みを活かしたWebデザイナーになるための考察 | gihyo.jp

    多様化・高度化するWebデザイナーのお仕事 近年、Webデザイナーへ求められるスキルは多様化、そして高度化しています。 スキルを細かく分類しても、多岐にわたってしまうことがわかります。 Webデザイナーに求められるスキルを細分化する グラフィック(ビジュアル)デザインスキル (X)HTMLマークアップスキル 文書構造を適切に意味付けする CSS技術スキル HTML/CSSオーサリングソフト操作スキル 代表的なツール:Dreamweaver 目的にそって情報を配置(レイアウトやマッピング) インターフェースデザインを行うスキル 配色スキル JavaScript技術スキル Flashオーサリングスキル グラフィックソフト操作スキル 代表的なツール:Photoshop/Illustrator/Fireworks アクセシビリティ配慮のスキル ユーザビリティ配慮のスキル インフォメーションアーキテ

    第2回 自分なりの強みを活かしたWebデザイナーになるための考察 | gihyo.jp
  • 12のフリーCSSテンプレート集:phpspot開発日誌

    ? 12 Free CSS Templates ? < ? Ideas ? | ? Twentythree ? 12 Free CSS Templates 12のフリーCSSテンプレート集。 次のようにいろんなレイアウトのCSSテンプレートがダウンロードできます。 他にもいろいろ 42個のフリーCSSレイアウト-サンプル集「Free Faux Column CSS Layouts」 フリーのWEBデザインテンプレート集 フリーのCSSテンプレート&テンプレート配布サイトまとめ フリーで使えるCSSレイアウトのテンプレート配布サイト

  • Photoshop CS3の「クイック選択ツール」が便利な件について

    少し前からPhotoshopを使っているのだが、どうしても上手にできなかったのが写真から人物や物を切り取ること。私の知る「Photoshop使い」たちは、皆口を揃えたように「パスを使いこなせ」というが、その方法はあまりにも手間がかかりすぎて私には向いていない。今日Photshop CS3がやっと届いたので、うわさの「クイック選択ツール」を試してみると、ものの5分ぐらいで以下の切り抜きに成功した。 やり方は以下の通り。 1.まずは「クイック選択ツール」で大まかな選択をする。微妙な部分は少しはみ出しても気にしない。 2.選択を反転させる 3.はみ出した部分とそうでない部分のコントラストの差が一番大きいものをRGBチャネルから選び、今度は外側から内側に向かって再び「クイック選択ツール」を使ってはみ出した部分だけを選択するようにクリックして行く 4.だいたいの修正が終わったら、選択を再び反転させる

  • Photoshopで遊ぶ: iPodの広告風影絵を作ってみた

    写真から人物の切り抜きができるようになったので、前から作りたかった「iPodの広告風影絵」の作成。手順はいたって簡単だ。 1.Photoshop CS3 のクイック選択ツールを使って人物の輪郭を選択する 2.それを元にパスを作る 3.パスを元にベクターレイヤーを作り、黒く塗りつぶす 4.一つ下に新しいレイヤーを作り、iPodの広告のカラーの色のどれかで塗りつぶす 以下が今日作った作品。誰の写真を元にしているかは言わなくとも分かるだろう。

  • 手書きインターフェースでアジャイルなサイト構築を支援する『DENIM』 | POP*POP

    昔からあったものですが、ひさしぶりに見てみたらすっかりバージョンアップしていたのでご紹介。 ワシントン大学が開発したDENIMは手書きのインターフェースでサイトマップを作成、HTMLまで生成してくれるというすぐれものです。 タブレットPCと相性が良いですが、マウスでもぐりぐり操作可能です。 簡単な使い方を以下にご紹介。 ↑ 起動直後の画面。 ↑ 文字を書いていくとそれが一つのページとして認識されます(画面はHomeと書こうとしていますw)。 ↑ 複数作ったページ。リンクもドラッグで簡単に貼れます。 ↑ ページの詳細へ。左側のメニューでサイトマップレベルか、詳細ページレベルかなどが選択できます。 ↑ 円形メニューでさまざまな操作が可能。HTMLでエクスポートなどもできますよ。 ちなみにこうして作られたサイトをHTMLにしたページのサンプルは以下からどうぞ。なかなか味がありますよね・・・。 »

    手書きインターフェースでアジャイルなサイト構築を支援する『DENIM』 | POP*POP
  • 写真から不要な物体を消し去ってくれる『PhotoWipe』を試してみました | POP*POP

    指定した写真からいらないものをきれいさっぱり消し去ってくれる魔法のようなソフトがLifehackerで紹介されていました。 その名も「PhotoWipe」。ウィンドウズ用のフリーウェアです。 直感的にはそんなことできるの?と思ってしまいますが、実際に使ってみるとどうなのでしょうか。 以下に体験レポートをば。 ↑ 今回使用したのはこの写真。ここからワンちゃんを消し去ってみたいと思います。 ↑ 使い方は簡単。お絵かきソフトの要領で不要なものを黒く塗りつぶしていきます。 ↑ そのあと左上の「Preview」をクリック。ちょっと時間がかかりますが、処理をしてくれます。 ↑ その結果・・・微妙・・・中途半端な光学迷彩のようですね。 結果は微妙でしたが、思うに小さいものだったらちょこちょこっと消せるかもしれませんね。 ちなみにPhotoWipeのサイトには見事なサンプルがあがっていますが、これはかなり

    写真から不要な物体を消し去ってくれる『PhotoWipe』を試してみました | POP*POP
  • Twitter、モバイルサイトの立ち上げを発表

    Twitterは米国時間5月10日付けの公式ブログやユーザーに宛てた電子メールで、モバイルサイトの立ち上げを発表した。 Twitterは、ウェブサイトやインスタントメッセージング(IM)、ショートメッセージサービス(SMS)、RSSなどを通じてユーザー同士で短いメッセージを手軽にやり取りすることができるSNSサービスだ。「いまなにをしているのか」といった切り口で、リアルタイムの情報をやり取りするのに使われる。 これまでTwitterに携帯電話からアクセスする場合は、SMSを利用してきた。しかし、スマートフォンなどから利用するユーザーが増加していることを受け、同社はこのたび、モバイル版のウェブサイト(m.twitter.com)を立ち上げることにしたという。 ユーザーに宛てた電子メールには、同サービスがこれまでの運営会社であったObvious, LLCから独立し、Twitter, Inc.か

    Twitter、モバイルサイトの立ち上げを発表
  • 爆発的に普及する「Twitter」に続け--個性派サービスが日本でも続々登場

    Twitter、モバイルサイトの立ち上げを発表 Twitterは米国時間5月10日付けの公式ブログやユーザーに宛てた電子メールで、モバイルサイトの立ち上げを発表した。 2007/05/11 19:18 画像や動画も貼れるTwitter風サービス、「Haru」がオープン PCと携帯電話から利用できる簡易コミュニケーションツール「Haru」ベータ版をオープンした。日語版「Twitter」とも言うべきサービスだが、独自機能として画像や動画の貼り付け、OpenIDでのログインに対応している。 2007/05/11 11:00 ナノティ、Twitter風メモ共有サービス「Timelog」アルファ版を正式公開 ナノティは、ソーシャルネットワーキングサービス「Timelog(タイムログ)」のアルファ版を正式公開した。「Twitter」同様にユーザーが今何をしているかをメモ機能で入力し、公開できる。また

    爆発的に普及する「Twitter」に続け--個性派サービスが日本でも続々登場
  • ひろゆき氏、「ウェブ動画がビジネスになる日は遠い」 - CNET Japan

    「インターネットの回線費用が高すぎて、きちんとした動画を高画質で配信するのはわりに合わない。一般の企業が参入するにはまだ難しい」――5月11日に開催されたロフトワーク主催セミナー「WEB CREATIVE NEXT」に、2ちゃんねる管理人でニワンゴ取締役の西村博之氏がパネルディスカッションに登場し、動画配信ビジネスについてこのように指摘した。 ニワンゴは、動画上に視聴者がコメントを付けられるサービス「ニコニコ動画(γ)」を提供している。西村氏によれば、登録会員数は100万人、動画の再生回数は2億回以上で、1日のページビュー数は1000〜2000万PVという。「回線コストがかかりすぎて、これ以上なかなか規模を広げられない」(西村氏)という人気ぶりだ。 動画共有サービスのYouTubeも毎月数億円の回線コストがかかると言われており、運営費用をいかに賄うかが大きな課題になっている。「テキスト広告

    ひろゆき氏、「ウェブ動画がビジネスになる日は遠い」 - CNET Japan
  • 煤 - Note : RSSTIMES で自分の Twitter 行動記録を可視化

    RSSTIMES で自分の Twitter 行動記録を可視化 Mon, 07 May 2007 10:17 @095 /web del.icio.us hatena clap! というのを知り合いがやっていて面白いなと思ったのでパクリます! RSSTIMES で Twitter のフィードを指定するだけで作れます(フィードのリンクは「Your profile」の下の方にあるよ)。 僕のはこんな。寝てないことが一目瞭然ですね! Twitter では最近の20件をフィードにしているようなので、RSSTIMES でも20件表示されます。 Twitter の最新の発言をブログに貼っている人を見かけるようになりましたが、RSSTIMES も一緒に表示しておくと楽しいかも。RSSTIMES はいろいろ使えて楽しい!