TOP  >  Progress Bar

Tag : Progress Bar

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種類のプログレスバーがピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

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

2009年12月10日

ウィンドウ幅に合わせて、隙間無く段組みしてくれるJQuery「Masonry」

最近のWEBレイアウトで紙面に近いような多段な組み方をした、WEBレイアウトが出てきていますが、今回紹介するのは多数のボックスをウィンドウ幅に合わせて、隙間無く段組みしてくれるJQuery「Masonry」です。

ddddd

特に違和感無く動作し、動作も速く安定していしています。JQueryを読み込ませて簡単なコードを付加してあげるだけで動作します。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:44  |  
Category: WebDesign   
2012年07月19日

色とりどりなタイルの柄を楽しめる!タイルテクスチャまとめ「A Collection of Free Tile Texture」

日本国内ではもちろん、世界中には多くのタイルが存在しますが、そのデザインテイストや雰囲気には、それぞれのお国柄や地域色が強く現れます。そんな中今回紹介するのは、色とりどりなタイルの柄を楽しめるタイルテクスチャをまとめた「A Collection of Free Tile Texture」です。


Stone Tile Floor by ~Limited-Vision-Stock on deviantART

鮮やかなカラータイルからシンプルなタイルまで、さまざまな模様のタイルテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:56  |  
Category: Design   
2012年10月23日

さまざまなリボンデザインが揃ったPSD素材まとめ「30 Beautiful Ribbons PSD Files for Free Download」

プレゼントなどのラッピングに欠かせないリボンは、相手にスペシャル感を与えられる代表的なアイテム。webデザインの世界でも人気のあしらいとして、広く活用されています。今回は、そんなリボンを表現できるPSD素材をまとめた「30 Beautiful Ribbons PSD Files for Free Download」を紹介したいと思います。


Leather Ribbons & Web Elements | MediaLoot

ボタンやワンポイントなど、webサイトデザインで利用できるPSD素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:04  |  
Category: WebService   
2017年11月14日

クリスマスを楽しもう!サンタやトナカイなどのキュートなアイコンセット「Free Christmas Icon Bundle in SVG & PNG Formats」

冬の一大イベントクリスマス。街中もそろそろクリスマスカラーに染まってきた頃なのではないでしょうか?今回はそんなクリスマスに向けて、これからの季節に最適なクリスマスをモチーフとしたキュートなアイコンセット「Free Christmas Icon Bundle in SVG & PNG Formats」をご紹介します。

free-christmas-icon-bundle1

丸みのある可愛らしいタッチで描かれたアイコンが70種類も揃った、クリスマスにぜひ使いたい便利なアイコンセットです。

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

続きを読む
posted 09:00  |  
Category: vector   
2008年07月07日

蝶を象ったphotoshopフリーブラシ「Butterfliesシリーズ」

グラフィックデザインには以上に使えるモチーフ「蝶」、優雅とか煌びやかとかそんな印象を与えてくれるモチーフですが、位置から書くとなるとトレースしたとしても結構な時間がかかります。そこで今回紹介する「Butterfliesシリーズ」です。

このブラシセットはver1〜3まで公開されていて、各バージョンで15種類程度のブラシが収録されていて、各バージョンで蝶のテイストが異なるので、目的に応じて使い分けることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:11  |  
Category: Design , Photoshop   
2014年10月25日

さまざまな動きのタブデザイン表現を可能にする「11 Free CSS & jQuery Tabs Plugin And Tutorials」

複数のテーマ選択を1デザインで行うのに便利なツール・タブ。シンプルな切り替えが定番ですが、今回はさまざまな動きのタブデザイン表現を可能にする「11 Free CSS & jQuery Tabs Plugin And Tutorials」を紹介したいと思います。

tab1
CSS3 & jQuery folder tabs

タブに独自の動きを再現することができるプラグイン、そして構築のためのチュートリアルが公開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:46  |  
Category: plugin   
2009年02月13日

ボール紙のテクスチャを集めた「 Cardboard Textures and Objects 」

素材感を出す為によく使われるのが、紙だったりボール紙だったりしますが、今日紹介するのはボール紙のテクスチャをひたすら集めたテクスチャ集「 Cardboard Textures and Objects 」です。

普通の物から汚れているもの、ビリビリに破かれているものなど、様々なテイストのテクスチャが公開されていて、テクスチャはFlickrにてセットで公開されていましたので下記にスライドショーを貼付けておきます。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:35  |  
Category: Design   
tag: Design
2012年04月03日

プロのデザインワークスの参考に ハイクオリティなアイコンまとめ「50 Fresh Icon Sets For Developers And Designers」

WEBデザイン制作の必須アイテムとなっているアイコンは、ユーザーにコンテンツをより分かりやすく利用してもらうために、クオリティも高めていきたいもの。そこで今回紹介するのが、比較的最近発表されたクオリティの高いアイコンをまとめた「50 Fresh Icon Sets For Developers And Designers」です。


iCrea by ~draseart on deviantART

シンプルなアイコンから、ディティールにこだわったアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:23  |  
Category: Design   
2008年12月26日

ブラウザ上でカスタマイズできるCSSメニュー生成ジェネレータ「MyCSSMenu」

HTMLとCSSで作るドロップダウン式やアコーディオン形式のインターフェイスを備えたメニューが簡単に生成できるジェネレーターが今回紹介する「MyCSSMenu」です。

生成の仕方は簡単で、マジは右側に表示されているメニューからベースとなるメニューを選びます。ベースとなるメニューは全部で22個の登録されていて、横、縦と大きく分けると2種類のメニューがあり、様々なデザインが登録されています。ベースが決定したら、右下の「Customize Menu」のボタンをクリックするとカスタマイズすることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:27  |  
Category: WebDesign   
2008年12月19日

商用化!ロゴデザインをダウンロードできる「logo instant」

素材をダウンロードできるWEBサイトは多々ありますが、今回紹介するのはロゴデータをダウンロードできるWEBサイト「logo instant」です。普通企業のロゴには意味があって、必ず理念や想いが反映されていますので、ダウンロードして使うという概念はなかなかデザイナー目線では考えにくいのですが画期的なWEBサービスだと思います。

まだ始まって間もないサイトではありますが、現在いくつか十数個のロゴが公開されています。今回は公開されているロゴの中からいくつか紹介したと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:44  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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