携帯シミュレータ - P1エミュレータ「P1エミュレータ」は、ケータイサイト（docomo／SoftBank／auの3大キャリア）、及びスマートフォンサイト(Android、iPhone）の表示・動作を確認できるエミュレーターです。 ページのレイアウトや絵文字など、各キャリアの仕様や個々の端末によって大きく異なる見栄えや、イメージ・動画の再生状況などを一つのソフトで確認することを可能にし、ケータイサイトの管理・運営に掛かるコストを大幅に軽減する画期的ツールです。
サクラクレパスの404エラーが素敵なので、404ページを集めてみたくなったのだ｜広報・マーケティング向けブログ｜ネットPR.JP
URLを聞いて実際に見てみたら、そのページは既になく「404 File not found.」と寂しく表示されるだけ。そんな経験されたことがあるんじゃないでしょうか。そんなちょっと寂しい思いにさせる404ページが、もしも素敵だったら？それはいいですね。 はてなブックマークで、昔に「トリビアの泉」でやっていた「まつざきしげるいろ」のサクラクレパスによる紹介のページがいままたなぜだか話題ですが、ブックマークのコメントで知ったエラーページ「404 File not found.」が素敵です。 サクラクレパスの「404 File not found.」が素敵｜前向きストラテジー 確かに素敵。 じゃあ、他にどんな404ページがあるのか好き勝手に見てみました。 アップル。お勧め記事も教えてくれます。 livedoor。トップページにリダイレクトされます HONDA。可愛らしい車が出てきますよ。 花王。
テキストをハイライトすると絵が出てくる！ - sta la sta
※Firefox（推奨）またはSafariでご覧ください。(未確認ですがFlockでも良いようです。) via http://metaatem.net/highlite/ まずは以下のテキストをマウスでハイライトさせてみてください。（あるいはCtrl+Aでテキスト全選択ですね。） One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches int
jkondoに憧れて » 超手抜きでウェブサイトをモバイル対応 2008
◆追記 評判良かったので大幅に加筆訂正してみました。 ちょっと昨日、一昨日と携帯向けサイトを作っていたのですが、最近の携帯電話事情がわからず、どういうタグを使えばいいのかとか、CSSは対応しているのかとか、文字コードの問題はどうするのかとかいろいろわからないところが多かったので、ちょっと自分なりに調べてまとめてみます。 間違いが含まれている可能性が非常に高いです。 突っ込み大歓迎。 前提 キャリア別とか2G用にテンプレートを複数作って対応というのは個人で出来るレベルじゃないので、モバイル向けは１ページごとに１枚のテンプレート追加で作る。 なるべくPC向けのテンプレートを大幅に修正しなければいけないようなものは避ける。 長くなるので最初にまとめ ・文字コードはUTF-8。 ・マークアップ言語はXHTML Basic。 ・画像はJPEGかGIF。 ・CSSはインラインで書く。
ベア速 やる夫がＷＥＢデザイナーになるようです
3 名前：以下、名無しにかわりましてVIPがお送りします。[] 投稿日：2008/01/12(土) 03:03:00.97 ID:iSiNomjo0 【８年前某日】 ＿＿＿_ ／ ＼ ／ ─ ─＼ ソースコードかけるしいけるかな？ ／ （●） （●） ＼ どれ、求人雑誌に載ってるし応募してみるか。 | （__人__） | ＿＿＿＿＿＿＿_ ＼ ｀ ⌒´ ,／ .| | | ノ ＼ | | | ／´ | | | | ｌ | | | ヽ -一ー_~､⌒)^),-､ | |_＿＿＿＿＿＿__| ヽ ＿＿＿＿,ノγ⌒ヽ)ニニ-￣ | | | ※８年前の黎明期であ
flashでタグクラウド作ってみたよ。 - Humming Via Kitchen
var so = new SWFObject('tagcloud.swf', 'tagcloudId', '400', '400', '9', '0xFFFFFF'); // オプションを指定。 so.addVariable('url', '/path/to/xml'); ... so.write('replaceId'); 最大の欠点は日本語の表示が出来ません！ 埋め込んでいるフォントの兼ね合いなのですが、 日本語フォントはどれもちょっと...。 なので、対応予定もございません。 モノ自体は ココ にあるので、 万が一使っても良いよ。って方は気軽に持って行ってくださいまし。 ps. kishi-r 氏、お待たせ致しました！ 追記 xmlの形式書くの忘れてました。 こんな形式のxmlを受け取るようになっております。
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
クリック率が約5倍になった、そっち系のサイトで話題のしかけ
友人が運営するとあるサイトで、この方法を試した結果、クリック率が通常の5倍まで跳ね上がった事が判明。 古典的ながらも、まだまだ人間の深層心理をつく誘導は効果が高い事がこれで証明されました。 詳細は以下で。 そっち系のサイトで大人気 非常に簡単です。 上の画像をクリックしてしまった方は既にわかっていると思いますが、動画形式の画像にクリックが集まると言う事が証明されました。 仕組み的には以下の画像 gif、及びpng画像で透明を使ってCSSで乗せるという方法ですね。 実際視覚効果はどれくらいなのかと見比べてみると、かなり違いますね。 普通の画像 動画風画像 この方法の使いどころに選んだのが実はバナー 一般的に、バナー画像の効果は年々低下しています。 私のサイトのAdSense等も、アクセス数は増え続けていてもクリック率はそんなに増えません。 こうした中、この画像の使用を使ったのが広告用画像に、
ウェブでかっこいいグラフを描くためのライブラリやらテクニックやらのまとめ - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
新規でサイトを作るのに使えそうなの一式。（あの人のパクりじゃないんだからっ！）｜CSS HappyLife
08年6月4日追記： コレの新しいの作りました。 新規でサイトを作るのに使えそうなの一式。Ver 2 11月7日追記： contens.cssの56行と60行目の#contents部分でスペルミスしておました。 ごめんなさい... 現在は修正版になっております。 修正後のcontents.css --- SO905iがやば過ぎる件。JOGですよ！じょぐ！！！すげー待ってた。アナタを心から待っていた。 さて、一行駄文はお終い。本題です。 毎回新規サイトを作成する場合は、以前組んだのからコピって来て使うケースが多くて何かと面倒だと思っていたわけです。 んで、自分仕様のが欲しいと思ったので、仕事そっちのけで作ってみました。 以前からソレっぽいのは公開したり、なんやかんやだったんですが、11月2日Verって事で。 どうせ新規サイト作成の際にちょっとずつ見直しが入っていくので、すぐに古くなってしまう
Tag Cloudのスタイル - 3ping.org
タグクラウドの必要性についての是非はここでは置いておいて、このアイテムのデザインって色々考えさせられますね。 Vicuna CMSでも真面目に対応しようと重いケツを上げましたので、とりあえずサンプルとなるCSSスタイルを色々と書いてみました。 表示例とCSSファイルを置いておきましたので、気に入った表示があったらどうぞ使って下さい。 2007.10/21 追記・編集 Tag Cloud 10,11,12で.level5のフォントサイズが.level4と同じになってたのを修正 応用編としてTag Cloud 13を追加 単純に該当する記事が多いタグが他より目立てばいいだけなので、大抵のスタイルは大小の区別で表示しているけど、それだけじゃちょっと味気ない気もするので サイズ 色 明暗 彩度 色彩 形 というところでタグの強弱をより強調してみました。 HTMLは以下のような要素とクラス名で作って
ウノウラボ Unoh Labs: buttonタグでサブミットするあれこれ
CSSでいつも悩まされるのはクロスブラウザですけど、フォームでは特に面倒くさい要素が山盛りですよね。ボタンの文言を動的に変えたいから画像はなるべく使いたくないけど、だからといってブラウザのデフォルトのボタンとか、味気ないですものね。 今日は、フォームにつきもののボタンについて考えてみます。 私たちがボタンに求めるモノって、何でしょう。 データを送信（submit）する どのブラウザでも同じように見える 使い回しが聞く ボタンについている文言がどんなに長くなっても、水平方向の長さがフレキシブル 上記のようにサイズ的にフレキシブルであっても、見た目の美しさを阻害しない ボタンの大きさ＝クリックできるエリアの大きさ 画像がdiableされていても使用可 CSSがdisableされていても使用可 ボタンのように見えて実はただのリンクの時のもある これらの要求を解決してくれる方法が複数出
スタイルシートによる崩れない 2カラム 3カラム・レイアウト
このウェブサイトは販売用です！ desperadoes.biz は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、desperadoes.bizが全てとなります。あなたがお探しの内容が見つかることを願っています！
インターネットチャンネル向けのウェブページを作りたいのですが…。 : Ｑ＆Ａ - Ｗｉｉ
インターネットチャンネルのユーザーエージェントは、次のとおりです。 （お客様がダウンロードされた時期により異なります。） ●日本 Opera/9.10 (Nintendo Wii; U; ; 1621; ja) ●英語 Opera/9.10 (Nintendo Wii; U; ; 1621; en) ●ドイツ語 Opera/9.10 (Nintendo Wii; U; ; 1621; de) ●スペイン語 Opera/9.10 (Nintendo Wii; U; ; 1621; es-ES) ●フランス語 Opera/9.10 (Nintendo Wii; U; ; 1621; fr) ●イタリア語 Opera/9.10 (Nintendo Wii; U; ; 1621; it) ●オランダ語 Opera/9.10 (Nintendo Wii; U; ; 162
正しく、早く、美しいコーディングを実現するために踏むべき5つのステップ::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
Web 2.0 なロゴジェネレーター - trial and error
こんなキレイなロゴが、簡単に作れる方法を紹介します。 Web2.0 なロゴジェネレーターです。 学校の文化祭の準備で、なにかロゴ作れるのないかな～。 って思ってたら、いい物を見つけたので紹介します。 実は、これどちらも文字を入力しただけです。 さらに、タダでできます。 Web2.0 Logo Creator by Alex P (新アドレスで復活？) Bambino Labs Halloween - Web2.0風ハロウィンロゴジェネレーター 作り方は簡単です。 文字を入力して、ボタンを押すだけ。 それだけで、こんなキレイなロゴが作れてしまいます。 自分で手間かけて自作するより、よっぽどきれいですよね。 これは、ただ同じロゴを作るだけでなく、ちょっとだけカスタマイズできます。 Web2.0 Logo Creator は、英語なのでちょっと機能を説明したいと思います。
ウノウラボ Unoh Labs: Webサイトのテキストを読みやすくする
こんにちは！ 4月より、デザイナーとしてウノウの末席に加わらせていただくこととなりました。山崎と申します。 周囲が凄いエンジニアの方ばかりで、毎日チビりそうになりながら（？）仕事をしています。 いきなりのラボブログ当番で、さて何を書いたものやら、というところなのですが、このブログをご覧いただいている方々にはエンジニアさんが多いということで、「デザインはよくわからない」と苦手意識を持っている方も少なからずいらっしゃるはず。そんな「デザインとかようわからん」な方々に向けて、Webサイトの「デザイン」について、本当にベーシックな部分から少しずつ少しずつ解説してみようと思っています。 すでにガシガシWebデザインをやっている方々には物足りない、退屈な内容になってしまうかもしれませんが、どうぞよろしくお付き合いください。 というわけで今回は、「テキストを読みやすくする」です。 Flashだリッチコ
脱初心者をめざす人のためのホームページ作成講座
栄光ゼミナールとほかの塾との授業料、サービスなどさまざまなポイントについて比較しています。栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなＤＶＤ（届くまでお楽しみ） 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制（6人から20人程度）できめ細やかな授業
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
膨大なRSSアイコン。RSSアイコンをお探しの方はこちら。*ホームページを作る人のネタ帳
そろそろモバイルサイト作成について本気でなんとかしたいと感じる・・・が。*ホームページを作る人のネタ帳
