TOP  >  jQuery

Tag : jQuery

2011年12月25日

画面解像度を読取、それぞれの解像度に合わせたイベントを設定できるjQueryプラグイン「Breakpoints.js」

様々な解像度のデバイスが出まわっており、技術者側は日々その広がり続ける端末の解像度の多様化と向き合い、その端末に最適化したり、工夫したりして様々なプラグインや技術を編み出しリリースしていますが、今日紹介するのは、画面解像度を読取、それぞれの解像度に合わせたイベントを設定できるjQueryプラグイン「Breakpoints.js」

ブレイクポイントとなる解像度は数値で設定でき、それぞれ指定した解像度に合わせて、js側でイベントを分岐せることが可能です。

詳しくは以下

(さらに…)

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

2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」

WEB制作の現場で利用されているjQuery。非常に軽量かつ、高機能なjavascriptライブラリで、世界中で様々なプラグインがリリースされていますが、今日紹介するのは2011年にリリースされた、使えるjQueryプラグインをまとめたエントリー「The 50 Most Useful jQuery Plugins from 2011」です。


Response Javascript

全部で50ものプラグインがまとめられていますが、今日はその中から特に気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

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

2011年にリリースされたjQueryベストプラグイン「Best jQuery Plugins of 2011」

制作には非常に便利なjQueryプラグイン、世界中で利用されているだけに、日々、様々なjQueryプラグインがリリースされています。今日紹介するのは2011年に公開されたjQueryプラグインを寄りすぐったまとめ「Best jQuery Plugins of 2011」です。


Isotope

様々なjQueryプラグインが公開されていますが、今日はその中から気になったプラグインを紹介したいと思います。

詳しくは以下

(さらに…)

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

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

軽量で様々なクリエイティブに役立つ、javascriptプラグインjQuery。最近では様々なWEBサイトに利用されていますが、今日紹介するのは最近リリースされたjQueryプラグインを集めたエントリー「40 New jQuery Plugins」です。


Recurly.js

フォーム関連から、パスワードチェッカー、ビデオ関係のプラグインなど様々なプラグインが集められています。

詳しくは以下

(さらに…)

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

jQueryで作るクリエイティブなタイムライン「jQuery Timelinr」

物事の流れを説明する際に非常に分かりやすいのが、時系列で整理された情報。タイムラインは時間の流れを感じることができ、どういった順番でなにがなされたのかはっきりとわかります。今日紹介するのはそんなタイムラインをjQueryで実現してくれるプラグイン「jQuery Timelinr」です。

プラグインは非常にシンプルで、簡単に実装することが可能です。

詳しくは以下

WEB上で利用するにはまずjQueryとjquery.timelinr-0.9.jsの2つのjsを読み込ませます。その後以下のjavascriptを記述すれば準備は完了です。

指定したdivタグないのリストがタイムラインとなります。こまかな調整は記述するjavascriptでオプションの値を指定することで調整が可能です。大きなところでは、縦に順に追っていくタイプのタイムラインと横に追っていくタイプのタイムラインをオプションで選択ができます。

簡単に実装できますし、限定的にはなりますが、便利に使えそうなjQueryプラグインだと思います。

jQuery Timelinr ↩ CSSLab

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

サイト全体のプレビュー画像をサイトサイドに出力してくれるjQuery「jQuery.frace」

一枚に連なった、長いWEBページも最近増えてきていて、ユーザーにとっては全体像がよくわからなかったりするなんていうときが時にはあるかもしれません。そこで今回紹介するのは、サイト全体のプレビュー画像をサイトサイドに出力してくれるjQuery「jQuery.frace」。

上記のようにサイトのサイドバーに全体を縮小してどの範囲が見えているかを直感的に理解できるような機能を付加できます。

詳しくは以下

(さらに…)

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

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

2016年07月26日

そのまま使っても映える フリーベクター素材11選「11 Fresh & Free Vector (AI, EPS Files) Background」

イラストレーターなどでの編集が可能なベクター素材は非常に重宝する存在。フリーで配布されているものも多数存在しています。そんな中今回紹介するのは、そのまま使っても映える フリーベクター素材11選「11 Fresh & Free Vector (AI, EPS Files) Background」です。

vector0719_1
Purple ramadan background with golden decoration Vector | Free Download

魅力的な描写ベクターグラフィックが11種という厳選された数ではありますが、まとめられています。中でも気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

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

フリーフォント配布サイトのまとめ「Top 28 Free Font Directory Resource Sites」

フリーフォントについてはDesignDevelopでもいくつか紹介してきましたが、今日紹介するのは数あるフリーフォント配布サイトのなかでも厳選された28個のを紹介しているエントリー「Top 28 Free Font Directory Resource Sites」を紹介したいと思います。

すべてのサイトを合わせると100,000以上のフォントが収録されています。すべて回るなんて事はできないかも知れませんが、こちらを参考にすれば、効率よく自分が探し求めているイメージのフォントにたどり着けるかと思います。

■Urban Fonts

8000個以上収録!大きなサムネイルで見やすく分かりやすい。タグクラウドも便利です。
 
 
 

■The Font Pool

人気のフォントをTOP10で表示してくれます。手書き風のフォントが人気みたいです。
 
 
 

■Fonts 500

フリーフォントが500個収録。シンプルな作りで選びやすくて見やすい!!すべてのフォントが一覧で表示されます。
 
 
■その他紹介されているサイト
dafont.com
Type Now
SimplytheBest Free Fonts
Search Free Fonts – over 13,000 free fonts availabl
Creativespirits

上記の他にも沢山のフォントサイトがまとめられ公開されています。今まで紹介したサイトも中にはありますが、こうしてまとめられていると探す時に便利ですね。フォントを探している人は是非どうぞ。

Top 28 Free Font Directory Resource Sites

via はてなブックマーク – 注目エントリー

続きを読む
posted 10:11  |  
Category: Design , firefox , Font , Photoshop , plugin , WebService   
tag: Design Font
2011年10月22日

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

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


Bohema

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

詳しくは以下

(さらに…)

続きを読む
posted 09:14  |  
Category: Design , Font   
2010年02月16日

CSS3ボタンテクニック集「20 CSS3 Tutorials and Techiques for Creating Buttons」

WEBデザインの次世代規格として注目を集めているCSS3。徐々に技術系のWEBサイトでも取り上げられて、WEBデザイン業界内では話がでる機会も増えてきたと思いますが、今日紹介するのはCSS3を使ってボタンを作るテクニック集「20 CSS3 Tutorials and Techiques for Creating Buttons」を紹介したいと思います。

css3button01
Pretty CSS3 Buttons

グラーデーション、オーバラップ、ドロップシャドウなどなど、いままで画像でしか表現が困難だったボタン表現が多数集められています。今日はその中からいくつか気になったテクニックを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:34  |  
Category: WebDesign   
2015年02月27日

デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」

デザインが進化するのに伴い、配布されているフリーフォントもどんどんと新しいものが公開され続けています。そんな中今回紹介するのは、デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」です。

freefont0227_1
ONE DAY – Free Font on Behance

新しいタイプの、主流のデザインにもマッチするフォントの数々が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2018年07月08日

夏の今だからこそ使いたい夏をモチーフにしたアイコンまとめ「Free Icon Sets for Summer 2018 that will Heat up Your Designs」

7月に入り本格的に夏の到来を感じるこの頃。夏をテーマにしたデザインを手がける機会も増えてきたのでは無いでしょうか?今回ご紹介するのは、そんな今の時期だからこそ使いたい夏をモチーフにしたアイコンまとめ「Free Icon Sets for Summer 2018 that will Heat up Your Designs」です。

free-icon-sets-for-summer-2018_1
Summer Sales 50 free icons (SVG, EPS, PSD, PNG files)
デザインに夏らしさを取り入れたいときに便利な、夏を連想させるモチーフのアイコンが全部で9種類紹介されています。さらにその中からいくつかおすすめのものをピックアップしましたので、ご覧ください。

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

続きを読む
posted 09:00  |  
Category: vector   
2018年01月28日

シルエットから切り替わるダイナミックなスライドショー「Silhouette zoom slideshow」

スマートフォンやタブレット端末が普及する中で多くの人がWebサイトを閲覧するようになりました。数多く存在するサイトの中でより目を惹くためにもメインビジュアルの表現は重要になってくるのではないでしょうか。そんな中今回は、シルエットから切り替わるダイナミックなスライドショー「Silhouette zoom slideshow」を紹介したいと思います。

silhouette_slider01

インパクトのあるスライドショーで印象に残るサイトが構築できるアイテムです。

詳しくは以下

(さらに…)

続きを読む
2008年10月18日

ハイクオリティなWordPressテーマ15選「 15 High Quality Premium-Like Free WordPress Themes」

海外ではかなりレベルの高いテーマが配布されているWordpress。本当に様々なテーマが出回っていますが、今日紹介する「15 High Quality Premium-Like Free WordPress Themes」は数あるWordpressテーマのなかでも有料の物に引けを取らない素晴らしいテーマを15個、選び抜いたエントリーです。


1. Agregado Lifestream

有名なのもあり、よく見かけるテーマもありますが、今日はその中でもあまり見かけない物を中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:30  |  
Category: WebDesign , WordPress   
tag: CSS webdesign
2016年12月07日

クリスマスを素敵に演出できる「Merry Christmas Lettering」

クリスマスの素敵な一時に、クリスマスカードやメッセージカードを素敵なデザインとともにと考えている方で既製品ではなく、自分でカスタマイズしながら制作して贈りたいという方におすすめなのが、今回紹介するクリスマスを素敵に演出できる「Merry Christmas Lettering」です。

freebie-slide-1480327759-1

全部で6種類のデザインが収められており、どれも手書きのクリスマスメッセージとともにデザインのパーツワークが収録されています。クリスマスカード以外にも制作事例がまとめられていましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:30  |  
Category: Design , vector   
tag: 
2012年09月05日

ペンキの飛び跳ねたような躍動感を表現できる Photoshopブラシとテクスチャまとめ「Paint Splatters Photoshop Brushes, Textures」

筆の振り方や、つけるペンキの量によって毎回違った表情を楽しめると人気の高い、ペンキや水彩絵の具を飛び散らせて表現するアート、また遊びを楽しんだことがある方もいらっしゃると思います。今回はそんなペンキの雰囲気を手軽に表現できるPhotoshopブラシとテクスチャをまとめた「Paint Splatters Photoshop Brushes, Textures」を紹介したいと思います。

カラフルな雰囲気を楽しめるペンキ・水彩のブラシやテクスチャがまとめて紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 12:45  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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