srcsetとsizes
パート1：メディア・クエリのどこがまずいのか？ そう、もし君がウェブサイトを作っている時代が1993年2月23日から2010年5月25日の間だったら、画像の扱いなんてチョロかったね！ それはこんなふうに単純だった。 幅の固定されたレイアウトをにらみつける 画像がきっかり何ピクセルかを測る――その画像はあらゆるユーザーの画面で変わらないスペースを占めることになる Photoshopのエンジンをかける 画像をさっき測ったとおりのサイズで「ウェブ用に保存」する それを<img>タグでマークアップする グラスにビールを注ぎ（または新鮮なグリンピースの缶を開け）、仕事がうまくいったことを祝う ときおり聡明なる預言者が荒野から現れては、この手法に潜む問題について深遠な真実を説くこともあった。それでもこのやり方は、20年もの間、ウェブ・デザイナーを生業とするものたちに受け入れられてきた。 しかし、時代は
HTML5: Network Information API | Envato Tuts+
Introduction One of the most discussed concepts in the world of the web design is responsive web design. Thousands of articles have been written on responsive web design and I therefore won't discuss it in this article. However, responsive web design has an important limitation, responsive web design is for the most part based on the size of the browser's viewport. While this approach works well f
HTML5 Forms: CSS — SitePoint
In the second article of this three-part series about HTML5 forms, we’re going to look at styling or — more specifically — the pseudo-class selectors you can use to target input fields in various states. If you haven’t read it already, please refer to part one to ensure you understand the basic markup concepts. Remove Default Styling You’ve probably noticed browsers applying default formatting. Fo
『Web Componentsで行うHTMLのコンポーネント化』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは。アメーバ事業本部の泉水（@1000ch）です。 今日はHTMLをコンポーネント化するWeb Componentsという新しいHTMLの仕様と、 その機能を補完するPolymerというライブラリについてお話させていただきます。 Web Components Web Componentsについては、2013年のHTML5 ConferenceでGoogleの夷藤さんがセッションされていました。夷藤さんはChromeチームで、Web Componentの周りの実装をされていたり、Shadow DOMの仕様の編集をされています。 セッショ
dialog element - modals made easy | Blog | Chrome for Developers
Chrome Canary has landed support for the dialog element behind a flag. The dialog element can be used for popups in a web page. show(): Open dialog. close(): Close dialog. Takes an optional argument which if present dialog.returnValue is set to. showModal(): Open modal dialog. ::backdrop: Pseudo-element to style background behind a modal dialog. close event: Fired when a dialog is closed. Update o
Using the HTML title attribute - updated March 2020 - TPGi
Takeaway If you want to hide content from mobile and tablet users as well as assistive tech users and keyboard only users, use the title attribute. The details The HTML title attribute is problematic. It is problematic because it is not well supported in some crucial respects, even though it has been with us for over 23 years. With the rise of touch screen interfaces, the usefulness of this attrib
Seamless iframes: The future, today!
The future, today! Best viewed in Chrome version 22 or better (i.e. Chrome Canary) Who invited this guy Ben Vinegar Totally legit lastname Front-end Engineer at Disqus Co-author, Third-party JavaScript @bentlegen DISQUS Distributed commenting platform Third-party JavaScript application Bloomberg, IGN, Time.com, MLB ... more 500 quadrillion pageviews per day Re-written for 2012 Backbone.js + Ender
How to Factory Reset iPhone 15 Pro Max - Skyward Design
Ever find yourself needing to wipe your iPhone 15 Pro Max clean? Maybe you’re planning to sell it, following an iPhone guide at i5apps.com, or perhaps it’s just time for a fresh start. Whatever your reason, performing a factory reset is a straightforward process. By the end of this quick overview, you’ll know exactly how to restore your iPhone 15 Pro Max to its original factory settings. After you
当社Webサイトのリニューアルについて | コラム | ミツエーリンクス
既にお知らせ「 当社Webサイトをリニューアル 」にありますように、先月23日、当社ミツエーリンクスの企業サイト（www.mitsue.co.jp、以下「当サイト」）をリニューアルしました。それまで、私が入社した2004年2月時点での情報構造やビジュアルデザインを維持してきましたから、少なく見積もっても8年以上ぶりのリニューアルになります。その間、Webの閲覧環境はもとより、デザインのトレンドや実装技術は大きく変化してきました。 2004年4月に当サイトのWeb標準準拠を実施し（コラム「 Web標準に準拠する価値 」参照）、以後も継続して運用に参加してきた立場ゆえ、早くリニューアルをしたいという思いは日常的に抱いていました。とりわけ自分の担当したマークアップ/スタイルシート設計について、「今の自分ならこうする」「最新の技術ならこう作れる」といった点は多く認識してきました。そうであればこそ、
Presentation: The Future of HTML5 and Web Technologies
Christian Heilmann, MozillaVision 2012, Tokyo, Japan, January 2012 Today I want to talk about a web of the now and the near future and show you some things that are in the works but you might not be aware of. The web is an amazing thing World Connection Density map by Chris Harrison The web is an incredible thing. It connects people world-wide and it is incredibly easy to be a part of. Instead of
HTML5 アプリケーションをビルドする - HTML5 フォームを利用して優れた Web フォームを作成する
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。 HTML5 フォームを利用して優れた Web フォームを作成する Brandon Satrom コード サンプルのダウンロード Web 開発者ならば、これまでに HTML フォームを作成した経験があるでしょう。実際、思い出したくもないほど多く作成してきたかもしれません。text、password、file、hidden、checkbox、radio、submit、button といった、input 要素によく使われてきた type 属性は間違いなくなじみ深いものでしょう。 (今羅列したものの中で) どの type 属性を最も多用するかと問われたら、おそらくほとんどの開発者が一様に「text」と答えるでしょう。
HTML5の要素を条件付きコメントなしでIEで使う - 徒書
今更ながら、ここもHTML5にしてみようかなという気持ちが湧いてきています。以前は、一旦公開した文書の形式を無闇に変えるのはよくないという思いが強かったのですが、個人のページなのだし色々と実験的なことをもっと試してもいいのでは、と思うようになったので。 さて、HTML5導入にあたり一番気にしていたのが、IEでHTML5の新しい要素を使う方法のことでした。今だと html5shiv を使って以下のようなコメントを入れるのが一般的になっているようです。 <!--[if lt IE 9]> <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> しかしながら、HTML文書というのは様々な環境で利用されるための文書形式だと自分は考えているので、その中に(コメントとは言え)特定のブラウザのた
HTML5&API総まくり
6. • 現在の要素数は108 • 30種類の新要素 • 14種類の既存要素が変化 • time要素、hgroup要素、data要素 （WHATWG HTMLのみ）などが争 点。 HTML5マークアップ 7. • リッチな入力フォーム、新たなフォーム要素、宣 言的なバリデーションなど。 date datetime datetime-local month week time number range email url search tel color HTML5 Forms 8. • HTMLにマシンリーダブルなデータを埋 め込むための仕様 <div itemscope> <p>お名前: <span itemprop="name">白石</span></p> <p> : <time itemprop="birthDate">1978/03/24</time> </p> </div> HT
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting…
webcomponents.org - Discuss & share web components
CSS 20 stunning examples of CSS 3D transforms
Web Component概要
http://html5please.us/
Unreprentant – Just another WordPress site