聞き慣れないけど確実に知っておきたいCSSやhtmlの新機能
作成：2016/10/3 Web制作 > 効率よくレイアウトを作成できるように、あまり聞き慣れないけど、今後増えていくであろうプロパティや単位、仕様策定中の新しいプロパティなどについて非常に参考になる記事をチョイスさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 srcset属性 HTML5で策定されたsrcset属性をimageタグに使うと複数の画像をカンマ区切りで指定することができます。「ウィンドウサイズに応じて画像を切り替える」とのこと。必要な画像だけ読み込まれるのでパフォーマンスが向上しそうです。 <img src="foo.jpg" srcset="2.jpg 2x, 3.jpg 3x" alt=""> srcは未対応ブラウザのフォールバック、「x」はデバイスピクセル比（画素密度記述子）、「w」は横幅（幅記述子。○○px以下なら○○w）
Initializr - HTML5 project - template
Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start! Hey everyone! Initializr is going to retire at the end of 2017. I'd recommend using H5BP or Bootstrap directly instead. It doesn't take that long to combine them together and you'll get more up-to-
もう逃げない。HTMLのviewportをちゃんと理解する
と呪文のように書いてきたが、いい加減ちゃんと整理して理解しよう。 いろいろ調査した結果、以下の考え方で理解できると思う。 まず、実際の液晶の解像度は一旦忘れろ。 <meta name="viewport" content="width=480">と指定したとする。 するとそこに幅480pxの仮想的なウインドウが作られる。幅480pxの液晶モニターがあることをイメージして欲しい。これをviewportと呼ぶ。 ブラウザはviewportにレンダリングする。viewportの中では、あたかも本当に480pxのモニターを使っているかのような環境になっている。なので、JSのdocument.documentElement.clientWidthなんかも480を返すし、media queryの条件判定でも480pxの画面幅が使われる。 次にviewportを実際の液晶画面に表示する。この時、view
<input> 要素の type 属性を使ったフォーム入力支援 | Accessible & Usable
公開日 : 2013年4月21日 (2020年8月30日 更新) カテゴリー : ユーザビリティ Web サイトのフォームの入力要素のうち、<input> 要素は、type 属性の記述によって、テキストボックス (type="text")、パスワード入力欄 (type="password")、チェックボックス (type="checkbox")、ラジオボタン (type="radio")、といった種類を指定することができます。 そして HTML5 では、<input> 要素で使用可能な type 属性値が新たに追加されています。ユーザーが使用するデバイスによっては、この type 属性値に応じた入力しやすいユーザーインターフェース (UI) が提供されるので、「気の利いた入力支援」が可能になります。 たとえばスマートフォンやタブレットのように、入力要素にフォーカスが当たるとタッチスクリーン
Polymer Project
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
HTML5がW3Cの勧告に──作業部会立ち上げから8年で
World Wide Web Consortium（W3C）は10月28日（現地時間）、WebページやWebアプリの構築フォーマットHTMLの第5版である「HTML5」を勧告として公開したと発表した。 第4版（HTML4）の勧告から18年になる。W3Cが2007年に設置したHTML作業部会では米Google、米Apple、米Microsoftなどが協力し、2008年にHTML5のドラフトを公開した。2012年12月に仕様策定が完了した。W3Cはそれから約22カ月間、「一度書けばどこでも展開可能」の実現を目指してきたという。 W3Cディレクターを務めるティム・バーナーズ＝リー氏は、「ビデオやオーディオをブラウザ上で見たり、ブラウザ上で通話をすることは、今や当然の事として受け止められている。（中略）HTML5とオープンWebプラットフォームは、ユーザーの更なる期待に応えていく」と語った。 W3
オンラインカジノ【おすすめ厳選ランキング10選】｜2025年8月
{"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]} ウェルカムボーナス {"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"sl
HTMLテンプレートの基本ファイル一式、Webページを実装するための必要最小限をまとめたHTML
HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
プログラミングはスクールで学ぶべきか - 独学は挫折しやすい？【HTML5fun】
プログラミング学習を始めるにあたり「スクールに通うか、独学するか」は大きな悩みとなります。学習に挫折することがないよう、両者のメリットを理解した上で自分に合う学習方法を選択していくとよいでしょう。 プログラミングスクール or 独学？ 「プログラマーに転職したい！」 そう決意した時にまず悩むのが、独学でスキルを身につけるのか、それとも、プログラミングスクールに通って学ぶのか、という点かと思います。 スクールは高額だけど独学だと挫折する？ 近年はプログラミング学習の需要が急速に高まっており、スクールの市場も拡大を続けています。 「プログラミングスクール」と検索したら、膨大な数のスクールが見つかるため、どのスクールを選べばよいのかわかりませんよね。 また、プログラミングスクールの料金はかなり高額だというイメージもあります。 そんなこともあり、「できればスクールに通いたいけど、そんな高いお金を払
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用無料でしかも高品質！レスポンシブ対応、HTML5/CSS3で作成されたテンプレートのまとめ
Web制作者はブックマークしておくと便利！HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス
HTML5 UP! Responsive HTML5 and CSS3 Site Templates
OSSとして公開されているHTML5製のCSSスプライト作成ツール・「Stitches 」 - かちびと.net
TechCrunch | Startup and Technology News