MVP.css - 素のHTMLでもいい感じの表示に MOONGIFT
いきなり大掛かりなサービスを作るのではなく、ミニマムなコンセプトが分かる小さなモデルを作ってみる、それがMVP（Minimum Viable Product）と呼ばれる考え方です。MVPで仮説検証を行い、確信してからサービス開発に入ると失敗が少なくなります。 今回紹介するMVP.cssは、WebでMVPを作る時に使えるスタイルシートになります。素のHTMLでもいい感じになります。 MVP.cssの使い方 デモのHTMLです。これらはすべて素のHTMLタグのみです。 セクションもそうです。 テーブルやリスト。 フォームも綺麗な表示になります。 Webで簡単なデモを作る際に、素のHTMLのままでは残念な画面になってしまうでしょう。これでは検証する気にもなりません。MVP.cssを使うことで、素のHTMLであってもそれなりの表示になります。MVPの段階ではこれくらいのでも十分なデザインではないで
FirefoxやChromeで擬似クラス（:hoverや:activeなど）のCSSを検証する方法
FirefoxやChromeで擬似クラス（:hoverや:activeなど）のCSSを調整する方法を紹介します。 １．問題点 次のようなHTMLがあります。 <!doctype html> <html> <head> <meta charset="UTF-8" /> <style> a { color: #333; text-decoration: none; } a:hover { text-decoration: underline; } a:active { color: #00f; } </style> </head> <body> <a href="http://user-domain/">test</a> </body> </html> このHTMLのリンクの表示についてFirefoxのFirebugで検証する場合、要素セレクタ「a」についてはプロパティや値を書き換えることでブ
robots.txtやnoindexを使用してインデックス制御を行う方法
SEO Imagination！ブログは、札幌で活動するフリーのSEOディレクター伊藤公助のブログです。SEOやSEMなどの情報を配信していきます。 最近、連続してテストサイトがインデックスされっ放しのサイトを見かけました。 パスワードをかけるなどして、クローラーのブロックをするといった対応もありますが、インデックス制御を行うだけでも、テストサイトのインデックスは防げます。 基本的な内容ですが、簡単に利用可能なインデックス制御方法を記載しておきたいと思います。 テストサイトがインデックスされてしまっていたりしませんか？ 割とよく見る、良くないインデックス状況の1つに、テストディレクトリが残っている、というものがあります。 これの何がいけないか？と言いますと、重複する内容のコンテンツになり、Googleからの評価が下がります。 また。テストページも検索結果に引っかかる可能性があり、訪れたユー
HTML5/CSS3にも対応、HTML/CSS/JavaScriptを整形・チェックするオンラインツール -Dirty Markup
Dirty Markup [ad#ad-2] Dirty Markupはウェブ制作者がよく使う下記のツールをまとめたような感じです。 HTML Tidy CSS Tidy JS Beautify Dirty Markupの使い方は簡単で、右側にコードをペーストし、左側でHTML/CSS/JavaScriptを設定し「Clean」ボタンをクリックするだけです。
ブラウザ上でHTML / CSS / Javascriptを書いてその場で実行、ブログ等にも貼付できるjsfiddleの基本的な使い方をざっくりと
個人的にお勧めしているjsfiddleですが、せっかくなのでちゃんと記事にして普及活動をしてみようかなと思います。jQueryのコードを気軽に試す、などにも最適です。 全部は書ききれないのでざっくりと、程度です。一応基本的な部分だけ・・jsdo.itでいいじゃんとか言われそうな空気満々ですが、いいならこんな記事書きませんのでお察し頂ければ幸いです。 jsfiddleとは、その場でjsコードを実行、動作テストできるツールで、人気のjsライブラリのjQueryの公式サイトでもバグを伝えるときはjsfiddleを使用して動作を見せるように薦められます。 When You Report A link to a reduced, working demo/test case that will never move (jsFiddle is good for this). （意訳：バグを報告するとき
jQuery.isHTMLElement | Nerdy Is Back
I was writing a script the other day and needed to differentiate between HTMLElement and jQuery objects. I was performing the check with (myObject instanceof HTMLElement) but Internet Explorer (wait for it…) doesn’t expose HTMLElement, so you can’t check against it. I looked into it a bit and discovered that one can check for HTMLElements in IE by looking for the nodeType property. I didn’t wan
news - javascript - just do jsdo.it! : 404 Blog Not Found
2010年07月02日05:30 カテゴリLightweight LanguagesNews news - javascript - just do jsdo.it! 今更ながら試してみたけど… これはすごい。 一言でいうと、Webアプリケーションをその場で作れるWebアプリケーション。 例えば、こんなの。 Simple JS Runner - jsdo.it - share JavaScript, HTML5 and CSS 全てサイト内で書けました。 単にその場で書けるだけではなくって、こうして作品をblogに張り込むことも出来るし、人のコードをforkすることもできるし、至れり尽くせり。認証がOpenIDやOAuthで、アカウントをわざわざ作成しなくてもいいところも素晴らしい。ここまで敷居を下げられたら、 Just do it.するしかない。 詳しくはこちら。 help - jsdo
自動でリンク切れチェックし、Webサイトの品質を保つ便利ツール8選 | 人手に頼らないWebサイトの戦略的品質管理指南
Webサイトの品質維持には、リンク切れや不要なファイルを少なくすることが重要です。今回は、Webサイト品質の問題点発見とその解決へのスピードを格段に上げる自動チェックツールを8つ紹介します。日本アイ・ビー・エムが提供するIBM Rational Policy TesterやW3Cリンクチェッカー、W3Cマークアップ検証サービス、リンク切れカッター、Web Developerなどのフリーツールも紹介 数百ページ～数万ページというWebサイトでは、人的な検査だけですべての問題点をチェックするのは実質的に不可能に近い。また、ページ数が少なくても、チェック漏れがあっては意味がない。 自動チェックツールを利用することで、問題点発見とその解決へのスピードは格段に上がる。現代のWebサイトでは、理想的な品質管理を実現するには、何らかのツールの利用は必須だともいえる。 最も効率良く診断できる専門ツール手前
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
Webサイト品質管理のチェック項目リスト | 人手に頼らないWebサイトの戦略的品質管理指南