TOP  >  firefox

Tag : firefox

2007年11月09日

YouTubeをもっと楽しむためのFirefox拡張機能「Better YouTube」

YouTube関連のスクリプトを今まで「YouTubeへのリンクを一目で見分けるGreasemonkeyスクリプト「embed YouTube」」や「YouTube 動画ページで「詳細」を省略せずに表示するGreasemonkeyスクリプト」と紹介してきましたが、今回紹介するものはさらに踏み込んだもので、YouTubeをもっと便利に使う為のFirefox拡張機能「Better YouTube」です。

Better YouTube

この「Better YouTube」を導入すればYouTubeの動作をかなり細かい所まで設定する事ができます。

(続きを読む…)

続きを読む
posted 11:37  |  
Category: firefox , Tool   
このエントリーをはてなブックマークに追加
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年11月06日

表示中のWEBページに使われている色をまとめてカラーパレット化できるFireFox拡張機能

以前表示されているWEBページからスポイトツールで色を抽出できるfirfox拡張機能を「WEB上のカラー情報を取得できるFirefox拡張機能「ColorZilla」」という形でお伝えしましたが、今回は表示されているページに使われている色を丸ごと取得してカラーパレット化してくれるfirfox拡張「Palette Grabber」を紹介したいと思います。

使い方は非常に簡単でステータスバー左下の上記のようなパレットアイコンをクリックするだけです。この拡張機能が便利なのは色をカラーパレット化するだけではなくてワンタッチでカラーパレットをaco形式で書き出せる点です。Photoshop、Paint Shop Pro、GIMPなどの有名なドローソフトはこのaco形式に対応していて読み込ませる事が可能です。

下記のの画像は「designdevelop」のカラーパレットをphotoshopで読み込んだものです。

参考にしているページのカラーパレットがあれば、デザインしていく上でかなりイメージに近づけやすくなるんじゃないかなと思います。WEBデザイナーなら押さえておいても損は無い拡張機能だと思います。

Palette Grabber(Firefox Add-ons)

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

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

2010年12月05日

エンボスなど特殊加工した名刺デザインを集めた「Showcase of 47 Letterpress Business Card For Inspiration」

ビジネスシーンに欠かす事ができない名刺、情報を的確に伝えることはもちろん、渡した相手にインパクトを与えるデザインもとても重要な要素の一つです。そこで今回は、エンボスなど特殊加工した名刺デザインを集めた「Showcase of 47 Letterpress Business Card For Inspiration」を紹介したいと思います。


Branded Business Cards | Business Cards Observer

凹凸のある特殊加工・エンボス加工を利用しデザインされた名刺を中心に、さまざまな種類のデザイン名刺が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 08:43  |  
Category: WebService   
2013年07月05日

デザイナー必見 いろいろな種類のフリー素材を集めた「The Best Freebies for Designers」

デザイナーにとって、web上で配布されている無料の素材はもはや欠かせない存在。日々新しく登場するさまざまな素材を駆使し、デザインを作り上げているという方はとても多いのではないでしょうか?そんな中今回紹介するのは、いろいろな種類のフリー素材を集めた「The Best Freebies for Designers」です。

free4
Dribbble – Free Blurred Backgrounds, ZIP by Jorge Castillo

アイコンやブラシ、フォント、UIキットなど、幅広いジャンルの素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:45  |  
Category: Design   
2008年05月09日

PSDのサンプルをフリーでダウンロードできる「Free PSD Graphics」

photoshopを勉強する上で非常に役立つのが統合する前のPSDを参照すること、何処の部部がどう重なっていて、どんな処理がされているかがわかり、グラフィックがどう成り立っているかがわかるため見ていて非常に勉強になります。

今日紹介するのはそんなデザインされたPSDファイルをフリーでダウンロードできるサイト「Free PSD Graphics」です。photoshopでつくられたデザインのPSDが無償で配布されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:56  |  
Category: Design , Photoshop   
2012年11月06日

表現力豊かなBluetoothアイコンまとめ「A Collection of Attractive Bluetooth Icon」

運転中の通話はもちろん、電話を手に持たずに話すことのできるBluetooth機能は、忙しい現代のビジネスマンにとって必要不可欠となっており、Bluetoothを利用したさまざまなサービスも展開されています。そんな中今回紹介するのが、表現力豊かなBluetoothアイコンをまとめた「A Collection of Attractive Bluetooth Icon」です。


Bluetooth Icon – Orb Icons – Free Icons – SoftIcons.com

シンプルなアイコンはもちろん、デザイン性の高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:22  |  
Category: Design   
2010年06月30日

商用可!シンプルで汚れ過ぎていないグランジテクスチャ20「20 Simple & Subtle Grunge Textures」

デザインに質感を与えてくれるテクスチャ。紙のデザインでも、WEBのデザインでもうまく利用すれば、今のデザインをもうワンランク高めてくれる、非常に画期的な素材です。今回紹介するのはシンプルで、激しくない適度なグランジのテクスチャセット「20 Simple & Subtle Grunge Textures」です。

4

セットになっているテクスチャの一部を下記にご紹介致します。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:48  |  
Category: Design   
2013年03月31日

春のやわらかな風景を表現できるベクター素材「A Collection Of Free Spring Vectors For Designers」

春が訪れ、デザインの現場でも春らしさを表現するデザインが増えていると思います。そんな時に活用っできる、春のやわらかな風景を表現できるベクター素材「A Collection Of Free Spring Vectors For Designers」を今回は紹介したいと思います。


Colorful Spring – Vector Graphic by DryIcons

花や蝶蝶、植物など、暖かい季節にぴったりな素材がイラストレーションに表現された素材が収録されています。気になるものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:58  |  
Category: Design , vector   
2009年01月28日

グランジを表現できるベクターデータ集「50 Stunning Free Grunge Vectors」

デザインの質感を出す上で汚れた表現というのグラフィックの表現の一つとして可使われますが、photoshopでテクスチャを使ってよりリアルに表現するまでもなくちょっとしたアクセントとして質感を出したい時に便利なのが今回紹介する「50 Stunning Free Grunge Vectors」です。

このエントリーではグランジを表現する時に役立つベクターデータセットが50収録されています。今日はその中から気になったベクターデータをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:55  |  
Category: Design , vector   
tag: Design vector
2011年01月25日

サインアップ画面デザインのまとめ「Showcase of 40 Pricing Tables and Signup Pages」

オンラインの有料サービス登録時に出現するサインアップ画面。普段何気なく使用していますが、内容や値段等の分かりやすさがとても重要になってきます。そこで今回紹介するのは、サインアップのwebページデザインまとめ「Showcase of 40 Pricing Tables and Signup Pages」です。


Eleven2 – Sign Up

プライスやプラン、その内容などをデザイン性を保ちながら明確に表現した例が多数収録されています。下記にいくつかピックアップしましたので、ご覧下さい。

(続きを読む…)

続きを読む
posted 11:51  |  
Category: Design   
2014年12月19日

デザイナー必見 最新のデザインフリーフォントまとめ「20 New Free Fonts for December 2014」

デザイナーには欠かせない存在となっているフォント。フリーで配布されているものにも非常にハイセンスなものが多く存在しています。そんな中今回は、最新のデザインフリーフォントまとめ「20 New Free Fonts for December 2014」を紹介したいと思います。

font1218_1
Aisling Serif Free Font « Freebies PSD

デザイン性の高いフリーフォントが20種、比較的新しく公開されたものを中心に紹介されています。

詳しくは以下

(続きを読む…)

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

繊細なラインが美しい スクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」

デザインの現場でプロとして活躍している方はもちろん、一般の方でも年賀状やグリーティングカードを作成する時など、デザインにぴったりのフォントを選びたいと思う方も多いのではないでしょうか?しかし、イメージにぴったりのフォントを見つけるというのはなかなか難しい作業だと思います。そこで今回は、綺麗めなデザインに最適なスクリプトフリーフォントまとめ「10 Awesome Free Script Fonts」を紹介したいと思います。


Download Fleurie PDF font

繊細なラインが美しい、筆記体のようなスクリプトフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:52  |  
Category: Design , Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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