コマンドラインでカラーコードの計算・操作ができるツール - 詩と創作・思索のひろば
何かしら画面を作らなければいけないときには色のことを考える必要があって、たとえばこの色を少し暗くした色が欲しい！ と思ったときに、素人としては頼れる方法を持っていないのが問題なのです。ウェブサイトであれば Scss なり Less なりの CSS プリプロセッサを使えばそういった要求に応える便利な機能が用意されているのであまり考える必要はないのだけれど、他の場面でも使える汎用的な道具が欲しかった。簡単に言うと darken(red, 10%) とか与えたら #rrggbb みたいな形式で表現してくれるやつです。 そこで書いたのがコレだ: motemen/node-less-calc。 たぶん Functions | Less.js にある関数がすべて使えます……というので分かるとおり、Less の機能にそのまま乗っかっている非常にエコな実装。オマケで色だけでなく大きさの計算もできる。 %
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
実用 - TumblrにポストするJavaScript Actions、大幅アップデート
JavaScript 2007/7/9戦争 - TumblrにポストするJSActionsスクリプト、2007/6/10版 アップデートし、包括的な説明を書きました。 ShareOnTumblr TumblrへポストするJSActionsをアップデートした。大きく良くなってる。前回からの変更点は以下。 ・ポスト後自動でウィンドウを閉じるように エラーが発生すると閉じずに残る。 容量超過エラーは補足できず成功したように閉じてしまうようなので注意。・画像を直接開いている場合のタイトルをファイル名のみに変更「ABC.jpg (JPEG 画像, 399x600 px) - 表示倍率 (75%)」ではなく「ABC.jpg」だけに。・Linkタイプのポスト追加画像の上でもなく、テキストも選択されていない場合は、Linkとしてポストされる。 コード内のLINK_ADD_THUMBNAILをtrueにする
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
Firebug Lite
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
JavaScript Shell
JavaScript Shell A command-line interface for JavaScript and DOM. Open the shell or get the Shell bookmarklet (Firefox only). Features You can enter statements and expressions at the same prompt. The result of each non-void statement or expression is shown. User-defined variables. b = document.body User-defined functions. function f() { return 5; } JavaScript error messages are shown in red. Previ
ページ中の画像群で遊ぶJavascript | 秋元@サイボウズラボ・プログラマー・ブログ
via digg ロシアからのJavascriptネタ。 Google Imageの検索結果など、画像がたくさんあるページで、アドレスバーに以下のJavascriptをペーストして実行すると、おもしろい効果が出る。 javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setI
S5: A Simple Standards-Based Slide Show System
S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. A
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe製のJavaScriptデバッガTheseusがすごい - Qiita
reveal.js - The HTML Presentation Framework
http://pdehn.github.com/mosho/demo/
DOM Tool | Version 1.1
Loading...
。.・ MaruTenTen