TOP  >  jQuery

Tag : jQuery

2011年07月17日

jQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」

Flashに替わって、avascriptでコンテンツづくりをする事も多くなってきたと思いますが、今回紹介するのはjQueryで制作する、コンテンツスライダーを集めたjQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」です。


dualSlider

写真がメインのもの、動画含めてスライドするスライダー、文章を中心に見せるものなど、あらゆる種類のコンテンツスライダーが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

最近リリースされた、ナビゲーション系のjQueryプラグイン集「15 Fresh jQuery Menu Plugins and Tutorials」

WEB制作の現場で幅広く利用されている軽量で高機能なjavasciptライブラリjQuery。様々なプラグインが開発され世界中でリリースされていますが、今日紹介するのは、最近リリースされた、ナビゲーション系のjQueryプラグイン集「15 Fresh jQuery Menu Plugins and Tutorials」です。


naviDropDown 1.0 Plugin

全部で15のナビゲーション系のjQueryプラグインがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:56  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年06月11日

FacebookのUIやスタイルを再現するjQueryプラグイン集「23 Best jQuery Facebook Style Plugins」

世界中の方々利用しているソーシャルネットワーク「Facebook」国内でも多くの方が利用しているサービスの一つだと思います。今日紹介するのはそんなFacebookのUIやスタイルを再現するjQueryプラグインを集めたエントリー「23 Best jQuery Facebook Style Plugins」です。


2. Creating a Facebook-like Registration Form with jQuery

全部で23個のプラグインが紹介されていますが、今日はその中から幾つか気になったモノを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年06月05日

最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」

WEB制作に便利なjQuery。プラグインも豊富にリリースされており、世界中でりよすされているjavascriptの一つです。今日紹介するのは最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」です。


Isotype

全部で8つのプラグインが紹介されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:45  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2011年04月23日

グローバルメニューを手軽に動作させることができるJQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」

webサイトを制作する上で、必ず必要となるグローバルナビは、ユーザーがもっとも多く通過する重要な要素となっており、グローバルナビの分かりやすさ使いやすさは、webサイトの最重要課題ではないでしょうか?そこで今回紹介するのは、デザイン性が高く、ユニークな動きを手軽に取り入れることができるグローバルメニュー用JQueryまとめ「Excellent jQuery CSS Animated Navigation Menu Tutorials」です。


Beautiful Slide Out Navigation: A CSS and jQuery Tutorial | Codrops

どんなサイトにも使いやすいシンプルなデザインから、ポップで印象的なデザインまでさまざまなグローバルメニューが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

jQueryベースのWebフォームライブラリ「jFormer」

WEBサイトには欠かせないフォーム。様々な情報のやりとりに利用されていて、多くのWEBサイトで利用されていますが、今回紹介するのは一般的なコンタクトフォームから、ログインフォーム、EC用のフォームまで、様々なフォームに対応したjQueryベースのWebフォームライブラリ「jFormer」です。

「jFormer」はバリデーション機能も備えたフォームのフレームワークで、AJAXを使ったページ遷移や、入力データのレジュームなど、細かな機能も標準で備わっており、フォームの開発の時間を短縮してくれます。

詳しくは以下

基本的にフォームの部分はphpで作られており、デザインをCSSで、動きなどはjavascriptを利用しています。

多彩なデモは「Demos – jFormer」からご覧いただけます。またベーシックなコンタクトフォームのつくり方は「Installation and Documentation – jFormer」からご覧いただくけます。フォームに動きをつけたいという方には役に立つフレームワークだと思います。

jQuery Form Framework – jFormer

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

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

2018年01月24日

テンプレートからアクションまで デザインに使えるフリーのPSD素材まとめ「30 New Useful Free Photoshop PSD Files for Graphic Designers」

デザイン業務の時短やコスト削減など、いざという時に役立ってくれるのがテンプレートやアクションなどの素材。そんな使えるデザイン素材は、常に最新のものを手に入れておきたいものです。そんな中今回ご紹介するのは、そんな使える最新のPSD素材をまとめた「30 New Useful Free Photoshop PSD Files for Graphic Designers」です。

30-new-useful-free-photoshop1
30 New Useful Free Photoshop PSD Files for Graphic Designers | Freebies | Graphic Design Junction

紙からWEBまで広く使えるPSD形式のテンプレートやアクションが、30種類まとめられています。さらにその中から気になった素材を幾つかピックアップしましたのでご覧ください。

詳しくは以下

(さらに…)

続きを読む
2007年10月18日

ページナビゲーションを拡張してくれるWPプラグイン「WP-PageNavi」

通常のWordPressのページナビゲーションは「« Previous Page Next Page » 」として表示され、今何ページ目にいてどのくらい続きがあるかが直感的に分かりません。

そこでそんなインターフェイスの不便利を解決してくれるのが今回紹介するプラグイン「WP-PageNavi」です。

WP-PageNavi

プラグインを導入すればページナビゲーションが上記のように表示され、今何ページ目にいるのかが瞬時に分かるようになります。ほんの少しの事ですが、閲覧する側を考えれば当然の配慮かと思います。

インストール方法

1.WP-PageNaviからプラグインをダウンロード

2.ローカルで展開後フォルダごと「wp-content/plugins」へアップロード

3.「WP-PageNavi」プラグインの有効化

以上です。

これだけではページナビゲーションは反映されませんので下記の手順を踏んでください。

導入方法は以下
(さらに…)

続きを読む
posted 10:01  |  
Category: plugin , WordPress   
2011年06月17日

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

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

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

詳しくは以下

(さらに…)

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

Web制作に欠かせない 様々なpsd素材を集めた「50 Free High Quality and Inspirational PSD Files for Download」

webデザインを行う際にとても便利なpsdの素材。持っていると何かと便利で重宝すると思います。そんな中今回紹介するのは、 様々なpsd素材を集めた「50 Free High Quality and Inspirational PSD Files for Download」です。


Wraps and Ribbons pack by *plakkert on deviantART

使い勝手のよいデザインパーツから、webデザインにそのまま使えそうなものまで種類は豊富。中でも気になったものをいくつかピックアップしました。

(さらに…)

続きを読む
posted 11:01  |  
Category: Design , Photoshop   
2017年10月03日

デザイナー必見!ハイクオリティな最新フリーフォントをまとめた「25 Fresh Free Fonts Download」

移り変わりの早いデザインの流行に素早く対応していくためにも、最新のデザインはチェックしておきたいもの。デザインを支えてくれるフォントもどんどんと新しいタイプが登場しています。そんな中、今回ご紹介するのは、最新のデザイナー向けのフリーフォントをまとめた「25 Fresh Free Fonts Download」です。

25-fresh-free-fonts1
25 Fresh Free Fonts Download | Fonts | Graphic Design Junction

様々なテイストの無料でダウンロード可能なフリーフォントが25種類も揃っています。その中から気になったフォントを幾つかピックアップしてご紹介していますので、ぜひご覧ください。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: Font   
2013年09月13日

ユーザーフレンドリーにするための40の新しいjQueryプラグイン「40 Fresh jQuery Plugins To Make Your Website User Friendly」

Webデザインやコーディングの経験を積んでくると、「ユーザーにやさしいWebサイト」といったことを意識するようになると思いますが、今回はそんなユーザーフレンドリーなサイトにするためのjQueryプラグインをまとめた「40 Fresh jQuery Plugins To Make Your Website User Friendly」を紹介したいと思います。

jqueryplugin_00
Jquery Alpha Image by Ilker Guller

基本的な機能からフレキシブルデザインに対応したもの、検索候補を出すプラグインなど、かゆい所に手の届くプラグインが揃っています。中でも気になったものをピックアップしたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:02  |  
Category: plugin   
2011年10月22日

最近リリースされたクリエイティブなフォントをまとめた「8 Fresh Free Fonts for Your Designs」

デザインには欠かすことができないフォント。フォントの選び方でデザインはガラリと雰囲気を変えます。今日紹介するのは最近リリースされたクリエイティブなフリーフォントをまとめたエントリー「8 Fresh Free Fonts for Your Designs」です。


Bohema

スタンダードなというよりも比較的個性的な、クリエイティブ性の高いフォントが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:14  |  
Category: Design , Font   
2009年10月06日

WEBで使える1000のフリーミニアイコンセット「Free Farm-Fresh Web Icons」

WEBを制作する際に非常に便利なのがアイコン。細部のクオリティを高めてくれたりユーザーインターフェイスを補完してくれたりと様々な役割を担っていますが、今回紹介するのはWEBで使えそうなミニアイコンを1000個セットにしたアイコンセット「Free Farm-Fresh Web Icons」です。

free1000icon01

システム的なアイコンから、ユーザーサイドなものまで様々なアイコンがセットで公開されています。アイコンの配布サイズは16×16px、または32×32pxで個別もしくは1000個セットでダウンロードすることができます。下記に収録されているアイコンの一部を紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:29  |  
Category: WebDesign   
2015年04月29日

美しい色合いが魅力的なポリゴン柄フリーテクスチャまとめ「35 High-Res Low Poly Background Textures For Free」

幾何学柄の中でも人気の高い、ポリゴン調のデザイン。web業界でもさまざまな場所で取り入れられていますが、いざ制作しようと思うと意外にバランスやカラー配色などが難しいもの。そんな時に参考にしたい、美しい色合いが魅力的なポリゴン柄フリーテクスチャまとめ「35 High-Res Low Poly Background Textures For Free」を今回は紹介します。

poly0501_4
Dribbble – FREE 10 low-poly polygonal textures by Lumberjacks

さまざまなカラー配色で構成されたいろんな表情のポリゴンテクスチャがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 09:26  |  
Category: Design   
2014年03月16日

いろいろな表現に利用できる フリーベクターパターン「45+ High-Quality Free Vector Patterns」

手軽に背景にさまざまなデザインを展開することができるパターンは、非常に重宝する存在。そんな便利なパターンのフリーベクター素材を集めた「45+ High-Quality Free Vector Patterns」を紹介したいと思います。

vpatterns1
Colorful Shapes Background

多彩な種類のベクターパターンがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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