アクセシビリティチェックに。色覚異常を再現する·ColorScope.js MOONGIFT
ColorScope.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 インターネットの裾野が広がるのに合わせてWebページのアクセシビリティは大事な要件になってきました。今回は色覚異常を再現するブックマークレットColorScope.jsを紹介します。 ブックマークレットを実行すると、様々な色覚異常の条件が表示されます。 一つ実行しました。暖色系の色がぐっと弱まったのが分かるかと思います。 また別なブックマークレット。背景色が変わりました。 こちらは全体的に色味がなくなり、茶系になっています。 さらに別なものはグレー系の色合いになっています。 ColorScope.jsを使うとテキストはもちろんのこと、画像も色が変わっています。これはCanvasを使って画像を変換しているとのことです。ただし外部ドメインの画像に対しては適用されないとのことなのでご
[Bookmarklet] deCSS3 - 閲覧中のページ内のCSS3指定だけをオフにできるブックマークレット
[Bookmarklet] deCSS3 – 閲覧中のページ内のCSS3指定だけをオフにできるブックマークレット Pocket Tweet 閲覧中のページ内のCSS3指定のみを一時的にオフにできるブックマークレット。サイト内の「deCSS3」のリンク（JSが格納されてます）をブックマークしておく事で使えます。サイト内でCSS3が使われてる箇所がすぐに分かるので、かっこいいページ見つけた時なんかに使えそう。あと普段モダンブラウザを使うのが当たり前になってる人が、レガシーブラウザでの描画を簡易的に確認したい時なんかに便利。とりあえず自分もブックマークレットフォルダに突っ込んでおきました。 deCSS3
[JS]CSSファイルに変更を加えてもリフレッシュ無しで反映させるスクリプト -CSSrefresh
CSSファイルに変更を加えてもページのリフレッシュ無しで変更を反映させるスクリプト（とブックマークレット）を紹介します。 CSSrefresh - automatically refresh CSS files [ad#ad-2] CSSrefreshは制作時に役立つスクリプトで、CSSファイルに変更を加えて保存すると、ページのリフレッシュ無しで変更を反映させます。 CSSrefreshの使い方 使い方は簡単で、2通りあります。 CSSrefreshをインクルードする 使用するページにCSSrefreshを外部スクリプトとして記述します。 <head> <link rel="stylesheet" type="text/css" href="css/site.css" /> <script type="text/javascript" src="js/cssrefresh.js"></sc
Webサイトをその場で編集可能にするブックマークレット·Create MOONGIFT
CreateはWebサイトをその場で編集可能にするブックマークレットです。 いつでもどこでもWebサイトを編集できる、それを実現するのがCreateです。JavaScriptを使って画面を見たままに編集できる機能を提供します。 最初の画面です。Try it nowをクリックします。 すると画面上部にツールバーが表示されます。次にEditボタンをクリックします。 一瞬、編集可能な場所がハイライト表示されます。 後はテキストを自由に編集できます。 こんな感じに文字装飾を行うバーも表示されます。 サーバサイドがないので保存ボタンを押すとメッセージが出ます。実際にはこのコンテンツをサーバサイドに送信する必要があります。 コンソールで確認できる更新内容です。それぞれのHTMLがオブジェクトに入っています。 小さく折り畳んで表示しておけます。 CreateはJavaScript、かつブックマークレット
「Zen-Coding」をブックマークレットで使う（Potato Tips Shinjaga > <010000>Tips > <010070>bookmarklet）
「Movable Type」で「Zen-Coding」を使う「MT Zen-Coding」で紹介した「MT Zen-Coding」プラグインのページではこのプラグインをインストールせずに同様の機能を使うことのできるブックマークレットも提供されています。プラグインの導入前に使ってみてはいかがでしょうか? もしかして、プラグインはいらないかも? ただしこちらも、2010年8月29日現在、「MT/MTOS 5.02」に対応していないようで、タグセレクターおよび全画面表示が動作しません。現在対策をお願いしています。期待して待ちましょう。 「MT/MTOS 5.02」に対応していただきました。感謝 !
たった21行の一括フォロースクリプト - webネタ
2012/4/20 一括アンフォロー。使い方は同じです。 javascript:(function(){var $followElem=$('.js-action-unfollow');var followElemCount=$followElem.length;var currentNum=0;var manager=function(){if(currentNum 世の中では邪道?とされているtwitterの一括フォローだが、フォロー数を増やしたい場合はやっぱり一つ一つフォローボタンを押すのはめんどう。さっきtwitter本家のサイトを見ててふと思いついたので一括フォローできるスクリプトを書いた。ブックマークレットにすればボタン一発で実行できるょ。 使い方 1、下記のプログラムをURLの代わりにブックマークする。 (トリプルクリックすると一気に選択できます) (※1) javascri
JavaScriptのエラーを見つけやすくしてくれるブックマークレット『Zeon.js』 | 100SHIKI
テキストエリア中のJavaScriptを解析し、エラーっぽいところを見つけてくれるのがZeon.jsだ。 使い方は簡単で、同サイトで配布されているブックマークレットを使うだけだ。 そうするとテキストエリアの右下に「Z」マークが現れる。それをクリックすればエラーの詳細が見れる、という仕組みだ。 テキストエリアにJavaScriptを書く、というシーンがあまり思い浮かばないのでテスト用にちょっとしたページを作る必要があるような気もするが、どうしてもデバッグに困ったときに覚えておいてもいいだろう。 もしくはどこぞの教育機関やら研修でも使えそうですな。
CSS Stress Testing and Performance Profiling | Andy Edinborough
I present you with the CSS Stress Test bookmarklet. Now let me explain: I have been losing my sanity over the oddest issue. The project I’m working on right now has a fairly complex stylesheet. Performance for the site is absolutely critical. I’ve done my best to squeeze and optimize every line I can. In all browsers, it runs like a champion. Except IE9. It runs terribly in IE9. To make mat
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
WhatFont Tool - The easiest way to inspect fonts in webpages « Chengyin Liu
Tweet * WhatFont is not affiliated with MyFonts and/or the WhatTheFont service. ← Back to Chengyin's main page What is the easiest way to find out the fonts used in a webpage? Firebug or Webkit Inspector? No, that's too complicated. It should be just a click away. Hence I wrote WhatFont, with which you can easily get font information about the text you are hovering on. To embrace the new web font
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
