TOP  >  Javascript

Tag : Javascript

2018年03月12日

プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」

Webサイト閲覧中によく見かけるプログレスバーですが、最近は動きや形も様々で遊び心のあるものも増えてきています。そんな中今回は、プログラマーにとって便利なプログレスバーのJavaScript Plugins「 9 Free Progress Bar JavaScript Plugins For Web Designers」の紹介したいと思います。

ProgressBar01
Animated Goal Progress Bar jQuery plugin

ベーシックなものから、ちょっと変わったものまで9種類のプログレスバーがピックアップされています。

詳しくは以下

(続きを読む…)

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

フローティングラベルを取り入れたフォームサンプルまとめ「9 Floating Form Label jQuery & JavaScript Plugins」

webサイトからのお問い合わせなどにフォームを設置しますが、スマートフォンライクの時代となった今、従来のデザインをそのまま取り入れるとタテに長くなってしまう傾向が。そんな状況を解消できる、フローティングラベルを取り入れたフォームサンプルまとめ「9 Floating Form Label jQuery & JavaScript Plugins」を今回は紹介します。

floating5
GitHub – Baedda/floating-form-labels: jQuery plugin that makes inline form labels usable again.

プレースホルダの文字が、入力するとタイトルとして浮き出すので、フォーム上に常に配置する必要がなく、長さを軽減することができるサンプルがピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:45  |  
Category: plugin   
このエントリーをはてなブックマークに追加
2017年12月17日

Javascriptで描く表現のパーティクルアニメーション「D Particle Explorations」

流行のwebサイトなどでよく見かけるパーティクルアニメーション。ゆらゆら、ぐるぐると動き回る不思議なグラフィックは見る人を引き込み、虜にします。今回はそんなパーティクルアニメーション3DをJavascriptで描いた「D Particle Explorations」を紹介したいと思います。

animation3

8パターンの種類の違うパーティクルアニメーションをデモサンプルで確認することができます。

詳しくは以下

(続きを読む…)

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

JavaScriptモーダルウインドウプラグイン「Best Free JavaScript Modal Window Plugins」

Webサイトを閲覧していると様々なモーダルウィンドウを見かけると思います。使用用途はもちろん、デザインも様々。そんな中今回は、デベロッパーにとって便利な、JavaScriptモーダルウインドウプラグイン「Best Free JavaScript Modal Window Plugins」を紹介します。

modal-script01
SweetAlert2 – a beautiful, responsive, customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes

モーダル制作に便利なオープンソースが集約されたまとめとなっています。いくつか気になるものをピックアップしてみました。

詳しくは以下

(続きを読む…)

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

javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」

普段何気なく閲覧しているサイトですが、UIデザインや背景の処理など様々な部分に工夫が凝らされています。そんな中今回は、javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」を紹介したいと思います。

bubble01

様々なバブル背景が簡単な手順で制作することができるようになっています。

詳しくは以下

(続きを読む…)

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

デベロッパー必見 最新のリソース10種「10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers」

多くのWebサイトを構築するデベロッパーにとって、作業時間の短縮や効率アップにつながるアイテムは日々の仕事においてとても重要です。更には新しい技術を求められるため、最新の素材をいくつか手元に置いておきたいもの。そんな時に役立つ最新のリソース10種類「10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers」を今回は紹介します。

webresources_01

便利に活用できるリソース素材が豊富に紹介されています。いくつか、気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2014年04月09日

春らしい雰囲気を表現できるフラワーテクスチャまとめ「Spring Up your Designs with Some Free Flower Textures」

テクスチャの中で、植物をテーマとしたものは比較的定番として使用されており、さまざまな種類がダウンロードできるようになっています。そんな中今回紹介するのは、春らしい雰囲気を表現できるフラワーテクスチャまとめ「Spring Up your Designs with Some Free Flower Textures」です。

flower0
Grungy Mauve Brown Textures Free Download | QTextures – Free Quality Textures

さまざまな表現の花柄テクスチャが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:46  |  
Category: Design   
2007年12月20日

photoshopクリスマスチュートリアル集「Christmas Photoshop Tutorials」

もうすぐクリスマス。クリスマスカードやクリスマスツールを自作しようかなと考えている方にお勧めしたいのが今回紹介する「Christmas Photoshop Tutorials」です。こちらはphotoshopでできるクリスマスデザインのチュートリアルがまとめられています。

クリスマスチュートリアル

紹介されているチュートリアルは全部で11個。今日はその中から気になるものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:17  |  
Category: Design , Photoshop   
2017年10月26日

レスポンシブ設計をスムーズにsuruレスポンシブレイアウトをテストする為のフリーツールまとめ「7 Free Tools For Testing Responsive Layouts」

現代のWebデザインに置いて欠かせない基礎設計となっている、レスポンシブレイアウト。PCとスマートフォンでの見え方の違いを手軽にチェックしたい、そんな時の手助けとなる便利なテストツールをまとめた「7 Free Tools For Testing Responsive Layouts」を今回は紹介したいと思います。

7-free-testing-responsive-layouts1
7 Free Tools For Testing Responsive Layouts | Webdesigner Depot

使いやすい全てフリーで利用できるツールが7種ご紹介されています。その中から幾つかおすすめのツールをピックアップしてまとめましたので、是非ご覧ください。

詳しくは以下
(続きを読む…)

続きを読む
2010年11月16日

ギャラリー構築のためのjQueryプラグイン集「20 jQuery Image and Multimedia Gallery Plugins」

高機能なjavascriptライブラリjQuery。サイトを製作されている方には説明も必要もないほど有名なライブラリで様々なサイトに実装されており、様々な機能を持ったプラグインが日々、世界中公開されています。今回紹介するのはギャラリー構築のためのjQueryプラグインを集めた「20 jQuery Image and Multimedia Gallery Plugins」です。


Galleriffic

サムネイルが付いたものから、ズームアップのようなエフェクトのもの、iPhoneで見ることを前提としたギャラリーなど様々なギャラリープラグインがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2008年11月23日

コンピュータチップのベクターデータセット「Computer Chip Vector」

今までDesigndevelopでは様々なベクターデータを紹介してきましたが、今回紹介するのはコンピュータのチップを表現したベクターデータを集めた「Computer Chip Vector」です。

シンプルなものから、すこし質感のあるものまで様々なコンピューターチップと基盤を表現したベクターデータが多々収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:15  |  
Category: Design , vector   
tag: Design vector
2010年05月15日

最近リリースされたアイコンセット30「30 Fresh Icon Sets for Developers and Designers」

WEBの制作には便利なアイコン。インターフェースを改善してくれたり、デザインのクオリティを上げてくれる便利な素材です。今日紹介するのは最近リリースされたクリエイティブなアイコンセットを集めた「30 Fresh Icon Sets for Developers and Designers」を紹介したいと思います。

fresh_icon_01
Default iCON

シンプルなものから作りこまれたものまで。様々なアイコンセットが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:39  |  
Category: Design , WebDesign   
2009年08月13日

3Dモデルやテクスチャ素材を検索できる「3DFilter」

今までDesigndevelopではグラフィックデザインやWEBデザインなど平面のデザイン素材を中心に紹介してきましたが、今日紹介するのは3Dモデルやテクスチャ素材を検索できるWEBサイト「3DFilter」です。

3dfilter01

女性や家具といった基本モデルやテクスチャなど様々な3D素材を探し出す事ができます。検索対象はフリー素材、有料素材とまたが手検索でき、さらに3Dソフトのフォーマットで絞り込んだり、価格順にならべたりと様々な使い方が可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:48  |  
Category: Design   
2016年01月13日

HTML&PSD形式のフリーテンプレートをまとめた「20 Fresh and Free HTML and PSD Templates plus GUI Packs」

テンプレートを使用することで、作業効率を上げながらデザインクオリティを高めることができたり、コスト削減をすることが可能となります。そんな中今回紹介するのは、HTML&PSD形式のフリーテンプレートをまとめた「20 Fresh and Free HTML and PSD Templates plus GUI Packs」です。

html0112_3
zGoodFood – Free Responsive Html5 Css3 Templates | Themes

PC・スマートフォン等のいろいろなタイプのテンプレートがまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

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

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

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

jqfont0
Textillate.js

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

詳しくは以下

(続きを読む…)

続きを読む
posted 01:59  |  
Category: plugin   
2015年07月21日

ヴィンテージ感あふれるデザインアイコンセットまとめ「Free Vintage and Retro Icon Sets to Have」

いろいろなテーマのサイトで使用できるように、アイコンのデザインはどちらかというと、ミニマル・シンプルであったりすることが多いもの。しかし時にはデザインテーマのある種類がほしい時もあるのではないでしょうか?そんな中今回紹介するのは、ヴィンテージ感あふれるデザインアイコンセットまとめ「Free Vintage and Retro Icon Sets to Have」です。

retro04
8 pastel icons

レトロテイストな、さまざまな種類のアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:12  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る