TOP  >  jQuery

Tag : jQuery

2012年08月26日

注意や案内を促すためのNotificationを実現するjQueryのまとめ「20 Useful jQuery Notification Plugins and Tutorials」

多様化するWEBサイトの中で、様々なユーザーが迷わないような工夫が施されていますが、今回紹介するのはその中でも、注意や案内を促すためのNotificationを実現するjQueryをまとめたエントリー「20 Useful jQuery Notification Plugins and Tutorials」です。


jQuery “growl-like” notification plugin

Notificationといっても、アラート的なものから、メッセージの数を知らせるものなど様々ですが、今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2012年07月16日

最近リリースされた、jQueryプラグイン10選「10 jQuery Plugins that Will Make your Life Easier」

世界中で利用されている便利なjavascriptライブラリjQuery。多くのWEBデザイナー、デベロッパーの手によって日夜新しいプラグインが生み出されていますが、今日紹介するのは最近リリースされた、jQueryプラグイン10選「10 jQuery Plugins that Will Make your Life Easier」です。


blur.js

背景との間にぼかし効果をあたえるものや定番のシンプルでミニマムなツールチップ、写真の上に自分で書き込むペイント機能まで、様々なjQueryプラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2012年07月05日

サイトをより効果的に表現できる jQueryスライダーのプラグインまとめ「90 Awesome jQuery Slider Plugins」

動的なサイトを手軽に構築できる jQueryを、サイト構築に利用している方も多いと思います。そんな中今回紹介するのが、サイトをより効果的に表現できる jQueryスライダーのプラグインまとめ「90 Awesome jQuery Slider Plugins」です。


JavaScript – jQuery Banner Rotator / Slideshow | CodeCanyon

インデックスや画面スライドなど、多彩な機能を表現できるプラグインが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:42  |  
Category: plugin   
このエントリーをはてなブックマークに追加
2012年05月26日

シンプルなレスポンシブナビゲーション「Simple Responsive jQuery Navigation Plugin」

WEBサイトのユーザーインターフェイスの設計は、様々な端末の出現でそれらの端末も意識した設計が必要になってきています。今日紹介するのはブラウザサイズ、端末の解像度に合わせて形を変えるシンプルなレスポンシブナビゲーション「Simple Responsive jQuery Navigation Plugin」です。

こちらはシンプルな作りになっており、デザインなどもされていない、至ってシンプルなものとなっていますので、構造を理解しながら制作を進めることができます。

詳しくは以下

(さらに…)

続きを読む
posted 10:36  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2012年04月14日

最近リリースされたjQueryプラグイン40「40 Recently Released jQuery Plugins」

軽量で利用しやすく、実務ベースでも多用されるjQuery。今日紹介するのは、最近リリースされたjQueryプラグインを集めた「40 Recently Released jQuery Plugins」です。


Zoomooz.js

機能を問わず、最新のjQueryプラグインがまとめられています。全部で40個のプラグインが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下から

(さらに…)

続きを読む
posted 11:46  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2012年02月27日

サイトの表現力を高められるjQueryプラグインまとめ「Fresh and Useful jQuery Plugins and Tutorials」

ユーザーが滞在しやすいwebサイトの構築には、デザイン性の高さはもちろん、利用しやすいインターフェース設計が重要。そこで今回紹介するのが、サイトの表現力を高められるjQueryプラグインまとめ「Fresh and Useful jQuery Plugins and Tutorials」です。


JQuery Plugin For Rotating Image

webサイトに動的な表現を加えられるさまざまなプラグインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 05:12  |  
Category: plugin   
このエントリーをはてなブックマークに追加

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

2014年04月02日

web・モバイルサイトのワイヤー制作に活用できるテンプレート「20 Free Web and Mobile Wireframe Templates」

webサイトやモバイルサイトを制作する際、全体の構成を決めるために、ワイヤーフレームを使って設計をすることも多いと思います。今回はそんなワイヤー制作に活用できるテンプレート「20 Free Web and Mobile Wireframe Templates」を紹介します。

mobilewebtemp_1
Anthony Aubertin @Noxdzine – iPhone wireframe ui set

いろいろなテイストのワイヤーフレームテンプレートがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2010年02月07日

ユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」

タブやフォーム、ラジオボタンにチェックボックス、ページングとWEB特有のデザインや昨日はいくつもありますが、WEBデザインを起こす時、それを一つ一つデータを起こしているとかなり大変です。今日紹介するのはユーザーインターフェイスを設計するための素材集「50 Free UI and Web Design Wireframing Kits, Resources and Source Files」です。

uiparet01
Flex Stencil Kit

様々なインターフェイスに対応した素材がまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:50  |  
Category: Photoshop , WebDesign   
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   
2015年08月13日

幾何学柄をデザインに取り入れる ポリゴンイラストレーションまとめ「25 Creative Polygonal Illustration Freebies」

特に最近、よく見かけるデザインテーマの一つになっている幾何学柄。印象的かつデザイン性のあるグラフィックを作り上げることができる点でも、人気が高い表現の一つです。そんな中今回紹介するのは、ポリゴンイラストレーションまとめ「25 Creative Polygonal Illustration Freebies」です。

poly0
Polygonal mountain background Vector | Free Download

幾何学柄をデザインに取り入れるための、フリーで使用できる素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:15  |  
Category: Design   
2013年08月10日

リアルな質感や表現を可能にする Photoshopチュートリアルまとめ「45 Fresh And Useful Photoshop Tutorials」

撮影した写真の加工や補正だけでなく、デザインで使うグラフィック素材の作成などにも利用されているPhotoshop。非常に多彩な表現が可能ですが、機能が多い分なかなか上手く使いこなせていないという方も多いのではないでしょうか?今回はそんな方におすすめのPhotoshopチュートリアルまとめ「45 Fresh And Useful Photoshop Tutorials」を紹介したいと思います。

tutorials4
Old Signage in Photoshop 3D | Abduzeedo Design Inspiration

Photoshopでできたグラフィック作品が出来上がるまでのチュートリアルが分かりやすく紹介されています。いくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:13  |  
Category: Photoshop   
2018年01月03日

鳥や花の描写が美しい水彩のイラストレーションセット「Woodland Ravens Field」

繊細で美しい表現を可能にしてくれる水彩画は、手描きで制作すると時間も手間もかかってしまうもの。そんな時に活用したいイラストレーションセット「Woodland Ravens Field」を今回は紹介します。

ravens1

鳥や花の描写が美しいイラストがさまざまなパターンが描かれており、セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebService   
2010年05月02日

最近リリースされたハイクオリティなwordpressテーマ集「 55 Fresh & High Quality WordPress Themes 」

国内外で人気のCMS、Wordpress。幅広い種類のテーマが配布されていますが、今日はその中でも比較的新しく、なおかつクオリティが高く、無料で使えるwordpressのテーマを集めたエントリー「 55 Fresh & High Quality WordPress Themes 」を紹介したいと思います。

stunning_01
Stunning Press

シンプルでスタイリッシュなものからアナログ表現と組み合わせた作りこんであるテーマから様々なテーマがまとめられています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:05  |  
Category: WebDesign , WordPress   
2014年12月09日

クリスマスデザインに彩りを クリスマスフリーアイコンセット「Free Download : 16 Fresh Flat Christmas Icons」

クリスマスを間近に控え、クリスマス系デザインの制作に追われている方もいらっしゃるのではないでしょうか?今回はそんなシーンで活用したい、クリスマスフリーアイコンセット「Free Download : 16 Fresh Flat Christmas Icons」を紹介したいと思います。

christmasicon

クリスマスデザインに彩りを与えてくれる、フラットテイストなクリスマスアイコンが16種セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 08:53  |  
Category: Design   
2018年05月23日

Instagramのストーリー投稿に活用出来るテンプレート「12 Instagram Story Templates」

Instagramにお気に入りの場所やおしゃれなカフェ、見た目も可愛いスイーツなど様々な写真を投稿している人は多いのではないでしょうか。最近では”フォトジェニック”から”ストーリージェニック”に変わりつつあるようで、動画の投稿が注目されています。そんな中今回は、Instagramのストーリー投稿に活用出来るテンプレート「12 Instagram Story Templates」の紹介です。

Instagram_Story01

動画投稿もおしゃれにしたいという思いを叶えてくれるテンプレートのセットです。

詳しくは以下

(さらに…)

続きを読む
2018年04月21日

カラフルでインパクト抜群なマーブルテクスチャ素材「18 Ink Marble Paper Textures」

写真加工やデザインにアクセントを加えたりなど、デザインに幅広く活用することができるテクスチャ。特にマーブルやドット、ストライプなどパターンになったテクスチャは、利用する機会も多いのはないでしょうか。今回ご紹介するのは、そんなマーブルテクスチャー素材をまとめた「18 Ink Marble Paper Textures」です。

18-ink-marble-paper-textures1
18 Ink Marble Paper Textures — download free textures by Pixelbuddha

カラフルで個性あふれるマーブルテクスチャーが、18種類もセットになったお得な素材です。

詳しくは以下

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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