TOP  >  Greasemonkey

Category:Greasemonkey

2007年12月19日

SBM主要4サービスをGoogle検索結果に表示させるGreasemonkeyスクリプト

国内でも有名なソーシャルブックマークサービスである「はてなブックマーク」「Livedoorクリップ」「Buzzurl」「del.icio.us」を一度にgoogleの検索結果に表示させる事ができるGreasemonkeyスクリプトJapanese Popular SBM Count With Google」を紹介したいと思います。

ソーシャルブックマーク

他にも似たようなグリモンスクリプトはありますが、このスクリプトは「Append bookmarkcount in Google」と「SBM Count With Google」の良い所を合わせたものということです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:44  |  
Category: Greasemonkey , Tool   
このエントリーをはてなブックマークに追加
2007年11月15日

はてブコメントをスマートに閲覧できるGreasemonkeyスクリプト「habocovi.user.js」

はてなブックマークに限らずSBMのコメントにはどういったサイトなのかブックマーカーさんが解説してくれている場合や広く客観的な意見を知れたりと色々と有益な情報が記載されていることがあります。今回紹介するGreasemonkeyスクリプト「habocovi.user.js」は、はてなブックマークのコメントをスマートに簡単に閲覧できると言うスクリプトです。

はてなブコメント閲覧スクリプト

インストールするとブラウザ右下に上記のように小さいブルーの窓が表示され、ブックマーク数が表示されます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:23  |  
Category: Greasemonkey , Tool   
tag: 
このエントリーをはてなブックマークに追加
2007年11月08日

YouTubeへのリンクを一目で見分けるGreasemonkeyスクリプト「embed YouTube」

YouTubeが国内が問わず大人気で様々な動画が集まっている事から、そこの中から動画を紹介する事自体をコンテンツとしているWEBサイトやブログが多数存在します。

単純にリンクを教えてくれたり、埋め込んで紹介してくれる所もありますが、中には広告テキストリンクと絡めて紛らわしい表現をしている所も多々あります。そこで今回紹介するのはそんな紛らわしいリンクをYouTubeへのリンクかどうか一目で見分ける事を可能にするGreasemonkeyスクリプト「embed YouTube」を紹介したいと思います。

(続きを読む…)

続きを読む
posted 03:54  |  
Category: Greasemonkey , Tool   
このエントリーをはてなブックマークに追加
2007年11月07日

YouTube 動画ページで「詳細」を省略せずに表示するGreasemonkeyスクリプト

少し前にYouTubeの動画欄のレイアウトがかわり、動画の詳細が省略され埋め込みタグが動画下に表示されるようになりました。これはこれで便利なのですが、個人的には右側に表示される従来のタイプになれきっていたので最近違和感を感じていました。今日はそのYouTubeの表示の問題を解決してくれるGreasemonkeyスクリプトを紹介したいと思います。

YouTubeの省略を回避

このスクリプトを用いる事で上記のハイライト部分が省略されなくなります。これで以前のようなレイアウトでYouTubeを利用できます。

インストール方法

スクリプトは「Youtube Videos moreinfo – Userscripts.org」の右サイドバー最上部の「Install this script」をクリックすればインストールが開始されます。標準だとYouTube日本版に対応していないので下記にしたがって設定してください。

設定方法

1.インストール後ステータスバーにいる猿を右クリックして、「ユーザスクリプトの管理」をクリック

2.「Youtube Videos moreinfo」を選択

3.「ユーザスクリプトを実行するページ」欄の「http://www.youtube.com/watch?*」をクリック

4.ダイアログボックスが出てきますので「*youtube.com/watch?*」へ修正

ものすごくニッチなスクリプトですが、個人的に求めていたものだったので紹介しました。普段からYouTubeを使っていて何となく違和感がある方は使ってみてください。

Youtube Videos moreinfo – Userscripts.org

続きを読む
posted 10:21  |  
Category: Greasemonkey , Tool   
このエントリーをはてなブックマークに追加
2007年10月27日

YouTubeの貼付タグをXHTML 1.0に最適化するGreasemonkeyスクリプト

ブログを運営していたり、WEBを運営したりしているとYouTubeの貼付けタグにお世話になる機会も多いかと思います。WordPressやMovabletypeを始めとする多くのブログツールは「XHTML 1.0」が利用されていますが、実はYouTubeの貼付けタグは「XHTML 1.0」準拠していないそうでW3Cを気にされている方にとっては以前からちょっと話題になっていました。

現状のYouTube貼付タグで「XHTML 1.0」に準拠していない所は以下の通り

* `&rel` は不明な実体参照です。
* 空要素タグは <param /> と書くようにしましょう
* <embed> は Mozilla、MSIE または doti 用のタグです。
* </embed> は Mozilla または MSIE 用のタグです。
* <object> には等価な内容を書くようにしましょう。

手動でも修正できますが、YouTubeを利用するたびに書き直すのは非常に面倒。そこで今回紹介するのはその貼付けタグを自動的に最適化し、XHTML validの状態にしてくれるGreasemonkeyスクリプト「YouTube better embed」です。

変換等の面倒な作業は必要なくインストールするだけで、自動的に変換してくれるのでとても便利です。「XHTML 1.0」準拠にこだわってブログを書いている方はとても便利なスクリプトだと思います。

※このツールを使用するにはfirefoxにGreasemonkeyがインストールされている必要があります。

YouTube better embed – Userscripts.org

続きを読む
posted 03:31  |  
Category: Greasemonkey , Tool   
tag: Tool
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2018年02月12日

クリエイティブなスマートフォン向けフリーUIキット「H1 / Free Mobile UI Kit for Sketch & Photoshop」

日々進化するデザイン。常に最新のものを情報としても、そして素材でも取得しておきたいもの。そんな中今回紹介するのは、最新のトレンドが随所に反映されたフリーUIキット「H1 / Free Mobile UI Kit for Sketch & Photoshop」です。

uikit

デュオトーンやフレッシュなカラーリングが特徴の、非常にクリエイティブ性のあるスマートフォン向けのUIキットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebService   
2015年01月10日

フレッシュなフリーPhotoshopファイル「40 Fresh & Free Photoshop Files For Your Next Design」

デザイン素材の中でも、Photoshop形式のファイルは特にクオリティが高くとても便利なもの。今回はそんなフレッシュなフリーPhotoshopファイル「40 Fresh & Free Photoshop Files For Your Next Design」を紹介したいと思います。

freepsd_1
iPhone 6 Plus – 365psd

さまざまな種類のPhotoshopファイルが厳選され、まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:32  |  
Category: Photoshop   
2007年10月17日

WordPress2.3のタグを管理するプラグイン「Advanced Tag Entry」

現在「DesignDevelop」はWordPress2.3で動いています。WordPress2.2系からの大きなの変更点の一つにタグの標準化と言う物があります。いままでのWordPressはタグ標準では動作せずタグプラグインに頼っていましたが、今回リリースされたWordPress2.3からは本体に実装されています。

しかしこのタグ機能、細部までいじくれるわけではなく本当に最低限の機能しか持っていません。そこで今回はちょっと頼りないWordPress2.3のタグ機能を補ってくれるプラグイン「Advanced Tag Entry」を紹介したいと思います。

Advanced Tag Entry

こちらのプラグインを使えば上記のような投稿編集画面でドロップダウンリストからタグの追加削除、タグの新規作成/編集、データベースからの未使用タグの削除、スラッグの編集ができる用になりタグの管理に非常に力を発揮してくれます。

インストール方法は以下から
(続きを読む…)

続きを読む
posted 10:44  |  
Category: plugin , WordPress   
2015年05月06日

webデザインを作り上げるのに参考にしたい フリーUIキット10種「10 Fresh And Free UI Kits For Designers」

ハイクオリティなデザインを手がけるのには、いろいろなデザインリサーチや構成の企画立てなど、たくさんの工程が必要になってきます。しかし時にはコスト面や納期面で困難な状況に陥ることも。今回はそんな時に参考にしたい、フリーUIキット10種「10 Fresh And Free UI Kits For Designers」を紹介したいと思います。

freeui0506_1
Dribbble – Freebie PSD: Flat UI Kit by Marcel Akiyama

デザイン形成時に役立ってくれるUIデザインが揃っており、欲しいデザインや目的に合わせて選ぶことができるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2011年09月16日

デザイン性の高いシームレス素材集「20 Great Seamless Backgrounds」

さまざまな素材が展開されているパターンやバックグラウンド素材を、デザイン制作に活用しているという方も多いはず。そんな中今回紹介するのは、汎用性の高いシームレスな素材を集めた「20 Great Seamless Backgrounds」です。


Seamless Chromatic Rainbow Patterns | WebTreats ETC

イラストやファブリック・写真素材まで、さまざまなシームレス素材が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:14  |  
Category: Design   
2015年10月23日

ハイセンスさを感じられるフリーフォントまとめ「Freshest Free Fonts for Designers」

デザインのクオリティを高めるために、フォント選びはとても重要な工程。今回はそんなシーンで利用したい、ハイセンスさを感じられるフリーフォントまとめ「Freshest Free Fonts for Designers」を紹介したいと思います。

font1022_1
Bellico Typeface + Bonus Vectors – download free fonts by PixelBuddha

洗練かつデザイン性を感じられる最新のフォントがピックアップされ、紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2009年11月17日

美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」

サイト内の要素で欠かせないもので、ユーザーの利便性を決定づけるナビゲーションメニュー。サイトの雰囲気に合わせて様々な形がありますが、今回紹介さするのはデザインされた美しいナビゲーションデザインを集めたエントリー「40 Beautifully-Designed Navigation Menus」です。

navinavi01

細かくビジュアルを作り込まれたものからシンプルなもの、ダイナミックなものまで様々な種類のナビゲーションが紹介されています。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:45  |  
Category: WebDesign   
tag: webdesign
2009年10月04日

商用可!質感演出に使えるソフトグランジフリーテクスチャ「Light Grunge 」

デザインの背景等に質感を出すために非常に役に立つ、テクスチャ。ただあまりにも激しかったり印象的なテクスチャを背景に利用するとかなり引っ張られてしまいデザインも制限されてしまいがちです。そこで今回紹介するのはデザインを活かしながら質感演出に使えるソフトグランジフリーテクスチャ「Light Grunge 」を紹介したいと思います。

free_high_res_texture_001

上記のようなテクスチャが配布されています。今回はそのなかからいくつか気になったテクスチャをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:22  |  
Category: Design , Photoshop   
2007年12月15日

【FreeFont】使いやすさを徹底的に考えたフリーフォントサイト「urbanfonts」

フリーフォントサイトはインターネット上に多々ありますが、今回紹介する「Urbanfonts.com」はユーザーのことを考えて作られているなというのが実感できるフリーフォントサイトです。

フリーフォントサイトurbanfonts

通常は大きくわかりやすいサムネイルでマウスオーバーでA〜Zまでの書体がすべて表示されたサムネイルを表示してくれます。さらにサムネイルをクリックすると収録フォントをすべて表示してくれます。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:47  |  
Category: Design , Font   
tag: Design Font
2015年09月01日

シームレスなパターン作成方法やツールを紹介した「Tools & Resources for Creating Seamless Patterns」

デザインの背景などに敷き詰めてパターンを配置したい事が意外に多いとおもいますが、自分好みのものを作るためにはそれなりに技術が必要になってきます。今回はそんな時に参考にしたい、シームレスなパターン作成方法やツールを紹介した「Tools & Resources for Creating Seamless Patterns」を紹介したいと思います。

texture0901_1
bgpatterns.com

柄ものから、定番として活用できそうなものまで、いろいろな種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:20  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る