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   
このエントリーをはてなブックマークに追加

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

2009年05月02日

フォームデザインを完成させるjQuery plugin「jqtransform」

今まで様々なjQueryを使ったプラグインを紹介してきましたが、今日紹介する「jqtransform」は今まで紹介した物と少し違っていて、フォームのデザイン補助してくれると言うものです。

fromsdesignj01

CSSなどでデザインせず、普通にフォームを制作した場合上記のように利用OSに準拠したプルダウンメニューやボタンなどが表示されます。このプラグインを使えば上機能なありきたりなフォームデザインを施す事が可能です。変更後のデザインは以下の通り

詳しくは以下

(さらに…)

続きを読む
posted 02:32  |  
Category: WebDesign   
2011年02月16日

iphoneアプリを始めとした、モバイルのためのUIデザインパターン集「Mobile UI Patterns 」

国内でも数多くの機種がリリースされ、普及の兆しを見せてきているスマートフォン。それに伴い多くのコンテンツが制作されてきています。今日紹介するのはそんなモバイルコンテンツの様々なパーツデザインを集めたUIデザインパターン集「Mobile UI Patterns 」。

スプラッシュ、フィード、ユーザープロフィールなどなどモバイルのアプリやWEBサイトに欠かせない、様々なデザインが収録されています。

詳しくは以下

(さらに…)

続きを読む
2015年08月10日

レトロテイストなフリーバッジ素材セットまとめ「30 Awesome Free Retro Badges You Can Download」

デザインの中で、ここは印象的に見せたい・ロゴのように強調したいという箇所などに使用されるバッジ。いろいろなタイプのデザイン・形が存在していますが、今回はレトロテイストなフリーバッジ素材セットまとめ「30 Awesome Free Retro Badges You Can Download」を紹介したいと思います。

badges1
Variety of badges in retro style Vector | Free Download

レトロアンティークなデザインの、さまざまな種類のバッジ素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:00  |  
Category: Design   
2013年03月07日

モノトーンのさまざまなパターンが揃う「32 Unique Black And White Patterns」

デザインの背景処理にはもちろん、パーツの細かなテクスチャとしても利用することが多いパターンは、デザインのクオリティをアップさせるために重要な役割を果たしています。今回はそんなパターンの中から、モノトーンのさまざまなパターンが揃う「32 Unique Black And White Patterns」を紹介したいと思います。


#black #white #argyle #pattern #trippy | Flickr – Photo Sharing!

図形など幾何学的な模様を配したパターンから、植物などをモチーフにしたパターンまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:13  |  
Category: Design   
2014年12月30日

丸みを帯びたデザインが特徴のフリーアイコンセット「Essential Generic Free Icons (SVG & PNG)」

デザイン制作に便利な素材の一つとしてあげられるアイコン。種類やテイストにもさまざまな種類が存在しています。そんな中今回紹介するのは、丸みを帯びたデザインが特徴のフリーアイコンセット「Essential Generic Free Icons (SVG & PNG)」です。

genericicon

ぽってりとした質感が印象的な、かわいらしい雰囲気のアイコンが100個セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 12:01  |  
Category: Design   
2012年08月29日

さまざまな水の表情が楽しめるテクスチャまとめ「Useful High Quality Water Textures for Photoshop Users」

この夏の暑さで、夏バテ気味という方もいらっしゃるのではないでしょうか?そんな時は誰でも、涼しげな雰囲気を楽しみたいと思うもの。そんな中今回紹介するのが、さまざまな水の表情が楽しめるテクスチャまとめ「Useful High Quality Water Textures for Photoshop Users」です。


COLORED WATER MACRO STOCK by =ArwenArts on deviantART

水々しさを感じられるテクスチャが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:23  |  
Category: Design , Photoshop   
2008年12月08日

クリエイティブなフリーRSSアイコン「 22 Amazing Styles of RSS Icons Free for your Blog」

今までDesigndevelopでも「ユニークなフリーRSSアイコン集「Fresh, Free and Gorgeous RSS/Feed Icons」」や「RSSアイコンまとめの決定版「Free of charge RSS Feed Icons」」と沢山のRSSアイコンを取り上げてきましたが、今回紹介するのはクリエイティブでフリーなRSSアイコンを多々紹介しているエントリー「22 Amazing Styles of RSS Icons Free for your Blog」です。


MyCircles RSS Icon by ~burnsflipper

今まで紹介してきたRSSアイコンと多少重複しているものもありますが、クリエイティブでクオリティの高いRSSアイコンが紹介されています。今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:09  |  
Category: WebDesign   
tag: webdesign
2017年08月11日

CSSだけで使えるスライダー10選「10 Free Open Source Carousel Sliders Built With Pure CSS」

情報を詰め込んだWEBサイト、どれもこれも見せたいのですが、そのためには情報を有効的に見せる事が重要になってきます。今回紹介するのは情報を魅力的に見せることができる、CSSだけで表現されたスライダーをまとめたエントリー「10 Free Open Source Carousel Sliders Built With Pure CSS」です。

OSCSliders01
Pure-CSS Netflix Show Carousel

スライダーとひとことで言っても様々な表現があります。今回は集められているスライダーの中でも気になったものをピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: WebDesign   
2016年02月10日

最新のフリーリソースをまとめた「50 Free Resources for Web Designers from January 2016」

インターネット上ではどんどんと新しいデザイン素材が生まれており、常にチェックされている方も多いのではないでしょうか。そんな中今回紹介するのは、最新のフリーリソースをまとめた「50 Free Resources for Web Designers from January 2016」です。

resources0210_2
Branding Mockup PSD – GraphicsFuel

毎月ピックアップされているまとめで、クオリティの高さが魅力のフリー素材が多数紹介されています。

詳しくは以下

(さらに…)

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

幾何学的なテイストのフリーフォント選「10 Free Geometric Fonts To Download」

フォントにもいろいろな種類がありますが、グラフィック要素として取り入れようと思うとフォント自体に個性が必要。今回はそんなシーンにおすすめ、幾何学的なテイストのフリーフォント選「10 Free Geometric Fonts To Download」を紹介したいと思います。

font1222_1

10種という厳選された種類ですが、どれも個性もありデザイン性のあるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る