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

詳しくは以下

(さらに…)

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

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

2015年01月31日

個性的なテーマも揃った フラットテイストのアイコンまとめ「23 Flat Icon Sets for January 2015」

どんどんと新しいタイプのものが誕生し続けているアイコン。いろいろな種類をストックされている方も多いのでは?そんな中今回紹介するのは、個性的なテーマも揃った フラットテイストのアイコンまとめ「23 Flat Icon Sets for January 2015」です。

icon0131_0
100 FREE ICONS / KITCHEN on Behance

定番として利用できるタイプはもちろん、他ではあまり見ないようなテーマのセットも紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

バレンタインのデザインに使用したい 可愛らしさが特徴のベクター素材「A Huge Set Of Valentine’s Day Vector Elements」

今世間ではバレンタイン商戦がスタートしたこともあり、ハートなどの可愛らしいモチーフをよく見かけるようになりました。今回はそんなシーンをさらに演出できる、可愛らしさが特徴のベクター素材「A Huge Set Of Valentine’s Day Vector Elements」を紹介したいと思います。

valentine1

バレンタインのデザインに使用したい、ハートを中心としてモチーフイラストが揃ったベクターセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 12:21  |  
Category: Design   
2016年11月06日

ハイクオリティな質感に魅了される Photoshopチュートリアル集「26 New Adobe Photoshop Tutorials to Learn Photoshop Essentials | Tutorials」

写真加工にすぐれたPhotoshopは機能が多彩な分、使いこなすのに苦労されている方も多いと思います。今回はそんな時に参考にしたい、ハイクオリティな質感に魅了される Photoshopチュートリアル集「26 New Adobe Photoshop Tutorials to Learn Photoshop Essentials | Tutorials」を紹介します。

tutorial1106_4
Combine Abstract Elements to Create a Stunning Dance Artwork – PSD Stack

非常にクリエイティブ性の高いグラフィックビジュアルが紹介されており、それぞれの工程が分かりやすく解説されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebService   
2008年03月01日

フリーベクターアイコンセット「Containing 25 Icons」

以前「90種類のフリーベクターデータアイコン集「90 Free Vector Icons Set」」で紹介したベクターアイコンに非常によく似ていますが、そこから少しだけ可愛らしくディフォルメしたようなフリーベクターアイコンセットが今回紹介する「 Containing 25 Icons」です。

フリーベクターアイコン

上記のような、少し丸みの帯びたかわいらしいアイコンがベクターデータでダウンロードできます。収録されているアイコンは全部で25種類。イラストレーター8.0のaiファイルで公開されているため環境を選ばず利用することができます。

詳しくは以下

(さらに…)

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

HTML5の可能性を伝えるデモ5つ「5 awesome HTML5 demos」

様々な機能や可能性を秘めたHTML5。各所で取り上げられ、様々なチュートリアルやデモが公開されてはじめて来ていますが、今回紹介するのはHTML5の可能性を伝えるデモを集めたエントリー「5 awesome HTML5 demos」です。

html5-demos

いままでHTMLでは出来なかった様々な機能が実現されています。今日はその一つ一つを簡単にご紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:23  |  
Category: WebDesign   
2014年07月07日

グラフィカルな加工方法を学ぶことができる Photoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」

Photoshopを使えばいろいろなグラフィック表現が可能になりますが、機能が豊富に備わっているためなかなか使いこなせていないという方も多いのでは?今回はそんな時に参考にしたいPhotoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」を紹介します。

tuto140707_1
Photoshop tutorial: Stylise photos using colourful shapes – Digital Arts

グラフィカルな加工方法を学ぶことができるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2010年04月04日

ハイクオリティなphotoshopグラデーションスタイル「25 High Quality Gradient Sets for Photoshop – 750+ Gradients」

デザインに置いて、立体感や深みを出すためにphotoshop上でグラデーション表現をつけるということは多くありますが、きれいなグラデーションを作ることは意外と手間だったりします。そんなときに便利なのが、photoshopグラデーションスタイル。様々なグラデーション表現がワンクリックで表現できるというものです。今日紹介するのはハイクオリティなphotoshopグラデーションスタイルを集めたエントリー「25 High Quality Gradient Sets for Photoshop – 750+ Gradients」です。

modern_photo_01
Modern

様々なテイストのグラデーションスタイルセットが集められていますが、今日はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:01  |  
Category: Design , Photoshop   
tag: 
2015年07月30日

デザイン参考事例集としておすすめ さまざまなテーマ別UIを集めた「Calltoidea」

webサイトをデザインする際には、すでに公開されているさまざまな種類のサイトを参考にすることが多いと思いますが、膨大な数のサイトから目的に合ったデザインを探すのはなかなか大変なもの。またある特定部分のデザインだけがほしいという場合もあるのではないでしょうか?そんな中今回紹介するのは、さまざまなテーマ別UIを集めた「Calltoidea」です。

callidea

大きく1つずつのwebサイトというくくりではなく、タブやフッター、ログインなど、参考にしたい場所をカテゴリ別に探すことができる嬉しい事例集となっています。

詳しくは以下

(さらに…)

続きを読む
posted 01:46  |  
Category: Design   
2015年06月03日

表組みをする際に参考にしたい HTML用JSツール10種「10 Useful JS Tools For better HTML Tables」

数値や分析結果、データなどを見せるときなどに使用する表組みのテーブルレイアウト。結構頻繁に使っている方も多いと思います。そんな中今回紹介するのは、表組みをする際に参考にしたい HTML用JSツール10種「10 Useful JS Tools For better HTML Tables」です。

table1
TableKit

シンプルですが、それぞれの機能に個性を持ったツールが紹介されており、非常に便利に活用することができそう。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 01:55  |  
Category: Design   
2018年11月11日

デザインにインパクトを持たせるクリエイティブなフリーディスプレイフォント「14 Free Display Fonts with a Creative Flair」

デザインに必要不可欠なフォントは、選ぶ種類によってクオリティを左右する重要な要素。そんな、中今回紹介するのは、デザインをもっとハイクオリティに演出できるフリーフォントまとめ「14 Free Display Fonts with a Creative Flair」です。

1111-1
FREE NEON FONT

14種の、比較的新しいフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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