GitHub - jonathantneal/svg4everybody: Use external SVG spritemaps todayYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Lightbox Widget
About HTML Preprocessors HTML preprocessors can make writing HTML more powerful or convenient. For instance, Markdown is designed to be easier to write and read for text documents and you could write a loop in Pug. Learn more · Versions Adding Classes In CodePen, whatever you write in the HTML editor is what goes within the <body> tags in a basic HTML5 template. So you don't have access to higher-
VVVV.js - Visual Web Client Programming
VVVV.js is a great toolkit for prototyping and developing rich data visualisation, advanced user interfaces, games, and more — all by connecting nodes, spreading slices and letting the dafa flow. From simple 2D charts to complex 3D animations: the possibilities grow with your patching skills. Features VVVV.js is fun to play with, yet it's more than a toy. Rather than being a standalone web applica
CSS Variables 2014/05/22
2014年1月ごろにCodeGridで、CSS Variablesを使うという記事を書きました。 CSS Variablesは、CSSの中で独自のプロパティを定義し、その値を変数として使うことができるという仕様です。 ちなみに、今はその記事中にあるサンプルはどれも動きません。かなしいね。 間違いとか、ご意見ありましたら @GeckoTangまでどうぞ。 カスタムプロパティの接頭辞が変わった以前は以下の様に、varを接頭辞としてカスタムプロパティを定義し、値として利用する際は、 var関数の中で接頭辞を除いたカスタムプロパティ名を指定していました。 /*css*/ :root { /* 定義 */ var-fontsize: 20px; } .medium { /* 利用 */ font-size: var(fontsize); /* 20px */ } CodeGridの記事を書いてから、
Microdataなどの構造化データ マークアップについて - kojika17
構造化データ マークアップは、MicrodataやRDFなどを利用して、schema.orgやMicroformatsなどのスキーマを設定する手法です。 構造化データ マークアップを行うことで、Googleのリッチスニペットの露出を高めるなどの効果が挙げられます。 Googleが提供しているツールを利用した構造化データ マークアップの導入方法を紹介します。 今回の目標 Microdataなどの具体的なマークアップの方法にはあまり触れず、ツールを利用して、構造化データ マークアップを行います。 またGoogleの検索におけるリッチスニペットの最適化を目標としています。 リッチスニペット スニペットとは、検索結果の表示される数行のテキストのことですが、さらに詳細な情報を表示したものが「リッチスニペット」になります。 Googleの検索結果でパンくずリストや商品画像、レビューなどが表示されるのを
CreateJS のクラスを CoffeeScript 上で継承するには | DevelopersIO
CoffeeScript には簡単にクラスの継承を実現できる機能が備わっていますが、こと CreateJS のクラスを継承する際には従来とは少し異なる手法で実装するがあるので、注意が必要です。 知ってしまえば大したこと無いのですが、ちょっとクセのあるテクニックなのでサンプルを交えてその方法を紹介します。 例) createjs の Bitmap クラスを継承してみる 従来の継承 通常、CoffeeSctript でクラスの継承をするには以下のように記述します。 Animal クラス class Animal constructor: (@name) -> alive: -> false Dog クラス class Parrot extends Animal constructor: -> super("Parrot") dead: -> not @alive() Animal クラスを継承
Web Animations - element.animate() is now in Chrome 36 | Blog | Chrome for Developers
Animation on the web was once the province of JavaScript, but as the world moved to mobile, animations moved to CSS for the declarative syntax and the optimizations browsers were able to make with it. With 60fps on mobile always your goal, it makes sense to never step outside of what browsers know how to efficiently display. More tools are appearing to make JavaScript-driven animations more effici
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
