TOP  >  jQuery

Tag : jQuery

2014年02月16日

フォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」

webサイトをより魅力的に演出するために利用されることの多いjQuery。プラグインの種類にもさまざまなタイプがありますが、今回紹介するのはフォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」です。

jqfont0
Textillate.js

独特の動きや文字組・文字列を表現できるクリエイティブなフォントのjQueryプラグインがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 01:59  |  
Category: plugin   
このエントリーをはてなブックマークに追加
2014年01月21日

CSS3・jQueryで表現するクリエイティブなメニュー「64 jQuery CSS3 Menu Plugins and Tutorials」

殆どのwebサイトで使用されるメニューは、サイト全体のレイアウトにばかりに手を回しがちで、どうしてもデザインがワンパターンになってしまうことも多いと思います。そんな時是非利用したい、CSS3・jQueryで表現するクリエイティブなメニュー「64 jQuery CSS3 Menu Plugins and Tutorials」を今回は紹介したいと思います。

jqmenu1
Responsive Multi-Level Menu – Demo 1

シンプルで定番として利用できるもの、動きが凝ったもの、形状が個性的なものなど、いろいろなタイプのメニューがまとめられているので、サイトに動きを出したり、ちょっとした仕掛けを取り入れたい時に便利に利用できます。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2014年01月02日

パララックス効果を与えてくれるjQueryプラグイン「7 Useful Parallax jQuery Plugins」

2013年のWEBでは大きく活躍していたパララックス効果。視差効果によってもたらされる体験は、今までのWEBとはまた違った感覚を与えてくれました。今回紹介するのはそんなパララックス効果を簡単に利用できるプラグインをまとめたエントリー「7 Useful Parallax jQuery Plugins」です。

1
7 Useful Parallax jQuery Plugins

手前と奥にオブジェクトを設置し、遠近感を持たせて画面に奥行きをもたせるものから、スクロールによって背景と手前のオブジェクトを動かす定番のものまで様々なパララックス効果を得られるjQueryプラグインが紹介されています。今日はその中から気になったものをピックアップして紹介したいと思います。

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2013年12月23日

2013年に公開された50種のjQueryプラグイン集「50 Most Useful jQuery Plugins from 2013」

高機能なサイトを作りたいけど、一からプログラムを組むのはちょっと…という方に向けて、今回は2013年で人気をあつめたプラグインを50種集めたエントリー「50 Most Useful jQuery Plugins from 2013」を紹介したいと思います。

50mujpf_0
Salvattore — A jQuery Masonry alternative with CSS-driven configuration

レスポンシブサイトに向けたものを中心に、様々なジャンルのプラグインが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

Jresponsive
レスポンシブなグリッドレイアウトが実現できるプラグイン。ウインドウサイズに合わせて要素の幅を縮小したり、1行あたりの表示数を変更することができます。

50mujpf_1
 
 
 
 
 

FlowType.JS — Responsive web typography at its finest: font-size and line-height based on element width.
ウインドウサイズに合わせて自動的にfont-sizeとline-heightを調整してくれるプラグイン。1行あたりの文字数を調整できるので、読み易いコンテンツに出来そうです。

50mujpf_2
 
 
 
 
 

jQuery Selectric
htmlのselectボックスを装飾してくれるプラグイン。選択時にプログラムを実行できたりもするようで、高機能なselectボックスを実装したい時に重宝しそうです。

50mujpf_3
 

こうしてポピュラーなプラグインを一堂に集めると、2013年のWebの動向が見えてきますね。ここで紹介されているものを導入するだけでも、最新のトレンドに近づけていくことができるのではないでしょうか。

50 Most Useful jQuery Plugins from 2013

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

Webサイトにチュートリアル機能をプラスするjQueryプラグイン「Bootstro.js」

新しいゲームを始めたり初めてのWebサービスを利用する時、どんな操作をすれば良いのか最初にチュートリアルがあると、とても分かりやすいですよね。今回はWebサイトにそんなチュートリアル機能を付与するプラグイン「Bootstro.js」を紹介したいと思います。

bootstro_0

実際にデモを動かしてみるとわかりますが、対象箇所のハイライト + 画面スクロールで、とてもわかりやすく説明を受けることができます。

(さらに…)

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

スクロールに合わせて次々とコンテンツを読み込むjQueryプラグインのまとめ

ページ遷移を可能な限り少なくして、シームレスに気持ちよく情報を見せようといったWebサイトを、最近よく見かけるようになりました。しかしそのようなサイトを構築したいと思っても、経験が無ければハードルは高いもの。そこで今回は、そのような機能を手軽に実装できるjQueryのプラグインをまとめたエントリー「12 jQuery Infinite Scroll Plugins and Tutorials」を紹介したいと思います。

12jispat_0
Mark Holton | Web Application Development

スクロールに合わせて新たなコンテンツを読み込む機能を中心に、12種類のプラグインがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 09:00  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加

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

2012年06月14日

美しいフォルムが特徴のフリースクエアフォント「20 Free Popular Square Fonts For Designers」

グラフィックデザインでも、webデザインでも、デザインの良し悪しを決める重要な要素となるフォント。フリーで利用できるタイプも豊富に展開される中、今回紹介するのは、美しいフォルムが特徴のスクエアフォント「20 Free Popular Square Fonts For Designers」です。


Imagine Font Font | dafont.com

曲線を取り払い、角を利用して美しく仕上げられたフォントが20種類まとめられ紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 10:11  |  
Category: Design , Font   
2012年06月25日

天気を表現できるアイコンセットまとめ「Free and Premium Weather Forecast Icons Sets」

毎日の天気を表現するのはもちろん人の感情を現したりと、多様なシーンで活躍する天気のマーク。今回は、そんな天気を表現できるアイコンセットをまとめた「Free and Premium Weather Forecast Icons Sets」を紹介したいと思います。


Weather Icons by Gavin Elliott – Designmoo

無料アイコンから有料アイコンまで、用途に合わせて選ぶことのできる天気アイコンがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

個性的なデザインのアイコンもピックアップした「35 Free Ingenious Icons To Compliment All Designs」

アイコンを利用することで、デザインを分かりやすくできたり、デザインの質が向上したりする利点が。今回はそんなシーンに最適な、個性的なデザインのアイコンもピックアップした「35 Free Ingenious Icons To Compliment All Designs」を紹介したいと思います。

icon1202_1
40 free stroke icons from Sympletts pack – Freebiesbug

さまざまテーマのアイコンセットが紹介されており、どれもストックしておきたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

jQueryで魅せる動きのテクニック「10 jQuery Transition Effects: Moving Elements with Style」

先日「最新の使えるjQueryプラグイン集「25 Amazing and Fresh jQuery Plugins」」と言う記事で、最新の機能のjQueryプラグインをまとめたエントリーを紹介致しましたが、今日紹介するのはjQueryで動きが特徴的な魅せる動きを集めたエントリー「10 jQuery Transition Effects: Moving Elements with Style | DevSnippets」を紹介したいと思います。

jquery-01
Fluid Navigation – How to create an informative menu-bar with jQuery & CSS

スムーズに出現するフェードだったり、スライドインだったり、気持ちいい感じの動きをするjQueryのテクニックが集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:30  |  
Category: WebService   
2010年01月24日

使えるイラストレーターブラシ27セット「27 Sets of Useful and Free Adobe Illustrator Brushes」

ベクターで使える便利なイラストレーターブラシ。アナログ感がプラスされ、表現の幅が劇的に広がりますが、今回紹介するのは、様々なフリーイラストレーターブラシを集めたエントリー「27 Sets of Useful and Free Adobe Illustrator Brushes」を紹介したいと思います。

4
Chalk Illustrator brushesCreative Commons Attribution-Noncommercial 3.0 License.

黒板に買いたいような表現を再現するブラシからインクを表現したものなどなど様々なタイプの表現が可能なイラストレーターブラシがまとめられています。今日はそのなかからいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:49  |  
Category: Design , vector   
2011年06月17日

個性的なスタイルのフリーフォント「Morning Glory – Free Font」

ビジュアル性の高いフォントは、タイトルやデザインイメージを印象的に魅せる重要な素材ですが、フリーフォントの中からクオリティの高いフォントを探すのは、時間と手間がかかる作業だと思います。そこで今回紹介するのは、個性的なスタイルがユニークなフリーフォント「Morning Glory – Free Font」です。

文字が細かいパーツに分けられて繋がっているフォントとなっており、インパクトを与えることができるビジュアル性が魅力的です。このフォントを利用したコンセプトムービーが公開されていましたので、まずは以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:52  |  
Category: Design , Font   
2013年09月25日

さまざまな用途に使える!使いやすく編集しやすいPhotosnopシェイプセットのまとめ「15 Useful Free Photoshop Custom Shapes Set」

ビットマップの制作ツールとして有名なPhotoshopですが、拡大縮小に向いたシェイプを扱うこともできます。今回はそんなPhotoshopのシェイプをまとめた「15 Useful Free Photoshop Custom Shapes Set」を紹介したいと思います。

15ufpcss_0
nathan.blenke.com – Nate's Shapes – Photoshop Custom Shapes

使いやすいアイコンや装飾・模様など、バリエーション豊富にまとめられています。中でも気になったものをピックアップしたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:21  |  
Category: Photoshop   
tag: 
2012年01月02日

コミック調のラフなフォントまとめ「A Collection of High Quality Free Comic Fonts」

デザイン制作に欠かすことができないフォントにはさまざまな種類が存在しており、制作したいテイストに合わせた選定が非常に重要です。そんな中今回紹介するのは、ラフなタイプのデザインに活用したい、コミック調のフォントまとめ「A Collection of High Quality Free Comic Fonts」です。


DK Harrumph font by David Kerkhoff – FontSpace

海外のコミックなどで見かけるような、味わいのあるフォントがたくさんまとめられています。気になったものをいくつかピックアップしてみましたので以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:40  |  
Category: Font   
2014年02月14日

コレクションに加えたい 最新のアイコンセットまとめ「33 New and Free Icon Sets」

線画や面だけで表現されるアイコンは、利用するだけで簡単に機能や意味が表現できるとても便利な存在。より多くの種類をストックしておけば、デザインの幅が広がります。今回はコレクションに是非加えたい、最新のアイコンセットまとめ「33 New and Free Icon Sets」を紹介したいと思います。

icon140214_1
Dribbble – Free Icons by Fabrizio del Gaudio

フラットタイプから、リアルな表現を施したものまで、さまざまなテイストのアイコンがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 02:59  |  
Category: Design   
2008年11月04日

プレミアムなWordPressテーマを販売する17のサイト「17 Premium WordPress Theme Stores」

国内でも人気の高いCMSツールWordpress。DesigndevelopもWordPressで構築していますが、その魅力の一つとして、デザインテンプレートが数多く配布されており、クオリティの高いテーマが無料で使えるという点があります。ただフリーなだけにデザインが被ってしまっていたり、望むクオリティに達していなかったりと言ったことががあるかと思います。

そこで今回は海外のエントリー「17 Premium WordPress Theme Stores」というエントリーより、無料ではなくて、クオリティの高い「有料」のWordpressテーマを販売しているWEBサイトを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:11  |  
Category: WebDesign , WordPress   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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