deCSS3はCSS3のプロパティを解除してCSS3非対応Webブラウザの表示を確認できるブックマークレットです。 最近のモダンなWebブラウザは大抵CSS3に対応しています。格好いいイフェクトを実現するのも容易ですが、レガシーなWebブラウザでの表示をつい怠ってしまいがちです。そこでCSS3の設定を外してくれるdeCSS3を使って表示を確認してみましょう。 こんな感じのギャラリーが… 一直線に。 それでも拡大表示はできるので実用レベル。 上から現れるアラートが… こんなに細く。でもアニメーションはしているからまだ大丈夫。 配布サイトで実行すると… ちょっとのっぺり。 deCSS3はアニメーションやボックスシャドー、メディアクエリー、トランジションといった幾つかのプロパティを外してくれます。deCSS3で確認すれば、レガシーなWebブラウザでの表示がある程度保てているかどうか、手軽に確認で
FitWeirdはウィンドウサイズをピクセス、em単位で表示するブックマークレットです。 Webデザインを行う際に画面上に物差しを表示したりツールもありますが、今回はもっとシンプルなFitWeirdを紹介します。ウィンドウサイズが今いくつであるか、リアルタイムに表示してくれます。 ブックマークレットを実行しました。右下にウィンドウサイズが出ています。 ウィンドウサイズを変更するとリアルタイムに数字が変化します。 FitWeirdはブックマークレットなのでインストールも不要でとても手軽です。実行したら右下にウィンドウサイズが出る、それだけのシンプルさです。サイズはピクセル、emの二つで表示されます。 FitWeirdはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 MOONGIFTはこう見る 一年くらい前はスマートフォンとデスクト
FontFriend is a bookmarklet for typographically obsessed web designers. It enables rapid checking of fonts and font styles directly in the browser without editing code and refreshing pages, making it the ideal companion for creating CSS font stacks. 2.0’s killer feature is instant drag-and-drop font previewing right in the browser (Firefox 3.6+, Chrome 7+), in any documen
About iPhoneやiPadなどでHTMLのソースを見るためのサービスです。HTMLのソースを取得するのにJSで取得する方法とServer側からHTTPリクエストで取得するする二つの方法を用意しています。 JS版 JSのdocument.documentElement.outerHTMLでHTMLを取得する JSでDOMが書き換えた後のソースが取れる XML宣言やDOCTYPE宣言が取れない 認証がかかっているページも見れる JS版Bookmarklet Server版 Server側からHTTP RequestでHTMLを取得する JSでDOMが書き換えられていない元のソースが取れる XML宣言やDOCTYPE宣言なども取れる 認証がかかっているページを取れない Server版Bookmarklet Author @hokaccha github github: i-sourcvi
特集「オープンソース×10年」 予算ゼロからのIT環境整備2014/01/30 特別寄稿:センチメンタル・ジャーニー ~OSSはまだ16だから~2014/01/30 EC-CUBE – オープンソース・Eコマースの雄の進化を見る!2014/01/30 Zabbix Japanに聞いたオープンソース×ビジネスを成功させるための3つの基本2014/01/30 MOONGIFTの運営で大事にしている3つのこと2014/01/30 2007〜8年の大きな変動まとめ!2014/01/30 なぜプレミアム?そこから得られた経験教えます2014/01/30 2006〜09年、各年の人気オープンソース・ソフトウェアベスト52014/01/30 狙われやすいサイトはどんなサイト?オープンソース×セキュリティについてペンタセキュリティシステムズに聞く2014/01/30 aegifが考える企業でOSSを開発す
GitHubには任意の二点間のスナップショット差分を見るためのCompareというビューがある。各リポジトリのページからこの機能にアクセスするUIがないのでマイナーな気がするけど、アクティビティーとかでちょっと使われてたりするので見たことはあるはず。CompareビューにはリポジトリのURLの最後に/compareと付けるだけで入ることができ、開かれるダイアログで任意のタグやブランチ、SHA1ハッシュを入力すると差分がズラッと並んでくれる。特定のコミットのページからは特にUIはないのだけどURLをちょっと書き換えるだけでmasterの最新との差分を見ることができる。 具体的には https://github.com/hail2u/normalize.scss/commit/58d8597e5b6df43e9ad6023ac68f10e7ec47e139 というような特定のコミットを参照して
mecalintはPC/スマートフォン/ガラケー/IEのみという視点でWebサイトを検証してくれるブックマークレットです。 mecalintはPC/スマートフォン/ガラケー/IE6のみとして任意のWebサイトを評価してくれるブックマークレットです。W3Cの検証とはまた異なる基準でWebサイトを検証してくれます。 ブックマークレットを実行しました。ページ下にツールバーが表示されます。 PC向けで評価したところです。IEのPNG、classの小文字キャメルケースで大きな減点が… スマートフォン向けとして評価したところです。若干低いといった程度です。 PC向けサイトを携帯電話向けとして評価するとやはりすごい点数が。 mecalintでは全部で20項目のテストを行ってくれます。ついやってしまいがちなミスを防ぐのに役立ちそうです。特にスマートフォンとガラケーの違いをまとめてチェックしてくれるのが便利
WhatFont ToolはWeb上のテキストがどのフォントを使っているか調べるためのツールです。ブックマークレット、Google Chrome/Safari機能拡張があります。 Webサイトではあまりフォント指定が行われていません。それはローカルにフォントがあるかどうか分からないためです。しかしWebフォントを使えば問題はある程度解決します。そこでWebフォントが使われている現場でのフォントチェックに使えるのがWhatFont Toolです。 アイコンクリックで起動します。エスケープキーまたはExit WhatFontをクリックすると終了します。 フローティングでフォント名を表示します。 クリックするとフォントの詳細が表示されます。 右下にフォントの色が表示されます。 クリックするとRGB表示が切り替わります。 フォントの出元も表示されます。こちらはTypeKitから読み込まれたフォント
Events in Javascript are often seen as a bit of an enigma. This is odd given that Javascript is very much an event driven language, but it is typically down to their complex nature and difficulty to debug. To this end I've created Visual Event to help track events which are subscribed to DOM nodes. Update: Visual Event 2 is now available and released as open source. Introduction When working with
Drag this link to your bookmarks bar: Katamari! Or copy and paste this url into the location bar on any site: javascript:var i,s,ss=['http://kathack.com/js/kh.js','http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js'];for(i=0;i!=ss.length;i++){s=document.createElement('script');s.src=ss[i];document.body.appendChild(s);}void(0); (works best in chrome or firefox 4) What is this? This is
Place all bookmarklets to 'Bookmarklets' folder and you can execute them from right click
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く