HTMLの標準化はもう停止しよう、という提案 | スラッシュドット・ジャパン IT
Web開発者であり、XML関連書籍などの著者でもあるSimon St. Laurent氏が、 HTMLの標準化のための更新はもはや不要ではないかと主張している（Oreilly Programming、本家/.）。 HTMLの登場当初は、HTMLで文書の構造や動作上の振る舞い、見栄えなどを定義できたが、近年では見栄えについてはCSS、振る舞いについてはJavaScriptで制御できると述べ、HTML自体は今も有用な存在だが、HTMLのコア部分の改訂作業はもはや止め、開発者はCSSやJavaScriptなどを使って独自のマークアップを行うべきとしている。
【当たり前を疑ってみる】新着情報をdlでマークアップするのは妥当なのでしょうか？ | バシャログ。
Windows8、シャットダウンまでの道のりの険しさに空を仰いだhakoishiです。 終了させないで、スリープ状態をデフォルトにして使う想定なのかなー。タブレットみたいに。 さて、今回はちょっと当たり前を疑ってみたお話。 新着情報をdlでマークアップする定番テクニック、果たして妥当なのでしょうか？ この話題、ブログやtwitterなんかでちょいちょい見かけますね まずはよくある形を確認。こういうのですね。 『dlで問題ないかも。』という意見 新着情報としての意味合いが強いなら、日付がキーになるのは自然。 形に与えられた意味を考えるに、日付がキーになっているという判断もできる。 『dlで、ってのはどうなんだろう。』という意見 dl要素の意味を考えると、ニュース見出しは日付について説明していることになってしまう。 なら、新着情報はどんな情報を持っていて、どんな意味と構造を与えるべきなのでしょ
Stately | The simple map font
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y What is Stately? Stately is a symbol font that makes is easy to create a map of the United States using only HTML and CSS. Each state can be styled independently with CSS for making simple visuali
IPAテクニカルウォッチ 『DOM Based XSS』に関するレポート：IPA 独立行政法人 情報処理推進機構
IPA（独立行政法人情報処理推進機構、理事長：藤江 一正）は、IPAに届け出られる「DOM Based XSS」の脆弱性に関する届出が2012年後半から増加していることを踏まえ、それらの情報を分析して当該脆弱性の概要や対策のポイントをまとめた技術レポート（IPAテクニカルウォッチ 第13回）を公開しました。 IPAに多くの届出があるクロスサイト・スクリプティング（XSS）の脆弱性ですが、2012年第1四半期から第3四半期の期間では合計38件だった「DOM Based XSS」と呼ばれるタイプのクロスサイト・スクリプティングの脆弱性の届出が、第4四半期だけで92件（第3四半期までの件数比約2.4倍増）と急増しました。 一般にクロスサイト・スクリプティングは、サーバ側のプログラムに作り込まれてしまう脆弱性ですが、「DOM Based XSS」と呼ばれるクロスサイト・スクリプティングの脆弱性は、
HTMLのバリデーションをよしなにやりたくてHTML::Lint::Pluggable書いた - Articles Advent Calendar 2012 Hacker
今日はクリスマスイブ？お前は何を言っているんだ。 今日はまだ12月16日じゃないか。イチャ付くにはまだ早いぜ。 チキンうめええええええええええええええええええええええええええええ！！！１１１１ ｍｇｍｇ、ｍｇｍｇ、あ、かるぱなんとかこと、かるぱねるらです。ｍｇｍｇ 今日はぼくがてきとーに開発しながらカジュアルにHTMLのsyntaxをチェックするために、 モジュールをでっちあげた話をするよ！ HTMLバリデーションをするCPANモジュール ぼくが調べてみたところによると、HTML::TidyとHTML::Lintというやつがあるようです。 しかし、HTML::Tidyは2010年から更新されておらず、実質HTML::Lintだけという雰囲気でした。 ところで、HTML::Tidyですが、HTML4のsyntaxにしか対応していません。 つまり、HTML5で新しく追加されたタグや属性を使って
あなたのブログのHTMLの文法の綺麗さが点数としてハッキリ現れるウェブサービス「Another HTML-lint gateway」 – 和洋風KAI
ようこそ・・・。マニアックな世界へ・・・。 今から4年前くらいの話。。徹底的にSEOに取り組んだ時期がありました。やれタイトルだ、やれ被リンクだ、やれmetaタグだと研究に研究を重ねた時期がありました。 その時、いくつかの試行錯誤を経て辿り着いたのがHTMLの文書の文法を徹底的にクリーニングするというもの。 その時に使っていたサービスが「Another HTML-lint gateway」です。通称lint先生と呼ばれるものですね。 赤ハンコと共に、あなたのブログのHTMLの文法が綺麗かどうかチェックしてくれます。 ただ、この先生がちょースパルタで、ちょっとのミスさえもドンドン減点していくので、まさに気力と気力の勝負となりました。1日は確実に潰してやりとりしてた気がする・・・。100点取ったときは思わずガッツボーズをとったくらいですよ。。 今振り返ると、HTMLの文法が綺麗になる＝SEOと
htmlを拡張するビルドツールHammer【Mac】 | Sou-Lablog
ソウラブログまたはソウラボログ。WebなどのBlog。多分。2012年はSass,LESSに代表されるcss拡張メタ言語がブレイクした年だったのではないでしょうか。 変数やmixinなど一度つかうと素のcssには戻れないくらい魅力的な機能が増えますよね。 そしてこの度htmlでも変数、インクルードなどが使えるツールが登場しましたよ。 その名もHammer for Macです。 Hammer (￥2,100) Hammer for MacはSass,LESSの様なメタ言語ではなく、MacのGUIアプリケーションです。 プロジェクトのフォルダを監視し更新がある毎にファイルを自動でビルドしてくれます。 Hammerの主な機能として、 変数（html） インクルード（html） パスの自動補完（html,css） Sass、CoffeeScriptのコンパイル オートリロード などの機能が
Emmet Documentation
Emmet — the essential toolkit for web-developers Emmet is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow: <!doctype html> <html lang="en"> <head> <title>Demo</title> </head> <body> | </body> </html> ~~~ tooltip: Type CSS-like abbreviation type: ul#nav>li.item$*4>a{Item $} wait: 1000 tooltip: Run “Expand Abbreviation” action to expand it into HTML ::: “Expand Abbreviati
コーディングスピードはまだ上がる！！ <br>Zen-Coding カスタマイズ
コーディングスピードはまだ上がる！！ Zen-Coding カスタマイズ 2011-01-20 コーディング速度が"3倍！10倍！上がる"と言われてる Dreamweaver Documents and Settings/[ユーザー名]/Application Data/Adobe/Dreamweaver "バージョン"/ja_JP/ Configuration/Commands/ZenCoding/zen_settings.js Aptana [任意で保存したZen-Codingの場所]/zencoding.js(過去バージョンのファイル名は"zen_settings.js") Notepad++ [Notepad+の場所]/plugins/NppScripting/include/Zen Coding.js HTMLの言語を修正する(ついでにインデントも) 例えばhtml:xsで展開す
6th oct2012 kobeit_webintents
2018年3月末、iOS+Safari の ServiceWorker 搭載により、いよいよスマートフォンの99%のデバイスで PWA が稼働できる下地が整いました。 私たちの Web サイト、Web アプリケーションは、これから「アプリ」としてユーザーのホーム画面へ進出していくことができるのです！ このセッションでは、PWA (Progressive Web Apps) とはどんなものなのか、その利点ご紹介しつつ、WordPress の PWA化について、その簡単な手法や注意点などのノウハウを時間の許す限りお伝えしたいと思います。 また、WordPress PWA 化プラグイン「PWA for WordPress」を利用したクイックな WordPress サイトの PWA化のデモもお披露目したいと思っています。 https://wordpress.org/plugins/pwa4wp/
Set of Icons made of css
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
:invalidや:valid擬似クラスを使ったフォームバリデーションエラーメッセージのスタイルサンプル - かちびと.net
今更ながら擬似クラスを使ったフォームバリデーションのスタイリングを試してみましたのでメモがてら。目新しい情報でもないので適当にスルーして下さいませ。 自分用のメモです。CSS3からフォーム向けの便利な擬似クラスが追加されてるのですが試してなかったのでテスト。 フォームサンプル HTML5のフォームバリデーションサンプルです。A List Apartのデモを少し変えただけ参考に。 <div> <label for="email">メール</label> <input type="email" id="email" name="email" placeholder="example@example.com" required /> <p class="val"> <span class="invalid">正しいメールアドレス入れてくださいまし。</span> <span class="val
CSS visibilityとdisplayの使い分け - Linux Information Exchange
表示/非表示を指定するプロパティーには、 visibility display を使いますが、どちらを使うか迷うときがあると思います。 システム的には画面固定の場合なら、「visibility」 下が可変で変わって欲しい場合は、「display」を使用した方が良いです。 「visibility」は非表示になるだけで、高さは保持したままです。 「display」は高さや幅まで消えてなくなってしまいます。 右側のオレンジの「中」の部分に「visibility: hidden;」を指定した例です。 上 中 下 上 中 下 右側のオレンジの「中」の部分に「display: none;」を指定した例です。 上 中 下 上 中 下
「&nbsp;」の3つの機能
「 」の機能について色々と調べてみました。 本エントリーではHTML仕様を確認しつつ、3つの機能について挙げています。 １．半角スペースの文字実体参照 ご存知の方も多いと思いますが、「 」の機能は、半角スペースの文字実体参照です。 つまり、HTMLドキュメントに「 」と記述することで、半角スペースとして表示されます。 サンプル1 ちなみにWikipediaによると、「nbsp」の部分は「ノーブレークスペース」といい、「no-break space」または「non-breaking space」の略のようです。この意味については３項で説明します。 文字実体参照が分からない方は、以下の記事を参照してください。 文字実体参照について ２．連続した半角スペースの表現 pre要素以外の部分で、コンテンツに通常の半角スペースを並べると、表示される半角スペースは1文字分に集
HTML と CSS のコーディングガイドライン
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Bumberboom.net
Loading...