UIデザインガイドラインのまとめ - everything might happen tomorrow - yhassy - builder by ZDNet Japan
デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction Guidelines Windows UX チームが公開し
XMLサイトマップを検索エンジンに送信するとクロールがどう変わるのかテストしてみた | Web担当者Forum
人間誰でもそうだけど、いいものも悪いものも含めて、僕にはいろんな癖がある。この間、あるクライアントのWebサイトに取り組んでいるとき、いつものようにXMLサイトマップを作って検索エンジンに送信したんだけど、そのときに考え始めたんだ。XMLサイトマップって本当にサイトの役に立っているんだろうかってね。XMLサイトマップを検索エンジンに登録すると、どんな効果があるんだろうか。 そこで、そこそこ人気のあるブログを運営していて、WordPressとGoogle XML Sitemaps Generator for WordPressというプラグインを使っているクライアントに頼んでみたんだ。僕が作ったトラッキング用のスクリプトをサイトにインストールして、検索ロボットの動きを追跡させてくれないかってね。Google XML Sitemaps Generatorがどんなものか知らない人のために説明すると
[CSS]高さの異なるカラムを揃えるスタイルシート | コリス
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。
フォームの文字列を1クリックで選択状態にする - kakyk blog
トラックバックURLなど長い文字列をユーザにコピペして使ってもらう際に、単にURLの文字列を記述しておくだけではユーザはいちいち長い文字列をドラッグして選択しなくてはいけないので、1クリックしただけで全て選択状態になるようなテキストフォームを設置して（Youtubeなどにもあるアレ）ユーザビリティを向上させるテクニックの実装方法です。 <input>タグに「onfocus="this.select();"」を追加するだけ。 実際のコード <input type="text" value="hogefuga" onfocus="this.select();"> もちろん、<textarea>に指定して複数行での一括選択も可能。 こうするだけで、テキストフォームを1クリックで全選択状態になります。
AjaxMail：Ajaxを活用したフリーPHPメールフォーム
ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。
「ジャーシャカ・ドット・ノート」ではオープンソースで開発されているフリーのビデオ編集ツール「jahshaka」を応援しています。
“オープンソースで開発されているフリーのビデオ編集ツール 「jahshaka」についての覚書や情報を掲載しています。” 初めての「じゃーしゃか」 [jahshaka]とは？ jahshaka「ジャーシャカ（日本語での発音はこれでいいのかな？）」とはLinux、Windows、OSＸとマルチプラットフォームで開発されているビデオ編集，ポスト・プロダクション・ソフトウェアです。 jahshakaで扱うことができるのはflash、avi、quicktime、windows mediaそしてrealなどのメディアのデータと３ＤＣＧのデータで、動画や静止画を使ったアニメーション、エフェクト処理、編集、ペイントなどが可能です。 ただし、このような機能を持ったソフトウェアは数多ありますが、jahshakaが他の市販の同様のソフトウェアと違うのはオープンソースコミュニティによって開発されている点です。 こ
試してみたら本当にスゴイ！家事の技 : 生活・身近な話題 : 発言小町 : 大手小町 : YOMIURI ONLINE（読売新聞）
「アルミホイルの光沢面に水をつけ、水道の蛇口を擦ると水垢がとれる」という技を知り、試してみたところ、頑固な水垢が簡単に落ちてピッカピカ！！ もう感動しました。 今までの苦労は何だったのか・・。 もっと早く知っていれば、掃除がラクだったのに～！ この技は、傷がつきにくいクロムメッキ限定とのことですが、あまりの感動にさっそく家中の蛇口を磨きました。 自分の知らない技が、世間にはたくさんあるんだろうな～。 皆さんが試してみて、本当にすごかった、良かった、我が家の定番になった、という家事の技がありましたら、ぜひ教えてください。
Movable TypeからWordPress移行の波がくる？ - ネタフル
2008年から2009年の年末年始に、Movable TypeからWordPressに移行したというエントリーをちらほらと見かけました。影響力のある人たちが移行したので、追随する人も増えるかもしれません。 ▼固定リンクを変えずにスムーズにMovableTypeからWordPressに移行するまでの作業ログ | IDEA*IDEA ブログシステムはどれも一長一短あるでしょうが、WordPress、シンプルでいいですよ。本体はあくまで軽く、そのあとはお好みで拡張していく楽しみがあります（そういう意味でFirefoxに似ています）。 ▼WordPressで導入したプラグインまとめ | IDEA*IDEA いろいろいじり倒している最中ですが、いまのところのおすすめプラグインをご紹介。ちなみにWordPressって管理画面から直接プラグインをダウンロード＆インストールできるのですね。FTPのID&P
[JS]jQueryのプラグイン33+1選 -2009年1月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Ajaxify さまざまなAJAXコンテンツを実装。 Agile Carousel パネルをダイナミックにスライド。 Start/S
Google，異種ブログ・サービス間のデータ変換ツールをオープンソースで公開
米Googleは米国時間2009年1月9日，異種ブログ・サービス間でデータを変換するためのオープンソース・ツール「Google Blog Converters 1.0」を公開した。オープンソース・ソフトウエア・ライセンスApache License 2.0を適用し，Webサイトで無償ダウンロード提供している。 同ツールを利用すると，あるブログ・サービスから投稿記事やコメントのデータを取り出し，別のブログ・サービス用に変換できる。初版である1.0の対応ブログは，同社の「Blogger」，米LiveJournalの「LiveJournal」，米Six Apartの「Movable Type」，オープンソース団体WordPressの「WordPress」。 ツールは，Pythonのライブラリとスクリプトで構築した。Webアプリケーション・ホスティング・サービス「Google App Engine
Google AnalyticsのAnalysis、そして滞在時間のウソ : 404 Blog Not Found
2007年03月11日17:00 カテゴリiTech Google AnalyticsのAnalysis、そして滞在時間のウソ 簡単で奇麗で便利なGoogle Analyticsですが、閲覧時間に関しては信用しない方が賢明です。 あとで読む いつまでたっても あとで読む - FIFTH EDITION これ見ればわかりますが、9割以上のアクセスが、１０秒以内で、うちのサイトを離脱しているわけです。（１０秒しか閲覧してない） そのことを示す前に、Google Analyticsがどんな仕組みで動いているのかを見てみましょう。 Google Analyticsに加入すると、解析したいサイトに、以下のJavaScript Codeを埋め込むよう言われます。 <script src="http://www.google-analytics.com/urchin.js" type="text/jav
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/01/web-layout.html
メタリックな質感をPhotoshopで表現する方法いろいろ - DesignWalker
Yahoo Developer Network
http://oshiete.goo.ne.jp/ask/idea/reito/?gclid=CLegj_bntJUCFQLObwod3GjoQQ
相互添削型SNS Lang-8(ランゲート)
http://www.kotosaka.com/article/103551650.html
Adobe - ADOBE CREATIVE SUITE 4 DESIGN EDITION
Shenaz Zack