TOP  >  プログレスバー

Tag : プログレスバー

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

詳しくは以下

(さらに…)

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

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

2011年07月30日

イラスト表現のバリエーションが広がるフォント集「A Collection of Free Dingbat Fonts」

A・B・Cといったようなアルファベットや、日本語のひらがななどではなく、イラストが各文字として割り当てられた「Dingbat Fonts」をまとめた「A Collection of Free Dingbat Fonts」を、今回は紹介したいと思います。


AnimaliaScissored dingbat | UrbanFonts.com

モノクロのさまざまなテーマのイラストフォントがいくつも紹介されています。気になったものをまとめてみましたので、以下よりご覧ください。

(さらに…)

続きを読む
posted 04:42  |  
Category: Design , Font   
2017年01月13日

一つのオブジェクトをミラーリングして表現できるライブラリ「Mirror Effect」

WEB制作ではスプリットスクリーンなどが極端な例ですが、中央線を軸に左右を大胆に振り分けて使う手法が流行の一つになっていますが、今日紹介するのは、異なるものではなく、一つのオブジェクトをミラーリングして表現できるライブラリ「Mirror Effect」です。

MirrorEffect_03-1
Mirror Effect | Demo 3 | Codrops

単純に全く同じものを出現させることもできますし、上記のように背景を切り分けて表示することもできます。いくつかのパターンが公開されていましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:30  |  
Category: javascript , WebDesign   
2009年10月08日

様々なWEBの部分のデザインリソースを集めた「MephoBox Web Design and Web Inspiration」

WEBは様々な部品の組み合わせで成り立っていますが、今回紹介するのはそんば箇所別にデザインリソースを集めたインスピレーションサイト「MephoBox :Web Design and Web Inspiration」です。

mephobox01

注目のエントリー、ログインフォームから、ヘッダー、404Errorsなどなど、WEBでは欠かせない部分のデザインが多数集められています。

詳しくは以下

mephobox02
WEBサイト別のサンプル表示

多数のデザインが収録されており、WEBデザインを手がけている方には良いリソース集になるのではないでしょうか?部品別に見る事もできますし、WEBサイト別に探す事もできるようになっています。またWEBサイトからの件アs区ではカラーリングから探す事も可能になっています。

海外のWEBサービスですが、登録されているデザインの中には日本のWEBサイトからのものも登録されていました。様々な国のものが入り交じっていますので、幅広いデザインを見る事ができますので、自分の考えの外側からインスピレーションを得られるかと思います。デザインに煮詰まっている方は是非どうぞ。

MephoBox | Web Design and Web Inspiration

続きを読む
posted 04:44  |  
Category: Design , Photoshop   
tag: webdesign
2012年01月04日

ユニークなナビゲーションメニューまとめ「2011 50 Interesting Navigation Menus」

ユーザーにスムーズにページを遷移してもらうために重要なナビゲーションメニューは、デザイン性と分かりやすさが非常に重要になってくるのではないでしょうか?そんな中今回紹介するのが、ユニークなナビゲーションメニューをまとめた「2011 50 Interesting Navigation Menus」です。


Racket – Web Design, Print Design, Art & Photography

形やレイアウトにこだわったメニューから、アピール度の強いメニューまで、さまざまなメニューデザインが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2012年03月12日

スタイリッシュなデザインが豊富な有料WordPressテーマまとめ「25 Sleek Blogfolio WordPress Themes」

ページの更新やカスタマイズの自由な操作性が人気のWordPressは、個人のブログやwebページにはもちろん、プロのデザインワークの中でも利用されている方が多いのではないでしょうか?そこで今回紹介するのが、機能性にすぐれた有料のWordPressテーマをまとめた「25 Sleek Blogfolio WordPress Themes」です。


ThemeMin

スタイリッシュなデザイン性はもちろん、iPhone・iPadへの最適化や、有料ならではのきめ細かい機能をもったテーマばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2009年11月14日

WordPressのテーマをより強化してくれる厳選プラグイン集「10 WordPress Plugins To Boost Up Your Theme You Have Ever Known」

世界中で使われているCMS、Wordpress。柔軟なデザイン性の他にも幅広い拡張機能が簡単に実装できるプラグインの数でも人気を集めていますが、今日紹介するのはWordpressのテーマをより強化してくれる厳選プラグイン集「10 WordPress Plugins To Boost Up Your Theme You Have Ever Known」です。

10-wordpress-plugins-01
Paginator

ログイン、コントロールパネル、レーティングなどなど様々なッ種類のプラグインが紹介されています。今日はその中から幾つ描きになったプラグインをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:41  |  
Category: plugin , WordPress   
tag: 
2009年05月29日

CSSで実現するボタンテクニック集「22 CSS Button Styling Tutorials and Techniques」

Designdevelopでは今まで様々なCSSテクニックをお伝えしてきましたが、今日紹介する「22 CSS Button Styling Tutorials and Techniques」はボタンのデザインに特化したテクニック集です。

cssbutton01
Beautiful CSS buttons with icon set

立体的なボタンから、角丸はもちろん影がついたものなどなどCSSで作る手のこんだボタンのテップスやチュートリアルが収録されています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebDesign   
tag: webdesign
2015年02月22日

ラインとカラーで構成された個性派アイコンセット「Swifticons」

常に最新のデザインが登場し続けるアイコン。定番素材としていろいろな種類をストックされているという方も多いのではないでしょうか?そんな中今回紹介するのは、ラインとカラーで構成された個性派アイコンセット「Swifticons」です。

swifticons

フラットデザインにマッチするシンプルな形状ながらも、デザイン性のある質感が魅力的なアイコンセットとなっています。

詳しくは以下

(さらに…)

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

ハイクオリティなイメージをフリーで 最新のモックアップPSDまとめ「New Free Photoshop PSD Mockups for Designers」

制作したデザインが実際にデバイスやツールに当てはまるとどんな雰囲気になるのか、デザイナーとしてはとても気になるところだと思います。今回はそんな時に活用したい、最新のモックアップPSDまとめ「New Free Photoshop PSD Mockups for Designers」を紹介します。

mock0213_1
Dribbble – FREE Photorealistic iPhone 6 Plus PSD Mockup Templates by Tran Mau Tri Tam

ハイクオリティなイメージをフリーでダウンロードできるページが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 12:59  |  
Category: Photoshop   
2015年04月18日

さまざまな種類のアイコンを集めた「42 Fresh and Free Icon Sets for Designers」

webサイトのデザインで特に活躍してくれる素材といえばアイコン。非常にいろいろな種類があり、たくさんストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、さまざまな種類のアイコンを集めた「42 Fresh and Free Icon Sets for Designers」です。

icon0418_1
Free Line Icon Set on Behance

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

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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