Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi ver1.21 / htmllint.pm ver3.30 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ダイアルアップはつらいので、ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下のテキスト領域に直接記述して、[チェック] ボタ
プロフェッショナルのデザイナーがよく使う21種類のフォント
ウェブデザインの世界においてどのようなフォントが好まれて使われているのかを調査した結果、21種類のフォントが選び出されたそうです。どれもこれも使い勝手の良さそうな、見やすくわかりやすい、それでいてインパクトのある英文フォントばかりなので、覚えておいて損はありません。 プロフェッショナルのデザイナーによく使われている21種類のフォント一覧は以下から。 21 Most Used Fonts By Professional Designers | instantShift Helvetica Frutiger Myriad Pro Avenir Std Trajan Optima Std ITC Franklin Gothic Std Futura Bickham Script Univers Eurostile Interstate Trade Gothic Gill Sans Warnock
The <hr>-Contest Results - Download your fresh <hr>-line now! | Graphics | Smashing Magazine
We have encouraged our readers to participate in a contest by designing beautiful and creative horizontal lines. It was necessary, since this design-element was slowly disappearing and was often neglected in web design. But it is going to change now. We have received 1290 images and source-files from 384 designers across the globe. The result is an impressive collection of horizontal lines that de
モバゲーのような携帯サイトを作るための12のTips 携帯ホームページを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
当ブログが携帯サイト作成法に関する記事をかいていることから、読者の方から、 『モバゲーのような携帯サイトを作るためにはどうしたらいいんですか？』 っていう質問を最近良く受けます。 おそらく、モバゲーがとても有名で、ある種モバゲーが携帯サイト界のデファクトスタンダードのような 位置づけになってきているのでしょうか。 確かに、携帯サイトを作ってきている身としても、 モバゲーのサイトデザインにするには、結構難しいことも多いし、学ぶことも多い。しかし、最近の携帯サイトは、実機からしかアクセスできないようになっていて、PCからコードを覗くことができないことも多く、学ぶことも難しいようです。 ということで、今回は実際にモバゲータウンに携帯でアクセスして、携帯の画面を見ながら、デザインを真似て新しく自分なりに作ってみましたので、そこから得た経験をTipsとして公開したいと思います。 ちなみに、左のスクリ
チェックボックス、ラジオボックスをオシャレに表示するJS:phpspot開発日誌
Custom Checkboxes, Custom Radio Buttons, Custom Select Lists チェックボックス、ラジオボックスをオシャレに表示するJS。 次のようなチェックボックス、ラジオボックスにスタイルできるJSです。 <input type="checkbox" class="styled" /> のように、class="styled" で自動スタイルされます。 CSSを変更でデザイン変更可能です。 関連エントリ CSSデザインされたTextAreaサンプル inputのtype=fileをCSSでクールにスタイルするサンプル サイトのチェックボックス、ラジオボタンを可愛い感じにするためのJavaScriptライブラリ
ロイヤリティフリーのビジネス写真「NWYH Stock Image Library」 - GIGAZINE
全体的に妙な雰囲気のビジネス写真がいろいろとあります。これを作ったのは「NOWWASHYOURHANDS LTD」という会社で、写真に出てくる人は全部この会社の従業員だそうで。なかなか変わった試みです。 ダウンロードは以下から。 NWYH Stock Image Library http://www.nwyhstockimages.com/ ジャンルはCreativity、Development、Trust、Team building、Motivation、Ambition、Leadership、Achievement、Teamwork、Confidence、Responsibility、Technology、Integrity、Imagination、Equal opportunities、Partnership、Processの17ジャンル。それぞれのジャンルで重複があるので正確な枚数
800個以上のの背景パターンを入手できるサイト「Kaliber10000」 - GIGAZINE
いろいろな背景パターンとして利用できる画像が置いてあります。画像によっては商用利用可能なものもあります。とにかくものすごい数があるので、飽きません。 詳細は以下から。 Kaliber10000 { The Designers' Lunchbox } 「Next」をクリックしてたどることができる数はわずかなので、ドロップダウンメニューの「View by name」からであれば確実に全種類を閲覧可能です。 日付によって絞り込むこともでき、ランダムにいくつかの背景画像を表示させてそこから選ぶといったこともできます。
小粋空間: サイドメニュー折りたたみスクリプト
サイドメニュー折りたたみスクリプトを改版致しました。 現在公開中のサイドメニュー折りたたみスクリプト（menufolder.js）は、 cookie消費が大きい カスタマイズ性がよくない という問題がありました。cookieは「1つのコンピュータに対し最大20までしか保持できない」という仕様です。現状の折りたたみスクリプトでは1メニューに対して1cookieを利用しているため、20近いメニューに折りたたみを設定している場合、同一コンピュータで使用している他のcookieが無効になる可能性があります。 今回は cookie を最大2個しか使用しない方式に変更致しました。なお本方式は日頃お世話になっている facet-divers さんよりアドバイス頂きました。この場をお借りしてお礼申し上げます。ありがとうございました。 またカスタマイズ性については、例えばBlogPeople等のメニューでリ
Dreamweaverの代わりになるフリーソフト「Aptana」 - GIGAZINE
JavaScriptの開発環境、要するにJavaScript用IDEという位置づけなのですが、HTML、CSSの構造をアウトラインで示してくれたり、文法の間違いを指摘してくれたり、やっていることはほとんどDreamweaverの持っている機能と同じです。 特に面白いのはJavaScriptやCSSなどがInternetExplorerとFirefoxに対応しているかどうかが一発で分かる点。JavaScriptのエラーについても細かい部分まで指摘してくれます。つまり、実行しなくてもエラーがドコにあるのか分かる「静的解析」が可能というわけ。 Windows、Macintosh、Linux版があり、Eclipseプラグインとして動作するバージョンもあります。 スクリーンショットや実際に動かして機能を解説しているムービー、ダウンロードは以下から。 Aptana: The Web IDE http:
Web標準準拠やSEOの適切さを無料で診断できる「ホームページ診断ツール」 | クリエイティブ | マイコミジャーナル
インターネットビジネスサポート事業などを行うエイエスウィンドウは、同社が運営するインターネットビジネス支援サービス「WebAgency」サイトにおいて、無料で使える「ホームページ診断ツール」サービスを発表した。 同サービスは、診断したいページのURLを入力すると、「HTMLタグ」「検索キーワード」「検索エンジンランク」のチェックを一括して行うことができる。 「HTMLタグ」チェックは、W3Cで提供されている「Markup Validation Service」の診断基準などを参考に開発。W3Cの仕様や、同社独自のガイドラインに沿って診断が行われているという。また、診断の結果、妥当でない事項があった場合、問題の重要度も表示されるしくみになっているが、これはSEOとアクセシビリティの観点から好ましくない問題が重要視される傾向があるとのこと。 ホームページ診断結果の例。診断結果は文章とともに、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
無料でダウンロードできるベクター素材集 - DesignWalker
WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ*ホームページを作る人のネタ帳
ホームページ診断｜WebAgency〜仙台・ホームページ制作・SEO