Sprinkle your HTML with controller, target, and action attributes: <!--HTML from anywhere--> <div data-controller="hello"> <input data-hello-target="name" type="text"> <button data-action="click->hello#greet"> Greet </button> <span data-hello-target="output"> </span> </div> Write a compatible controller and watch Stimulus bring it to life: // hello_controller.js import { Controller } from "stimulu
HTML5test how well does your browser support HTML5? Your browser About the test HTML5test is dead. It's been dead for a while. In fact it hasn't been updated since 2016. And that is fine. This website has served it's purpose and helped popularise HTML5 with a general audience and developers. It pushed companies to invest in their browsers and it kept them honest. And from talking to people working
{{'validation.required'|i18n}} {{'validation.username.minlength'|i18n}} OK
2016年11月1日にW3CによるHTML5.1勧告版が公開されました。いわゆるHTML5.1の正式版となるものです。HTML5の勧告が2014年の10月28日だったので、実に2年ぶりのアップデートとなります。変更点もそれなりにあるので、細かく見てみることにしました。軽くまとめておきますので、参考にしてみてください。 まず11月1日に公開されたHTML5.1 W3C勧告版は以下となります。 HTML 5.1 W3C Recommendation, 1 November 2016 HTML5から今回のHTML5.1までに加えられた変更点は以下にまとめられています。今回は以下に記載されている内容をまとめました。 HTML 5.1: Changes – W3Cなお、上記のChangesに記載されているもの以外にも変更点はあります。それらについては以下をご確認ください。 HTML 5.1 Impl
An arrow pointing left An arrow pointing right An arrow pointing left A magnifying glass The Twitter logo The Facebook logo The LinkedIn logo The Google Plus logo The RSS feed symbol The Wufoo by SurveyMonkey Logo The Wufoo by SurveyMonkey Logo A credit card A tray with an upwards pointing arrow A diamond with two arrows leading to different boxes Two bars in a chart Two pages A painter's palette
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
Webページの内容が、"何を意味するのか"をコンピュータが効率よく情報を収集・解釈できるようにする構想を「セマンティックWeb」「セマンティック(X)HTML」などと呼びます。 セマンティックHTMLを始めるにあたりMicroformatsとMicrodataの違いについて、"どう違うのか"分かりづらかったのでまとめてみました。 そもそもMicroformats、Microdataとは？ マークアップ言語であるHTMLは文章構造を表すことはできますが、意味までは表現できません。 例えば、人の名前や住所、電話番号といったものにHTML要素でマークアップすることはできません。 ただしMicroformatsとMicrodataを使うことにより、このような意味づけを可能にし、コンピュータも可読できるセマンティックなHTMLドキュメントを作成することができます。 Microformats、Micr
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
Bóng đá Live Bóng rổ Live Tennis Live Cầu lông Live Bóng chuyền Live Esports Live LIVESCORE LIVES
「ウェブでは文字詰めはできない」と諦めていませんか？ 美しいタイポグラフィーのためには文字詰めは「当たり前」というデザイナーは多く、DTPやグラフィックデザインの世界では基礎テクニックのひとつとされています。 そんな文字詰めですが、HTMLでも実はCSSのfont-feature-settingsプロパティを指定するだけで自動カーニングができます。ほとんどのブラウザがサポートしており、実務でも十分使えます。今回はそんなfont-feature-settingsプロパティの魅力と使いどころを紹介します。 この記事のポイント 使い方は簡単。CSSで次のプロパティを設定するだけです。 .selector { font-feature-settings: "palt"; } 左が未指定の状態、右がCSSを適用した状態です。文字が引き締まって表示されています。 たったこれだけのコードで自動カーニング
microformats は W3C や HTML5 とは異なる団体 microformats によって定義されるメタデータのフォーマットです(microformats" は、フォーマットそのものや団体のことを指します。)。 class や rel 属性によってメタデータをマークアップする点が特徴です。 microformats は特定の rel 属性や class を利用してメタデータを示します。 したがって、メタデータのための多くの記述を回避できるという利点があります。 例えば、著者情報を示すための hcard と呼ばれるメタデータが定義されていますが、これは次のコードのように記述されます。 <a href="authorinfo-url" class="fn url">Author</a> もしも何かしらの装飾が必要であれば、そのまま class 名を活用すれば良いですから、ページの
こんなにつらいとは思ってませんでした。 こんなにつらいコントロール Airspace問題 名前がついてしまうくらいにはよく知られた問題だったようです。WPFのWebBrowserは、ふつうのWPFのコントロールと違ってActiveXがうんぬんかんぬんでどういうわけか一部を除いてあらゆるコントロールの一番上にレンダリングされるようになっています。4.5では解決したとか話を聞いた気がするのですが気のせいだったようで、プロジェクトで使う.NET Frameworkを4.5に設定しても解決してないのでやっぱり解決してません。現状では対処が必要です。 既定ではレンダリングモードが制限されている 既定ではIE7相当の骨董品レベルに制限されています。なのでそのままAcid2テストに特攻すると失敗します。 つまり何も対策しないとこうなる ※編集時は画像が上になっていることに注目 実行すると… 一面血の海に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
