HTMLのリスト要素を視覚的に階層表示する「StyleMap」:phpspot開発日誌
Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap If you've ever had to produce a sitemap for a client using tools like Visio or OmniGraffle, you know that it can be tedious to visual organize a complex hierarchy of pages. Having experienced this myself, I developed a simple and efficient way to make a sitemap through the benefits of standards-based HTML and CSS. HTMLの
ヤフー、無料ウェブ解析ツール「Yahoo! ログール」公開
ヤフーは3月18日、ウェブサイト解析ツール「Yahoo! ログール」ベータ版を無料で公開した。ブログパーツを貼るだけで、ウェブサイトの訪問者数やその属性を確認できるという。 解析できるデータは、アクセス数累計、訪問者数、平均滞在時間、リンクされた数、ブックマーク数（はてなブックマークに登録された数）、RSSリーダー登録数（livedoor Readerに登録された数）など。 また、サイト内で多く読まれた記事の上位5本や、検索経由で訪れた読者が使用したキーワード上位5個、読者がサイトを訪れる直前に見ていたページ、サイトを離れた直後に見たページなども解析できる。 そのほか、過去3カ月に訪れたすべてのサイト「おでかけ帳」や、ブログパーツを貼ったサイトを訪れた読者一覧「足あと帳」などの機能も備える。 ブログやウェブサイト運営者がYahoo! ログールを利用するには、まず利用登録を行う必要がある。自
新旧Yahoo! JAPAN対決 -- 旧トップページの弱点とは？:マーケティング - CNET Japan
本家の米Yahoo!のリニューアルに遅れること1年半、Yahoo! JAPANのトップページが2008年1月1日に大幅リニューアルされることになった。Yahoo! JAPANは日本における磐石なブランド力があり、世界のYahoo!の中でも独自のスタンスをとってきたが、新デザインは米Yahoo!に近いものとなっている。 今回のリニューアルも趣旨について、ヤフーは「利便性の向上、掲載情報の範囲拡大、オープン化の推進を図り、ユーザーのニーズに合った1日に何度も訪れたくなるトップページを目指した」と説明する。旧トップページにどのような問題点があって、新トップページではどこを改善、強化したのか、といった情報はつまびらかにされていない。 そこで今回はアイトラッキング分析を通じて、旧トップの弱点を炙り出そうと試みた。被験者には、新旧Yahoo! JAPANのトップページ（新トップページはベータテストとし
サクラクレパス製品情報（クーピーペンシル）
2022.07.20 【自由研究にもおすすめ！】クレパス・クレヨンを再利用してマーブルクレパス・マーブルクレヨンを作ろう♪
Pure CSS menus
Navigation Skip navigation. Site search Site navigation How To Create home Tutorial links CSS tutorial This uses just CSS 2 to turn nested lists into a working menu and does not use any JavaScript (except in IE 5.5-6 on windows where I use the proprietary DHTML behaviours, because its CSS handling is not good enough to work this menu without script) This works in Mozilla 1+, Netscape 7+, Opera 7+,
XHTML、CSS を学ぶ時の 6つの間違い
XHTML、CSS を学ぶ時にやりがちな間違いを私の個人的独断と偏見でつらつらと書いてみます。今から (X)HTML を学ぶのであれば、HTML よりも XHTML でしょということでタイトルや本文内では XHTML と書いていますが、ここは HTML に置き換えてもらっても同じだと思います。 1、とりあえず Dreamweaver を買ってくる 別に 「Dreamweaver」 だけに限らず、オーサリングツールさえ手に入れれば XHTML なんて簡単に習得できると思っている人は少なくない気がしますが、これは大きな誤解です。この誤解を抱えたまま 「オーサリングツールが使える = XHTML を理解している」 だと思い込んでいると後になって困ることになると思いますよ。 オーサリングツールは、コーディングスキルを補うツールではなく、コーディング作業を効率化するツールです。XHTML、CSS に
Hail2u
Hail2uは、幅広い話題の記事や、おすすめのウェブページ、読んだ本などを公開している、ながしまきょう(hail2u)の個人ウェブサイトです。CSSや、HTML、ウェブ標準についての話題が多く、JavaScriptやサーバーサイドの話がそれに続きます。近年は特に話題を限定せずにいろいろ書いています。 最近の雑多な記録 3か月ごとの定期リリースでvim-css3-syntaxのv2.4.0を出した。 松岡美術館にモディリアーニなどの所蔵品が出てくる展覧会を見に行く。 マイナー番号が上がり、いろいろ変わったが、雰囲気は変わっていない。 GitHubにはブランチActivityという機能があり、そこでは強制プッシュなどで見えなくなったコミットのハッシュも見つかるようだ。 2023年の12月に行った展覧会の後期を見に、再びWHAT MUSEUMへ行く。 よくよく考えたつもりでESRのMagSafe
KAYAC CUPPY サイトリニューアル解説
実録！サイトリニューアル 2007年07月07日。 はからずも見事に『7』並びとなった今年の「777プロジェクト」。この日に面白法人カヤック、そしてグループ会社クーピーのWEBサイトがリニューアルしました。創業からこの8月で10年目に突入するカヤックは2年半ぶり5回目、クーピーは2001年の創業以来初の試みです。 このサイトができあがるまでにどんなストーリーがあったのか？新生カヤック＆クーピーサイトの全容は？両サイトの総指揮をとった、カヤック＆クーピー代表・柳澤がご報告します。 まずは、でっかい文字のサイトにしよう サイトリニューアルに関して大切なこと、それは『賛否両論はあるだろうけど「いいんだ」という“思い込み”で進むこと』ですね。今回僕が両サイトを通して、果たしていいのだろうか・・・と迷いながらも、思い込むように意識したことは「でっかい文字のサイトにしよう」でした。 ネッ
Django を体験しよう | Djangoと日本の仲間たち
Django et compagnie Japonais. Djangoと日本の仲間たちDjango を体験しよう The Web framework for perfectionists with deadlines - www.djangoproject.com Django は Python で書かれたオープンソースのWebフレームワーク。見通しのよい MVC 分離、洗練された O/R マッピング API、そして汎用性の高い強力なテンプレートエンジンを備え、高い柔軟性とパフォーマンスを同時に要求されるWebアプリケーション開発をサポートします。 オブジェクト管理インタフェースやユーザ認証、セッション、国際化といった Webフレームワークとしての基本はもちろん、汎用のビューロジックや配信フィード (RSS/Atom) の生成など、Webアプリケーション開発に共通するメカニ
Web Designing: 第一回 Webの常識統一試験 Webダイジェスト版
Webクリエイターなら知っておきたい、あんなことやこんなこと 第一回 Webの常識統一試験 Webダイジェスト版 絶え間なく、そして猛烈なスピードで変化し続けるWebの世界。日々Web制作の仕事に携わっている読者のみなさんも、「何となくわかっているんだけどあやふや」「その分野はどうも苦手で‥‥」といったことが、結構多いのではないでしょうか。 そこで今回は、そんなみなさんの知識レベルを診断することができる試験を用意しました。全部で16問ある選択問題に答えると、自動的に採点されて、Webクリエイターとしてのあなたの知識レベルがわかるようになっています。 最高レベルの得点だった方は、その認定証として特製認定バナーがもらえます。試験は何度でもチャレンジできるので、認定証がもらえるまでがんばってみましょう！ ※『Web Designing』2006年9月号の特集では、より本格的な常識テスト問題を掲載
zuzara : みんなのブラウザのウィンドウサイズはどのぐらいか調査して分布図をつくってみた
picks.zuzara.com(site closed)のユーザを対象に、ブラウザのウィンドウサイズをどのぐらいの大きさで見ているのか、調査してみました。調査の動機はGoogleAdsenseを貼っていて800pxにあわせると横スクロールが出てしまうことに気付き、そういえば最近のPCは解像度も高いしどのぐらいの大きさのウィンドウでブラウザを開いているんだろう、と思ったところにあります。 8月3日の24時間集めておよそ6000ユーザ分を集計。picks.zuzara.comのユーザはIEが91%のシェアで、30%がFirefoxの当ブログに比べると一般的なインターネットユーザが見ていると言えます。 で、調査結果。1つの点が1ユーザ、ウィンドウサイズの縦横幅をXY座標に実寸大でマッピングしています。 13%のユーザが800px以下の横幅。 分布図の縦方向に線ができているのは、画面横一杯にウィ
最近のブラウザで使えそうなCSSハック
使う機会は滅多に無いんだけど、知識として知ってないと困ったりしたので、取りあえず現在主流だろうブラウザのハックを自分のまとめ用に。 実際の状況を確認出来るように、デモページもご用意しました。 必要あるか分かりませんがダウンロードも出来るようにしときました。 拡張子がshtmlとかなってるので、htmlにして下さい。 ハックのデモページ デモページのファイル一式ダウンロード(zip:14kb) 主要っぽいハック Win IE6までのハック（アンダースコアハック） .hackTest01 { _background: red; } Win,Mac IE6までのハック（スターハック） * html .hackTest02 { background: red; } Win IE7用のハック *:first-child + html .hackTest03 { background: red; }
Alertbox: ページ内リンクの使用は避けよう（2006年2月21日）
ウェブ上のユーザたちは、ハイパーテキスト・リンクは別のページを読み込むべきだという、明確な思考モデルを持っている。ページ内リンクはこの思考モデルに反するため、混乱を招く。 Avoid Within-Page Links by Jakob Nielsen on February 21, 2006 最近、同じ日に同じことについて 2 つの質問をされた。普通、このようなことが起こるということは、この話題にはもっと幅広い関心があるということなので、これについてのコラムを書こうと決めた。 質問その 1： 今、リンクをクリックして「名前付きアンカー」（同一ドキュメント内の別の場所）に移動する、「ジャンプ・リンク」についての議論に関わっています。私は、ジャンプ・リンクが新規ウィンドウを開くリンクと同等に、あまりよくないものだということを、貴方の書いた 2 つの記事で裏付けようとしています。 質問その 2
320以上の高品質なミニアイコンがダウンロードできる「Mini Pixel Icons」:phpspot開発日誌
Mini Pixel Icons These mini icons are designed at 14x14px with transparent background. 320以上の高品質なミニアイコンがダウンロードできる「Mini Pixel Icons」。 再販禁止で、10個以上アイコンをサイト上で使う場合は http://www.ndesign-studio.com/ にリンクしなくてはいけない、というライセンスがあります。 リンクしたくない場合は30ドル払えばよいらしいです。 どれもWEBツールなんかに使えそうないい感じのものばかりなので、利用規約に沿って、使わせてもらうのも良いでしょう。 SILK ICONS なんかもクリエイティブコモンズで広く使われていますね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
URLを変えるな！(1) ― 後悔しないためのWebデザイン
Webデザイナーのためのリンク集
Web Design Inspiration - a photoset on Flickr
Webプランニングから始めよう！～SOHO，小規模事業者編---目次：ITpro
Yahoo Developer Network
*ホームページを作る人のネタ帳