もうアイコン画像はいらない！ Webフォントを使って、iOS風タブバーとアイコンを作成する方法
最近話題になっていたこちらのサイトがとても便利です。 Fontello – http://fontello.com/ 使いたいフォントを選択します。 ここでは、「Entypo」フォントから5つ選択します。 選択が終わったら、上部のタブから「Edit codes」をクリックします。 アイコン画像の上部のバーをクリックして、アイコンに割り当てる文字列を決めます。 英語で頭文字を取るとか、abc～とかにするとかですかね。 文字列の指定が終わったら、フォントファイルのダウンロードを行います。 サイト右上にある「Download webfont(n)」をクリックしましょう。 「fontello-xxxxxxxx.zip」がダウンロードされます。 解凍して中身を見てみましょう。 fontello －cssフォルダ －icons.css －icons-codes.css －icons-ie7.css －
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
