もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法
こんにちは、鴨田です。 最近、アイコンがセットされたWebフォントを使うことで、 画像を使わずにアイコンを表示するという手法が流行っていますね。 すごく興味はあったのですが、なかなか使う機会もなく、 便利そうだなと思っていただけで、今まで使ったことがありませんでした。 しかし、先日、とある案件でやっと使う機会に恵まれたので、やり方をご紹介いたします。 (プロトタイプだけ作って、結局プロダクトとしては使いませんでしたが・・・) 最近話題になっていたこちらのサイトがとても便利です。 Fontello - http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭
Advanced HTML page authoring using modern CSS features code lab
Advanced HTML page authoring using modern CSS features code lab Introduction This codelab will teach you the latest CSS features and how to use them effectively to build amazing web content taking full advantage of modern browsers. The lessons show how to produce different layouts from web document content by applying various CSS layout features. Pre-requisites A laptop with a text editor installe
A new experimental feature - scoped stylesheets | Blog | Chrome for Developers
Chromium recently implemented a new feature from HTML5: scoped stylesheets, aka. <style scoped>. A web author can limit style rules to only apply to a part of a page by setting the ‘scoped’ attribute on a <style> element that is the direct child of the root element of the subtree you want the styles to be applied to. This limits the styles to affect just the element that is the parent of the <styl
The Edge of HTML5
The Edge of HTML5 Eric Bidelman · Jan 9, 2012 Legend: Not quite ready. Keep it on your radar. Relevant Chrome/WebKit bug. Bug has been fixed/resolved. Specification link ( Press 'n' for additional notes on some slides. Most of this presentation requires Chrome Canary 18+. ) Agenda CSS & Beyond JavaScript APIs for Apps and Games Multimedia APIs Media Capture Web RTC Web Audio API ( the undocumented
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オープン Web テクノロジーのデモ | MDN
