インタフェースが良くてプレビューも見やすいCSS3コード生成が可能な「CSS3 Generator」:phpspot開発日誌
インタフェースが良くてプレビューも見やすいCSS3コード生成が可能な「CSS3 Generator」 2011年03月11日- CSS3 Generator - By Eric Hoffman & Peter Funk インタフェースが良くてプレビューも見やすいCSS3コード生成が可能な「CSS3 Generator」。 CSS3ジェネレーターは多くありますが、中でも優れたUIとわかりやすさを持っているように思えるジェネレーターの紹介。 角丸、シャドウ、透明度、グラデーション、枠線、背景色の設定ができ、リアルタイムに反映されます。 あっという間にCSS3コードを生成出来ました。 UIだけでも一見の価値ありです。 関連エントリ CSS3で実装されたボタンのサンプルやチュートリアル総まとめ CSS3で動くプログレスバー作成サンプル ステップで学べるCSS3ボタンのデザインチュートリアル CSS
Firebugで作るGreasemonkeyスクリプト〜入門と実践(From Kanasan.JS) | Blog.37to.net
最終更新日 Wed, 29 Apr 2009 01:29:41 +0900 最後のコメント Sun, 25 Jan 2015 19:08:17 +0900 最後のトラックバック Wed, 11 Mar 2009 15:49:00 +0900 ブックマーク 遅くなりましたが、先日に開催された、Kanasan.JS Greasemonkey チュートリアル読書会のレポートです。 せっかくなので、読書会の内容を元にGreasemonkeyスクリプト作成の「入門」「実践」「Tips」の3本立てでまとめてみたいと思います。 今回の開催はKanasan.JSの主催をkanasanから引き継いで、初めての開催ということもあり、とても緊張しました。 途中までは無難に進んでいたのですが、後半は段取り不足が出てきた感じでした。参加者の方々にはご迷惑をお掛けしました。 Greasemonkey チュートリアル読
JavaScriptの正規表現
●任意の文字に一致 書式：/文字/ 例１："abcdefg".match(/a/) 結果：a 例２："abcdefg".match(/cde/) 結果：cde 例２："abcdefg".match(/xyz/) 結果：null ●改行文字を除く任意の１文字にマッチ 書式：/.文字/ 例１："abcdefg".match(/.f/) 結果：ef ●複数個の文字にマッチ 書式：/../ （.はマッチする個数並べる） 例１："abcdefg".match(/.f/) 結果：ef ●指定文字のいずれかにマッチ 書式：/[任意文字]/ 例１："abcdefg".match(/[ahg]/) 結果：a ●指定文字以外のいずれかにマッチ 書式：/[^任意文字]/ 例１："abcdefg".match(/[^ahg]/) 結果：b ●複数の文字列のいずれかにマッチ 書式：/任意文字列|任意文字列|...|
Javascript/String.replaceメソッド - 俺の基地
単に置換する 文字列を指定して単に置換するだけです。 var hoge = 'abc'; hoge = hoge.replace('a', 'z'); //'zbc' 注意する点は最初にヒットした部分しか置換しないということ var hoge = 'aaa'; hoge = hoge.replace('a', 'z'); //'zaa' という動き こいつを全置換にしたい場合は gオプションを指定してやります var hoge = 'aaa'; hoge = hoge.replace('a', 'z', 'g'); //'zzz' ▲ ▼ 正規表現でヒットさせて置換 検索条件に正規表現オブジェクトも使えます var hoge = 'abc'; hoge = hoge.replace(/.c/, 'zz'); //'azz' ▲ ▼ 正規表現でヒットさせて置換 後方参照 キャプチャ利用版
Greasemonkeyによるアプリケーション開発：第1回 Greasemonkeyによるアプリケーション開発の準備｜gihyo.jp
本稿ではGreasemonkeyを使ってアプリケーションを作る際の筆者なりのコツを紹介しようと思います。単に筆者が「コツ」だと思っていることを紹介するだけでは面白くありませんので、ちょっとしたアプリケーションを題材にして、作成していく過程をステップに分けて解説していく形式をとることとします。 さて早速Greasemonkeyによるアプリケーションの作成方法を紹介しましょう、といいたいところですが、「Greasemonkeyによるアプリケーションとは何だ？」「そもそもGreasemonkeyとは何だ？」という疑問をお持ちの方もおられると思いますので、第1回は「Greasemonkeyとは何か」ということと、その基本的な使い方を紹介したいと思います。Greasemonkeyをよくご存知な方は、次週までお待ちください。 Greasemonkeyとは GreasemonkeyはFirefox用
「Greasemonkey」ユーザースクリプトベスト10 （2009年版） : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
「Greasemonkey」は「Firefox」のアドオンの一つで、Webページをより使いやすくするツールです。米lifehackerでは2年前に「Greasemonkey」スクリプトベスト10を発表しています。 当時、ライフハッカーとしては自信を持って紹介したのですが、この2年の間に新しいものがいくつか発表されたり、オリジナルのスクリプトが「Firefox 3」用に実装されたりしているので、今回はアップデート版を紹介しますね。 このベスト10は、ややGoogleユーザー寄りであるように感じるかもしれませんが、「Greasemonkey」とGoogleは同じタイプのJavaScriptを使っているので、ある意味予測された結果だといえます。なお、今回紹介しているスクリプトは、「Firefox」に「Greasemonkey」がインストールされた状態が最適な動作環境になっています。ただし、中には
Greasemonkey - Wikipedia
Greasemonkey（グリースモンキー）は、Mozilla FirefoxおよびSongbird用の拡張機能。後述のユーザースクリプト形式に従ったJavaScriptを組み合わせて、ウェブページ閲覧時に実行することができる。 Google Chromeはバージョン4以降、数千種類以上のグリースモンキー用ユーザースクリプトをネイティブでサポートしている[4]。Windows版ではバージョン35以降、macOS版ではバージョン44以降、インストールしたユーザースクリプトを有効化することができなくなった[5][6]。 まずユーザースクリプトはその名称や実行許可などで構成されるメタ情報を埋め込んだコメント文で始まる。また、ユーザースクリプトのファイル名は「.user.js」で終わる。 人気のスクリプトには次のようなものがある[要出典]。 Greased Lightbox 画像へのリンクをクリッ
Greasemonkey入門 ～よくわかるグリースモンキーの使い方 ～ | G Mania - グーグルの便利な使い方
Greasemonkey入門 ～よくわかるグリースモンキーの使い方 ～ 管理人 @ 5月 15日 03:37am Firefox 当サイトでも多用する「Greasemonkey」という単語。 直訳すると「整備士」。 Greasemonkeyを使えば便利になるらしい。 でも、Greasemonkeyって一体何なんでしょう？ このページでは、Greasemonkeyについて、 初心者にも分かりやすいように、簡潔にまとめています。 目次 Greasemonkeyとは インターネットブラウザ「 Firefox 」でユーザースクリプトを実現するための拡張機能（Add-on）の1つ。 Firefoxにインストールすると、サイト閲覧者側（利用者側）で、サイトの体裁を整えることができます。 しかし、Greasemonkey単体では、何も機能しません。 Greasemonkeyにユーザースクリプトをインスト
特別な道具は必要ナシ うまみたっぷりの「干し野菜」を作ろう - はてなニュース
切り干し大根や干しいもなど、「干し野菜」には生野菜にはないうまみや香り、栄養が凝縮されています。普段のおかずにはもちろん、おやつにつまむのにもぴったり。特別な道具なしでできる作り方をご紹介します。 ■ベランダや出窓で作れる干し野菜 日の当たる場所が少しでもあれば、特別な道具がなくても簡単にできるのが干し野菜の魅力です。 ＜干し方のコツは？＞ ▽ http://eco.mag2.com/mottai/019.html ▽ 404 pagenotfound│ESSE-webはESSE-onlineにリニューアルしました | ESSE ▽ 食農教育 2005年4月増刊号 半干し野菜で、苦手なナスやニンジンももりもり食べられる！ ▽ 新しい「農」のかたち 干す場所は、ベランダや出窓、庭のすみなど日の当たる場所ならどこでもOK。干す際は次のポイントに気をつけてみて下さい。初めてチャレンジするなら、下
おれはおまえのパパじゃない - officemixi.css
突然ですけどもmixi(人がmixiと言ったらそれは間違いなくmixiのことです)を会社などで目立たず見るためのCSS。 body { background : #FFFFFF; color : #333333; } a:link , a:visited , a:active { padding : 0 2px; color : #333333; text-decoration : none; border-bottom : 1px solid #CCCCCC; } a:hover { padding : 0 2px; text-decoration : none; color : #333333; background : #EDFEFE; border : none; } これをテキストファイルに保存して、ファイル名をofficemixi.cssとかに変更。ブラウザの「ツール」→「イン
[mgs] Trixie mgsで隠密mixi :: ぼくはまちちゃん！
mgs は、ソーシャル・ネットワーキングサイト [ mixi ] のオレンジ画面を目立たなくしちゃうスクリプトですよ！ 概要 ようするに上司とかの目を盗んで mixi するやつだね！ 前々から、こういうの作りたいなーと思ってたんだけど こちらの方 に先を越されちゃったんだよ！ (しかも弱酸性ミクシィの紹介つきでびっくりです＞＜ で、ちょっぴり嬉しくなったり悔しくなったりの勢いで、別の方法でこういうことができないかやってみた…！ あ！ タイトルの Trixie っていうのは、外国のえらいひとがつくったツールで IEをちょっぴり拡張するやつなんだよ！ この url を開いた時は、こんな処理させる、みたいなことができちゃう便利ツールみたい！！ ( Firefox用 の Greasemonkey っていうやつの IE版だよ！ ) 今回はこれを利用して mixi のオレンジ全開の画面を地味にするって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実家の現況。これでよく無事だったもんだ。
Google マップ - 地図検索
Userscripts.org: Power-ups for your browser
資格取得のための数学