You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
A new, approachable way to create Web applications Create complex, reactive, persistent web applications by just writing HTML & CSS, without a single line of JavaScript and no server backend. Developed in the Haystack Group at MIT CSAIL and led by Lea Verou. Get Mavo What is Mavo? Mavo extends the syntax of HTML to describe Web applications that manage, store, and transform data. Store data in the
Just like how every new parents name their beloved babies, they need to know if they are boys or girls, are they naughty or quiet, so and so. The same goes with CSSRooster, who has access to all the visual and semantic properties of a DOM element. It learned the top 1000 sites on the Internet on how they give class names to various elements. With this knowledge he can make some really informative
Write less, save time and code more efficientlyMJML is responsive by design on most-popular email clients, even Outlook. Write less code, save time and code more efficiently with MJML’s semantic syntax. See templates “We decided to use MJML as the framework for our Figma Plugin due to its simplicity, support for a wide range of email clients, and component-based structure. It’s also a widely used
CSS to make HTML markup look like plain-text markdown. The example below shows HTML that looks like markdown because of the markdown.css file. Click on the other options to also see what it looks like with normal styling & as raw HTML. Also, try out the experimental markdownify bookmarklet! HTML that looks like markdown When this section is styled by markdown.css it looks like plain-text, despite
XMLこそがウェブの未来であるという見方が支配的だったために、2004年のOperaとMozillaの共同提案は却下され、W3CでHTMLを改良する道が閉ざされました。そこでブラウザーベンダーが集まってW3Cとは別の組織でHTMLやHTMLに関連する仕様の改良を行う、というのがWHATWGのはじまりです。 以来今日に至るまでずっと、WHATWGはHTMLの開発を(ある期間はW3Cと共同で、ある時期からはW3Cとは別に)し続けています。「WHATWG HTMLこそが実装者とウェブ開発者によって参照されるべき最新の仕様であり、欠陥フォーク(W3C HTMLのこと)は答えではない」というのはWHATWG HTMLのエディターであるAnne van Kesterenの言葉の通り、WHATWG HTMLを第一に参照すべきでしょう。 HTML5勧告以降のW3Cの動向 さて、W3Cに話を戻します。HTM
Media Source Extensions™ W3C Working Draft 04 November 2025 More details about this document This version: https://www.w3.org/TR/2025/WD-media-source-2-20251104/ Latest published version: https://www.w3.org/TR/media-source-2/ Latest editor's draft:https://w3c.github.io/media-source/ History: https://www.w3.org/standards/history/media-source-2/ Commit history Latest Recommendation:https://www.w3.or
CSS Nite LP47「Coder’s High 2016」で発表した 「コーダー白書2016」のアンケート結果を公開いたします。 コーダー白書2016 業務でHTMLコーディングをしている方を対象にしたアンケートを実施し、 CSS Nite参加者、ネットからの投票で401名の方にご協力いただきました。 コーダー白書 全結果 http://wd-flat.com/coder/enquete2016.pdf 更新履歴 2016/10/02 追加加筆 70〜77ページ 男性女性・職種・働き方・年代別の平均年収を追加しました。 コーダー白書アンケート項目 回答者属性 性別 / 業務 / 年齢 / コーディング歴 / 働き方 / メイン業務 / スマートフォン機種 技術 全体編 経験がある技術 / 使用している技術 / 使用したい技術 / バージョン管理 技術 コーディング編 メインエディタ
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でー
WAI-ARIA - an introduction to accessible rich internet applications (1 day workshop) / Darmstadt / 22 January 2015AI-enhanced description This document introduces the Accessible Rich Internet Applications (ARIA) specification. It discusses: 1) The need for ARIA to make complex web applications accessible to assistive technologies like screen readers, as traditional HTML elements may not adequately
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 HTMLの構文チェックをその場で できるブックマークレットです。 問題箇所の数や、問題箇所もお しえてくれます。割と便利そう だったのでご紹介してみます。 HTMLのlintです。ブックマークレットを起動させてその場で解析、問題箇所も教えてくれます。 OSSとしてGithubでも公開されてますので日本語に直しての利用も出来ますね。 ↑ 起動させるとすぐに解析してくれます。 ↑ 表示されたボックス下部のView Reportに進むと個別箇所が一覧で表示され、それぞれの問題箇所を上図のようにアイコンで教えてくれます。 errorとwarningの表示/非表示のスイッチも出来ます。なかなか便利ですね。 HTML_CodeSniffer
HTMLやCSSではプロトコル表記(http:、https:)の省略が可能です。 ということで、プロトコル表記の省略に関することを色々調べてみましたので、本エントリーで紹介致します。 このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に対しての便乗記事です。 埋め込みリソースからプロトコル表記(http:,https:)を省略する。 <!-- Not recommended --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- Recommended --> <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> 1.プロトコ
ブラウザーの開発者ツールを使用して、ページで動作する JavaScript を検査し、これまでエラーとされていたものを調べること。 デバッグには、 console.log() と console.error() を使用すること。 ブラウザーの開発者ツールによる JavaScript のデバッグ。 条件分岐、try...catch、throw を使用したエラー処理。 JavaScript のエラーの種類についての復習 このモジュールの前半では、「何が間違っている?」で、 JavaScript プログラムで発生しうるエラーの種類を広く見ていき、それらは大まかに構文エラーと論理エラーの 2 種類に分類できると述べました。また、 JavaScript のエラーメッセージの一般的な種類を理解するのに役立つ情報も提供し、 console.log() 文を使用して単純なデバッグを行う方法を示しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く