DevTools Snippets
allcolors.js # Â (view raw) Print out all colors from computed styles used in elements on the page. Uses styled console.log calls to visualize each color. // allcolors.js // https://github.com/bgrins/devtools-snippets // Print out CSS colors used in elements on the page. (function () { // Should include colors from elements that have a border color but have a zero width? var includeBorderColorsWit
クライアントサイド JavaScript ã®ãƒ‘フォーマンス改善ã«ã¯ backburner.js ãŒä¾¿åˆ©ï¼ - tricknotesã®ã¼ã†ã‘ã‚“ã®ã—ょ
DOM 処ç†ã‚„ Ajax ãªã©ã€JavaScript ãŒå¤–ã®ä¸–ç•Œã¨ã‚„ã‚Šå–ã‚Šã™ã‚‹éƒ¨åˆ†ã¨ã„ã†ã®ã¯ã€ä¸€èˆ¬çš„ã«å¾…ã¡æ™‚間を多ãå¿…è¦ã¨ã—ã¾ã™ã€‚ パフォーマンスを改善ã—よã†ã¨æ€ã£ãŸæ™‚ã«ã€ãƒã‚¸ãƒƒã‚¯éƒ¨åˆ†ã§ã‚³ãƒ„コツã¨ç¯€ç´„ã™ã‚‹ã‚ˆã‚Šã€ã¾ãšã‚³ã‚¹ãƒˆãŒé«˜ã„処ç†ã‚’è¡Œã‚ãªã„よã†ã«ã™ã‚‹ã¨ã„ã†ã“ã¨ã§ã€é©šãã»ã©ã®åŠ¹æžœã‚’経験をã•ã‚ŒãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ 今ã¾ã§ãƒ‘フォーマンス測定をã•ã‚ŒãŸæ–¹ã§ã‚ã‚Œã°ãƒ”ンã¨ãる部分ãŒã‚ã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªæ™‚ã«å½¹ã«ç«‹ã¤ã®ãŒã€ä»Šå›žã”紹介ã™ã‚‹ backburner.js ã§ã™ã€‚ ebryn/backburner.js - GitHub backburner.js ã£ã¦? backburner.js ã¨ã¯ Ember.js ã® run loop モジュールã‹ã‚‰åˆ‡ã‚Šã ã•ã‚ŒãŸã¨ã¦ã‚‚å°ã•ãªãƒ©ã‚¤ãƒ–ラリã§ã€çŸæ™‚é–“ã«é›†ä¸çš„ã«ç™ºç”Ÿã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰å‘¼ã³å‡ºã—ã®å›žæ•°ã‚’制é™ã—ãŸã„å ´åˆãªã©ã«åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ backburn
æ©Ÿå¯†æƒ…å ±ã‚’å«ã‚€JSONã«ã¯ X-Content-Type-Options: nosniff ã‚’ã¤ã‘ã‚‹ã¹ã - 葉ã£ã±æ—¥è¨˜
Webアプリケーションã«ãŠã„ã¦JSONを用ã„ã¦ãƒ–ラウザ - サーãƒé–“ã§ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šå–ã‚Šã‚’è¡Œã†ã“ã¨ã¯ã‚‚ã¯ã‚„普通ã®ã“ã¨ã§ã™ãŒã€ã“ã®ã¨ãJSON内ã«ç¬¬ä¸‰è€…ã«æ¼ã‚Œã¦ã¯å›°ã‚‹æ©Ÿå¯†æƒ…å ±ãŒå«ã¾ã‚Œã‚‹å ´åˆã¯ã€å¿…ãš X-Content-Type-Options: nosniff レスãƒãƒ³ã‚¹ãƒ˜ãƒƒãƒ€ã‚’ã¤ã‘るよã†ã«ã—ã¾ã—ょã†(ã‚€ã—ã‚æ©Ÿå¯†æƒ…å ±ã‹ã©ã†ã‹ã«é–¢ã‚らãšã€å…¨ã¦ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã¤ã‘ã‚‹ã»ã†ãŒã‚ˆã„。関連:X-Content-Type-Options: nosniff ã¤ã‹ã‚ãªã„ã‚„ã¤ã¯æ»ãã°ã„ã„ã®ã«! - 葉ã£ã±æ—¥è¨˜)。 例ãˆã°ã€æ©Ÿå¯†æƒ…å ±ã‚’å«ã‚€ä»¥ä¸‹ã®ã‚ˆã†ãªJSONé…列を返ã™ãƒªã‚½ãƒ¼ã‚¹(http://example.jp/target.json)ãŒã‚ã£ãŸã¨ã—ã¾ã™ã€‚ [ "secret", "data", "is", "here" ] 攻撃者ã¯ç½ ページを作æˆã—ã€ä»¥ä¸‹ã®ã‚ˆã†ã«JSONé…列をvbscriptã¨ã—ã¦èªã¿è¾¼ã¿ã¾ã™ã€‚ã‚‚ã¡ã‚
js-sequence-diagrams by bramp
This should be a diagram! If you don't see it you need Javascript enabled Intro A simple javascript library to turn text into vector UML sequence diagrams. Heavily inspired by websequencediagrams.com, who offer a serverside solution. We use Jison to parse the text, and Snap.svg to draw the image. Examples
DOMを高速ã«æ“作ã™ã‚‹ãŸã‚ã® skin.js ã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを作ã£ãŸ - mizchi log
(ã‚¿ã‚¤ãƒˆãƒ«ä¿®æ£ DOMを高速ã«æ“作 => DOMã®å€¤ã‚’高速ã«æ›´æ–° at Sat Mar 09 2013 15:30:09 GMT+0900 (JST)) (Skin#inject実装ã—ãŸã®ã§ã‚¿ã‚¤ãƒˆãƒ«å…ƒã«æˆ»ã—㟠at Mar 09 2013 18:10:04 GMT+0900 (JST)) 若手ã®ä¼šã§ã€JavaScript Hell on Earth ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§è©±ã—ã¦ãã¾ã—ãŸã€‚ js_hell_on_earth http://www.rvl.io/mizchi/js_hell_on_earth ã¨ã„ã†ã‚ã‘ã§DOM抽象ラッパーã¤ãã‚Šã¾ã—ãŸã€‚ mizchi/skin.js · GitHub https://github.com/mizchi/skin.js 目的 クライアントサイドJSã§ã¯ä¸€å›žæ›¸ã„ãŸã‚‰çµ‚ã‚ã‚Šã€ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ゲームãªã©ã®ãƒªãƒƒãƒãªãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験をæä¾›ã™ã‚‹éš›ã€é«˜é »åº¦ã§DOMを書ãæ›
2012年末ã«è¦³ã¦ãŠããŸã„JavaScript20é¸: githubã§watchæ•°ã®å¤šã„200件ã‹ã‚‰ - memo.yomukaku.net
Githubã§JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¨ã—ã¦åˆ†é¡žã•ã‚Œã¦ãŠã‚Šã€ç¾æ™‚点ã§watchæ•°ã®å¤šã„200件ã®ä¸ã§ã€å®Ÿéš›ã«ä½¿ã£ãŸã“ã¨ãŒã‚り便利ã¾ãŸã¯é¢ç™½ã„ã¨æ„Ÿã˜ãŸ20件をã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ backbone-boilerplateã€requirejsã€yeomanã€lodashã®ã‚ˆã†ãªå®šç•ªã«ãªã£ã¦ãã¦ã„ã‚‹ã‚‚ã®ã‹ã‚‰ã€TimelineJSã®ã‚ˆã†ãªå…¨ã汎用性ã®ãªã„ã‚‚ã®ã¾ã§ã‚ã‚Šã¾ã™ã€‚ d3.js Data-Driven Documents。サンプル集を観るã®ãŒæ‰‹ã£å–ã‚Šæ—©ã„ã¨æ€ã„ã¾ã™ã€‚ pdf.js JavaScriptã ã‘ã§PDFをレンダリングã§ãる時代ã§ã™ã€‚1å¹´åŠã»ã©å‰ã«ãらã¹ã‚‹ã¨ã€ã‹ãªã‚ŠPDF製作者ã®æœŸå¾…通りã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ãるよã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ backbone-boilerplate Backbone.jsを使ã£ãŸã‚¢ãƒ—リã®éª¨æ ¼æ§‹é€ 。サーãƒãƒ¼å´ã§ã„ã‚ゆるMVC2ã®ã‚¢ãƒ—リを作ã£ã¦ã„る人ã«ã¯B
@keiono · Viz Log
NewYorkã®ã‚¿ã‚¤ãƒ ズセンターã§è¡Œã‚ã‚ŒãŸå¯è¦–化型ã®ä¼šè°ã€‚IEEEçš„ãªã‚¢ã‚«ãƒ‡ãƒŸãƒƒã‚¯ãªã‚‚ã®ã§ã¯ãªãã€ã‚‚ã£ã¨å®Ÿè·µå¯„ã‚Šã®ã‚‚ã®ã€‚技術詳細よりメタãªè©±å¤šã‚。「公開データã§ç¤¾ä¼šçš„善を為ã™ã€çš„ãªè€ƒãˆã®äººã‚‚多ã„å°è±¡ã€‚ãã®ä¸ã§ã€Œãƒ‡ãƒ¼ã‚¿ã«ã‚ˆã‚‹æ‰‡å‹•ã€ã¨ã„ã†ãƒ€ãƒ¼ã‚¯ã‚µã‚¤ãƒ‰ã¨ã›ã‚ãŽåˆã£ã¦ã‚‹æ„Ÿã˜ï¼ˆã‚ãã¾ã§ç§æ„Ÿï¼‰ã€‚
High Performance JS heatmaps - Codeflow
You can draw around 500'000 individual data points per second in realtime. Around 10'000 per frame are no problem. The way it works is that points to draw are recorded into a position buffer (10k points) and when you call heatmap.update() (or when the buffer is full) it draws these points with WebGL by additively blending them into an off-screen floating point texture. QualityThe heat is updated/r
Protovis
Protovis Protovis composes custom views of data with simple marks such as bars and dots. Unlike low-level graphics libraries that quickly become tedious for visualization, Protovis defines marks through dynamic properties that encode data, allowing inheritance, scales and layouts to simplify construction. Protovis is free and open-source, provided under the BSD License. It uses JavaScript and SVG
jQuery Sparklines
Mouse speed Loading.. Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Bar charts 10,8,9,3,5,8,5 negative values: -3,1,2,0,3,-1 stacked: 0:2,2:4,4:2,4:1 Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Composite bar 4,6,7,7,4,3,2,1,4 Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5 Di
Raphaël―JavaScript Library
The most popular coding language for the web is javascript; so much so that since the advent of HTML5, it has now been officially accepted as the default standard. Javascript has moved beyond a smaller client-side browser-based language to become integrated not just for front-end design, but also for back-end server-side development. As a result there are has been a huge growth of Javascript libra
NVD3
This project is an attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions. View more examples » GitHub Repo Download d3.v3.js. This is the only required library for NVD3. Dow
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
javascript - hanzenkaku.js ã§åŠè§’å…¨è§’å‡¦ç† : 404 Blog Not Found
2012å¹´08月13æ—¥06:00 カテゴリLightweight LanguagesTips javascript - hanzenkaku.js ã§åŠè§’å…¨è§’å‡¦ç† ã¾ã‚車輪ã®å†ç™ºæ˜Žã‚‚ã„ã„ã¨ã“ã‚ãªã®ã§ã™ãŒã€è»Šè»¸ã«åˆã†è»Šè¼ªãŒè¦‹ã¤ã‹ã‚‰ãªã‹ã£ãŸã¨ã„ã†ã“ã¨ã§ã€‚ dankogai/js-hanzenkaku DEMO ã¾ãšã¯å®Ÿéš›ã«ãŠè©¦ã—を。 全角: åŠè§’: å…¨methodã¯ä»¥ä¸‹ã®ã¨ãŠã‚Šã€‚textarea内ã§ã„ã‚ã„ã‚ã¨æ›¸ãæ›ãˆã¦ã¿ã¦ãã ã•ã„。 /* Functinal */ p( HanZenKaku.h2z('ｺｶﾞｲﾀﾞï¾') ); p( HanZenKaku.z2h('コガイダン') ); p( HanZenKaku.hw2fw('dankogai') ); p( HanZenKaku.fw2hw('ｄï½ï½Žï½‹ï½ï½‡ï½ï½‰') ); p( HanZenKaku.fs2hs('a　space') ); p
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - jakiestfu/Snap.js: A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)
Chart.js
RxDB - JavaScript Database
darsa.in
地ç„ã®JavaScriptã‚»ã‚ュリティ
{{#tags}}- {{label}}
{{/tags}}