あなたのサイトでカンタンに音声を再生できる4つの埋め込みプレイヤー
ポッドキャスティング、まだまだこれからではあると思いますが、様々なサイトで配信され始めてますよね。 今回はDigital Inspirationのエントリより、カンタンにサイトへオーディオファイルを埋め込める4つのプレイヤーをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! MP3ファイルをサイト上でカンタンに再生できる埋め込みプレイヤー いずれのプレイヤーも、ソースコード中の”「MP3ファイルのURL」”（鍵カッコまでを含む）をファイルのURLに置き換えればカンタンに設置することができます。 1. Google Reader MP3 Player これはGoogleリーダー用のMP3プレイヤーなのですが、ちょっとした裏技でサイトに埋め込めてしまうもの。音量調節が細かく効くのでユーザービリ
CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する（top 又は bottom） ■ <td>内のフォントが正しく指定したとおりでない（Win IE Mac IE） →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間
HTML5 における HTML4 からの変更点
この文書「HTML 5 における HTML 4 からの変更点」は、W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (Working Draft 22 January 2008)」の日本語訳です。 規範的な文書は原文のみとなっています。この日本語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日本語訳が参照した版から更新されている可能性があります。また、この日本語訳自身も更新されている可能性があります。日本語訳の最新版は、W3C 仕様書 日本語訳一覧 から参照することができます。 更新日: 2008-09-
マンガ「困ったクライアントのダメな発注4つの実例」 ?こんなクライアントはもうイヤだ! | Web担当者Forum
賢い発注はウェブサイト制作の正しい理解から こんなクライアントは嫌だ！ 制作サイドのホンネから知る“成功する制作の進め方” ユーザーを引き付ける魅力ある企業サイト、思わずため息がでるキャンペーンサイトなど、ウェブでは多くの成功事例を見ることができる。しかし、外から見ると美しく見えるプロジェクトも、紆余曲折を経て達成されることがほとんどだ。スムーズに進む案件の方が少ないといってもいい。なぜこうもスムーズに進まないのか？ ネットビジネスの基本であるウェブサイトの制作は、どのように進むのか、うまく進めるためにはどうしたらよいのかを、成功例と失敗例から理解していこう。 こんなクライアントはイヤだ！トラブルの傾向と対策ウェブサイト制作は、製造業とサービス業、両方の性質を備える仕事だ。クライアントの目的やニーズを実現するには、どちらの側面でもさまざまな工夫が必要だが、ここ数年は特にサービス業の色彩がよ
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ | Web担当者Forum
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） 限られた画面内でユーザーの目線を 効果的に誘導するテクニックを紹介「ファーストビュー」、すなわち「ユーザーがサイトを訪問したその瞬間に画面に表示される領域」は、画面設計・デザインにおいて、常に意識しなければならないポイントの1つだ。限られたスペースの中で、いかにコンテンツに優先度を付け、効果的に構成するか、かなり悩まれた経験のあ
XHTML-CSS Validator
Just type or paste an URL in the form above, and click on "check it" to see the magic. If you want to fine tune your validation, click on the "advanced" link. That's it! An Idea: The Social Media Algebra I used to be very good at maths. I really was. Then I started studying computer science stuff (which is normal for a computer scientist) and as time goes by, I forgot many of the coolest stuff I l
よくある質問っぽいののjQueryを使ったサンプル｜CSS HappyLife
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら？って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 （単純にボクがこのスタイルが一番見やすくて好きってだけだったり） サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル （サンプ
トップページは誰のもの？ 現代流の動線に合わせたトップページ再評価法 | Web担当者Forum
今回はトップページの位置づけについて調整しよう。 これまで何度も考察してきたとおり、実際にアクセス解析を行うと、最初にトップページを訪れるユーザーは、今やわずか25％程度しかない。言い方を変えると、トップページを入り口とする来訪者は25％程度なのだ。 そういった状況を理解せずに、これまでのようなトップページ偏重の考え方のままサイトを運営していては、機会損失の原因ともなってしまう。 解析結果の「1番上」だからこそ 気づきにくいトップページの盲点アクセス解析で「アクセスの多いページ」「入り口になることが多いページ」を調べると、解析結果リストの1番上には、たいてい「トップページ」が出てくる。いろいろな動向はあるが、いまだにトップページは非常に重要なページであることに変わりはない。これまで、「訪問者はトップページからやってくるから、そこからどう誘導するかが大切」とよく言われてきた。“見せたいページ
ベスト・オブ・常習者サイト2008 ノミネート作品発表！ | 教えて君.net
※審査方法 部門の各カテゴリーごとに評価項目を決めて星取表を作成。星取表のポイントに特別審査員の点数を加算して上位3本を「金賞」「銀賞」「銅賞」に決定。さらに金賞を獲得したツールについて各部門内で協議し、ネトランが最も推奨するサイトを「部門賞」として選出。さらに2007年のイチオシサイトを「大賞」とする。 ※ ノミネート、各賞受賞並びに弊誌掲載をご辞退されたいサイト様は、12月1日までにネトラン編集部までメールでご連絡ください。
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
60の使える＆エレガントなウェブデザイン:phpspot開発日誌
Inspiration Package: 60 Usable & Elegant Designs We all love beautiful, usable and impressive web designs. 60の使える＆エレガントなウェブデザイン。SmashingMagazineより。 31Three North x East Youtilize.com Oaktree Creative CodeIgniter WebRevolutionary Pop Labs nPanorama.ru 続きを見る 最近のウェブデザインはやはり、「Web2.0風」がトレンドのようですね。 読みやすく、シンプルにまとまっていてどのサイトも参考になりそうなサイトばかりです。 関連エントリ WEBデザインの際に使える５０のソース 2007年3月、クリーンかつ印象的なデザインサイト集 PhotoShopで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳
ネットで5倍売るためのセールスレターの作り方6つの基礎*ホームページを作る人のネタ帳