HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の
画像等のリストでカルーセルの動きを付けたい場合に簡単に設置できるプラグインプラグインが「infinite-carousel」。 コードもかなり簡単でいい感じです。 いつものように下記コードをheadタグの中に入れればおk <script type="text/javascript" src="../common/js/jquery.infinite-carousel.js"> </script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#slider-stage').carousel('#previous', '#next'); jQuery('#viewport').carousel('#simplePrevious', '#simpleNext'); }); </scrip
ウェブコレクション! 生活に役立つ・ゲーム・アニメ・サイトを集めたリンク集の「web」カテゴリ
CSS Specific for Internet Explorer デモページ(※IE7で表示) [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ(IE9, Firefox, Chrome, Safari, Operaなど) 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ(※IE8で表示) IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
経済的な豊かさが心の幸せとは言い得ない世の中になり物質的な充足ではなく本当の意味での幸せが問われる時代になりました。 世の中が成熟し、欲しいものさえわからないほど物資が溢れだしてきています。 有機的な「モノ」は乱立し対峙するようになるとそこに必ず隙間が生まれます。モノの数だけ隙間も増えてきます。隙間は何か閉塞的で遮断され、欠けているように見えるかもしれません。 時には歪みやゆがみも生み出します。 しかし一方でお互いのバランスを保つものとしてとても重要であり木々の木漏れ日や通り過ぎる風のような自然の美しさを感じさせてくれることもあります。 隙間を不安定の根源としてとらえず新しい価値観を生む場所として考えることもできます。 その「隙間」に焦点を当て、実はそこが持っている魅力や美しさを引き出したいと考えています。狭くて小さな空間ですがその先に何があるのか?どんな世界が広がっているのか?期待と不安
MovableType 小技集 【更新】ソーシャルメディアに共有するボタンの設置方法(Twitter, facebook, mixi, GREE, Evernote, Google+, Tumblr, Pinterest, はてブ) ソーシャルメディアの各サービスがこぞって「いいね!」などの共有ボタンをリリースしています。ブログやニュースメディアでも頻繁に目にする昨今ですが、色々なソーシャルボタンの設置方法をまとめて紹介したいと思います。 目次(兼ショートカット) Twitter「Twitterボタン」 Facebook「Share」「Like(いいね!)」 mixi「mixiチェック」 GREE「Social Feedback(いいね!)」 Evernote「Site Memory(Clip)」 Google+「+1」 Tumblr「Share on Tumblr」 Pinterest「
引っ越ししました! 新しいサイトはこちら ディレクターズラボ modRewiteはURL操作で最強のツールです。 数年前、これの存在を知ったときはWEB関連の技術の中で一番の衝撃を受けました。 modRewriteの小技をまとめてあるサイトが無かったので、まとめの為のエントリーです。 modRewiteとは ・Apacheのモジュールの一つ ・URLを書き換えられる(リダイレクト) ・一般的には.htaccessに書いて使う modRewiteで何ができるか ・携帯サイトの振り分けができる ・動的ページを静的ページに見せることができる(SEO対策) ・サイトの引越し(リニューアル)の時に一度にリダイレクトができる。 ・外部からの直リンクを防ぐ(ページ) ・外部からの直リンクを防ぐ(画像) 等、考えれば他にも色々あるかもしれません。 modRewiteの設置方法 一般的には、.htacces
FBMLが廃止されてから一度も作って なかったFacebookページ(ファンページ) ですが、土日に少し時間が出来たので 改めてこのブログのFacebookページを 作ってみました。以前よりも面倒なようで すが、見方によっては手軽になった印象 ですね。 前回はデモ的に作りましたので完全放置でしたが、今回は割と真面目に運営を考えています。飽きるまでしっかり管理してみるつもりです。 尚、今回のFacebookページの作成にかけた時間はおよそ6時間です。制作プロセスを書いていきますので、少しでも参考になれば幸いです。 一応見せられるレベル、程度のものですけどw折角なのでコンテンツを1から2つほど作ってみました。1つは目次的に上記のようなページをリキッドレイアウトでコンパクトに配置。特に珍しいもんでもないです。 2つ目のコンテンツはこのブログのサイドバーにあるタブコンテンツっぽいものを作りました。
yuga.jsって? ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
最近のwebサイトではデザイナーの方でもjavascriptを設置したりする作業が増えてきています。 jqueryプラグインの設置やカスタマイズ方法は覚えておいて損はないのででしょうか。「20 Best And Highly Useful jQuery Tutorials For Designers And Beginners」といエントリーのご紹介。 詳しくは以下 Photo Slider Tutorial フォトギャラリーを作成する方法 公式サイト Animated Drop Down Menu with jQuery ドロップダウンメニューの作り方 公式サイト How to Mimic the iGoogle Interface iGoogleのようなインタフェースの作り方 公式サイト Horizontal Accordion アコーディオンメニュー 公式サイト Creating a
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く