６日間でGoogleにインデックスされる方法 - GoogleMania | グーグルの便利な使い方
６日間でGoogleにインデックスされる方法 管理人 @ 8月 2日 02:13pm ウェブマスター向けサービス, 検索Tips, 検索エンジン サイトを公開したとき、できるだけ、早くGoogleインデックスに登録されて、できるだけ多くの人に訪問してほしいものです。 そのためには、Googleにインデックスされないと、話になりません。 今回紹介するのは、最短６日間でGoogle検索にインデックスされるためのTipsです。 Googleのサイト登録フォームにURLを登録する。 Googleオフィシャルブログの記事へリンクを張る。 同じように、Techcrunchの記事にもリンクを張る スパムではなく、読んで面白いと思ったブログ記事には、コメントを残す。 このブログをBlogger Forumで宣伝する。 ２・３時間かけて、ソーシャルニュースサイトで人気が出るような記事を書く。 自分のサイトに
au design projectのコンセプトモデル：「actface」の楽しさは、スーパーマリオに通じる──猪子氏が考える携帯UIとは (1/2) - ITmedia +D モバイル
「actface」の楽しさは、スーパーマリオに通じる──猪子氏が考える携帯UIとは：au design projectのコンセプトモデル（1/2 ページ） 東京・原宿にあるKDDIデザイニングスタジオで7月31日から始まった「ケータイがケータイし忘れていたもの」展。ここには、ユーザーインタフェース（UI）を重視したau design projectのコンセプトモデルが展示されている。コンセプトモデルの1つ、「actface」をデザインしたのがウルトラテクノロジスト集団「チームラボ」だ。 チームラボの代表を務める猪子寿之氏が、イベントの開催を記念して行われたトークショーで、actfaceのUIが生まれるまでの経緯や携帯UIに対する考え方について説明した。 →画面上で墨が揺らぎ、雲が流れ、街が成長する──UI重視のau design project新モデル →動画で見る、au design p
ナガオカ日記 | D&DEPARTMENT
D&DEPARTMENTはカリモク60をはじめ、日本のロングライフな家具・生活雑貨のセレクトショップです。取扱い商品は買い取り可能。リサイクルに耐えうるデザイン性の高い製品のみ販売しています。2008年09月30日 僕のゼミ名は「ナガオカケンメイ＋D&DEPARTMENT 桑沢PROJECT」でお願いします。 前略、内田繁さん。お手紙、ありがとうございます。内田さんがどうして桑沢デザイン研究所の所長を引き受けられたのか、よくその気持ちがわかりました。また、デザインの教育に対する意識の深さも、よく分かりました。 内田さんから頂いたお手紙の中に書かれていたこと、お引き受けしたいと思っています。いろいろと深く考えたというか、普段からもやもやとしていたことだったからで、決して、期待通りのこととして全うできるかは、正直、自信はありません。しかし、僕もデザインと教育と現実について、いつかその現場に
検索条件の入力画面で配慮したいインターフェース例 (ユーザビリティ実践メモ)
ユーザに2つの選択方法を提示することが、かえってユーザを適切でない行動に導いてしまうこともあります。今回は検索条件の入力画面を用いて、その一例をご紹介します。 図1のような画面構成で、 チェックボックスを選んでから選択ボタンをクリックすると、チェックボックスがOnとなっている駅名で検索を実行（=複数選択が可能）青字下線をクリックすると、その駅名のみで検索を実行という機能になっていたとします。 この際に行ったユーザビリティ調査では、渋谷か新宿か池袋であればどこでも構わない、といったような複数の選択肢を持つニーズが多く見られたにも関わらず、青字下線のリンクを最初にクリックするケースが度々観察されました。� この画面構成の場合、チェックボックスよりも青字下線リンクの方がアフォーダンスが高いため、多くのユーザは頭に思い浮かんだ駅名をページ内で見つけると、次のアクションとして青字下線リンクをクリック
マスカラマガジン │ メイベリンが送るマスカラのためのビューティWebマガジン
This domain may be for sale!
標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有
2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈
Big Sky :: 今さら聞くのは恥ずかしい「microformatsとは何か？」
The sbox program encountered an error while processing this request. Please note the time of the error, anything you might have been doing at the time to trigger the problem, and forward the information to this site's Webmaster (webmaster@www.ac.cyberhome.ne.jp).Stat failed. /usr/local/apache2/cgi-bin/~mattn: No such file or directory sbox version 1.10 $Id: sbox.c,v 1.16 2005/12/05 14:58:01 lstein
ウノウラボ Unoh Labs: buttonタグでサブミットするあれこれ
CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。 今日は、フォームにつきもののボタンについて考えてみます。 私たちがボタンに求めるモノって、何でしょう。 データを送信（submit）する どのブラウザでも同じように見える 使い回しが聞く ボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル 上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しない ボタンの大きさ＝クリックできるエリアの大きさ 画像がdiableされていても使用可 CSSがdisableされていても使用可 ボタンのように見えて実はただのリンクの時のもある これらの要求を解決してくれる方法が複数出
好きな画像を机の上に散らばったポラロイド写真風にする「Polaroid Gallery」 - GIGAZINE
クリエイティブ・コモンズのライセンスで提供されており、自分の好きな画像を机の上に散らばったポラロイド写真風に表示することができるFlashファイルです。画像はダブルクリックすると拡大されます。 使い方は至って簡単で、同梱のファイルに表示したい画像ファイル名と、説明文を書くだけ。あとは表示させたい画像を一緒にアップロードすれば自動的に読み込んでバラバラバラ～っと並べて見せてくれます。Flashで作られているのでやろうと思えば自分のブログに埋め込むなんてことも可能です。また、編集できるようにFlaファイルも提供されているので改造もできます。 ダウンロードは以下から。 Polaroid Gallery v.1.01 http://no3dfx.com/polaroid/ ダウンロードしたZIPファイルを解凍し、中にある「photos.xml」を編集するだけです。実際にどんな感じで書くかというのは
高機能JavaScript圧縮ツール「jsjuicer」:phpspot開発日誌
サイトのパフォーマンス向上をアドバイスしてくれるFirefox拡張「YSlow f... 次の記事 ≫：フォント埋め込み機能を備えたPDF作成ソフト「PrimoPDF」v3.1の日本語版... 高機能な JavaScript 圧縮ツール「jsjuicer」 - WebOS Goodies 私も Infosketch を公開する際にいろいろ試しまして、本日ご紹介する jsjuicer を使うことにしました 高機能JavaScript圧縮ツール「jsjuicer」の紹介記事。 インストールから細かな利用法までを紹介されてます。 jsJuicer以外にも、以下のようなものも存在します。 GUI/コマンドラインツール ObfuscateJS - JAVAで書かれたGUI画面で難読化。改行/タブ除去の他変数名変更 Dojo compressor - JAVAで動作するコマンドラインツール。スペース等
春の訪れを感じさせるPhotoShopブラシ集:phpspot開発日誌
Choice Spring at Well, I kept my word. Using the sketches and inspiration of designer Lori Sartin, Choice Spring is a tribute to the beauty of Spring. 春の訪れを感じさせるPhotoShopブラシ集が配布されています。 このブラシを使って、次のような美しい画像を作れます。 インストールは、ファイルをダウンロード後、ブラシツールを選択し、ブラシ形状の選択ボックスを開いて、 ボタンを押した後、「ブラシファイルの読み込み」でダウンロードした .abr ファイルを読み込むと次のようなPhotoShopブラシスタイルがインストールされます(PhotoShop7の場合)。 関連エントリ 渦巻いた花の形をしたデザインのオシャレなPhotoShopブラシ集
ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」
イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。 写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。 詳細は以下の通り。 ダウンロードは以下から。 DEfusion.org.uk >> JavaScript Image Cropper UI, using Prototype & script.aculo.us デモは以下から。実際にドラッグして切り抜きを体験できます。 DEfusion.org.uk >> Demo >> Prototype JavaScript Image Cropper UI 操作感覚が通常のアプリケーションとほとんど差異がない
AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」
操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10％増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。 詳細は以下から。 WebAppers Simple Ajax Progress Bar with CSS by WebAppers ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。 Demo http://www.webappers.com/progressBar/ 実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。
<InputDraw/> - The simplest draw editor to your forms
This domain may be for sale!
scrollovers
お金を稼ぎたい場合は、スマホアプリを利用したお金を稼ぐ方法がおすすめです。 おすすめの理由には手軽さをあげることができます。 外に働きに出る必要がなく、いつも使用しているスマートフォンやタブレットから稼げるので、誰でも簡単に行うことが可能です。 特別なスキルを要しないところもおすすめのポイントだと言えます。 多くの案件が誰にでもできる容易なものとなっており、特別な能力がない人でもできるものが多いです。 アンケートに答えるなどの簡単なものが多いため、未経験者でも不安なく始めることができます。 好きなときに稼げることも魅力です。 暇なときは集中して活動することができますし、忙しいときには作業をする必要がありません。 自分のライフスタイルに合わせて稼げるため、バイトのように面倒だけれど行かなければならないといった苦痛を覚えることがないです。 楽して稼ぎたい人や気楽にお金を稼ぎたい場合には、この方
待望のAjax Webアプリケーションフレームワーク"Ext 1.1"登場 | エンタープライズ | マイコミジャーナル
Ext JS, The Ext teamは1日(米国時間)、Extの最新版となる「Ext 1.1」を公開した。ExtはJavaScriptで開発されたWebアプリケーションフレームワーク。スタンドアロンで提供されているフレームワークで、軽量HTMLエディタ、新しいExt.Ajaxユーティリティクラス、拡張されたDateFieldおよびDatePickerコンポーネント、整備されたドキュメントなどに特徴がある。以前のバージョンと比較してバグ修正も実施されている。 Ext 1.1では、とくに他のサードパーティライブラリへの依存がなくなった点が特徴的。このためExtを使ってWebアプリケーションを開発する場合にはExtだけを用意すればよくなった。ただし他のライブラリと共有するためのアダプタ機能は引き続き提供されるため、デベロッパのチョイスで複数のライブラリやフレームワークを組み合わせて使うことも
jquery.jsの使えそうなプラグイン ウェブハッカー
jQueryにたくさんのプラグインがありますが数が膨大なので探すのが結構手間。ウェブ制作にも即使えそうなjqueryのプラグインを抜粋してみました。 jQuery.jsのプラグイン抜粋 Accessible News Slider 見た目にも軽量そうなニュースのスライダーを作ってくれるjquery.jsのプラグイン。左右に記事がなければボタンが隠れるあたりの気の使いようがグーです。 slideViewer お手軽にFlashのようなピクチャーギャラリーを実装できるjquery.jsのプラグイン。Flashでもないのに動きにタメ・ツメがあって魅力的です。 jCarousel ネクスト・バックボタンの綺麗さにも気を使ったスムーススクロールのjquery.jsのプラグイン。ブログのサイドバーに設置とかできそう。 InnerFade with JQuery テキストや画像を綺麗な
Re:href=
Re:href="#" onclick の悪習 ネタ元：某日記：href="#" onclick の悪習 <a href="#" onclick="...">検索</a> なんて書き方やめようぜ！というお話 a要素のhref属性に値が入ってるとonclick属性の内容を実行後にhref属性の値を参照しようとする。 #なんかが入ってるとページの一番上部にページ内遷移をする。(※1) 某日記さんの代替案ですけどspanで代替するもの <span style="cursor: pointer" onclick="...">検索</span> 私だとこんな書き方 <a href="javascript:void(0)" onclick="...">検索</a> onclickイベントハンドラを実行しようとしてるなら、こんな書き方もある <a href="javascript:（onclickの内容
jQueryでブロック要素の高さを揃えてみる - 徒書
ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません。どうせJavaScriptを使うのであれば、既存のHTMLの構造を生かしつつスクリプト側で目的の要素を取得できたほうがいいのではと思いました。 というわけでまたも自分なりに書き換えてみるシリーズなのですが、今回は要素取得の柔軟さに着目してjQueryを使ってみることにしました。 できたものは以下です。 jquery.flatheights.js 動作サンプル jQueryの$関数ではCSSセレクタの書式で要素を取得できるので、例えば「"box1"というclass名を持つ要素」を集めるのであれば
Irfan View 32 日本語版
日本語版の作者さんのホームページ http://www8.plala.or.jp/kusutaku/ 本家はこちら。 （英語がわかれば なんとかなります） http://www.irfanview.com/ プラグインはこちらからダウンロードできます。（5.4MBくらい） （プラグインはダウンロードしておくことをおすすめします。） ↑ リンク先は間違ってないんですが、非常につながりにくくなっているようです。 こちらからでもダウンロードできるようですので、 どうぞ（exeファイルのみです）。 いろいろな機能を備えたフリーソフトです。 画像の連続表示 画面の取り込み 画像のリサイズ・リサンプル アニメーションGIFの分解 画像の名前の一括変換 いろいろな画像形式での保存 画像形式の一括変換 スライドショー 壁紙の設定 色調補正 画像の全画面表示 いろいろなフィルタをかける サムネイル表示 R
The creative and technical vents of Scott Schiller
TL;DR version: I played this in the early 1990s on an old 8088-based IBM-PC compatible; this is my interpretation of it. Play now at /armor-alley. Related: Development process, screenshots etc. Also on GitHub. A browser-based interpretation of the classic 1990 game. Armor Alley is a side-scrolling simulation involving strategy. The primary goal is to get a van across the battlefield to the enemy b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「青春18きっぷ」向けの路線検索、ジョルダンがβサイトで公開中
youmos.com
http://youmos.com/news/css_selector_js
http://youmos.com/news/autoviewer
http://youmos.com/news/import_js
http://youmos.com/reference/set_element_class.html
http://youmos.com/news/xray
無料のテクスチャ素材が大量に集まっている「TextureKing」 - GIGAZINE
http://www.designwalker.com/2007/07/best-website2007.html
CSSデザインできるスクロールバー表示JavaScript （fleXcroll） - youmos
http://youmos.com/news/lightbox_effect
スケジュールの進行状況アプリに使えそうなAjax*ホームページを作る人のネタ帳
http://mynotes.jp/blog/2007/08/ie_collapses_padding_and_margin
codeなにがし
CSS Nature Gallery | Showcasing the Best Website Designs Worldwide
http://www.designwalker.com/seed/webdesign/speech-bubbles/