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

詳しくは以下

(さらに…)

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

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

2009年12月25日

商用可!制作に使える矢印ベクターデータセット「Arrows」

制作にとても便利な記号、矢印。非常に便利な記号で、様々な見出しのアイコンから、次へ、前へという前後関係を簡潔にしてくれたりと本当に様々な使い道がありません。一般的に三角を使って作るのが一般的ですが、その表現は様々なものがあります。今回紹介するのは様々な矢印を集めたベクターデータセット「Arrows」です。

arrows-wide01

上記のように様々なかたちの矢印がイラストレーター、フリーハンドなどで使えるベクターデータで制作されています。利用例は以下の通りです。

詳しくは以下

(さらに…)

続きを読む
posted 10:47  |  
Category: Design , vector   
2017年03月16日

定番から個性的なデザインまで!シンプルで使いやすいフリーアイコンまとめ

何かとデザインに必要になってくるアイコン。直感的にユーザーに説明することができ、今や欠かせない存在となっています。今回はそんなアイコンの中でも、定番から個性的なものまでをまとめた「A New Collection Of Free Icons For Designers」をご紹介したいと思います。

top
Designbeep

シンプルなテイストのアイコンは馴染みもよく、バリエーションとしてストックしておきたい種類がずらり。気になったアイコンを幾つかピックアップしてご紹介しますので、以下よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design , vector   
2011年09月18日

簡単にオンラインポートフォリオが作成できるWEBサービス「Carbonmade」

WEBでは多くの人に自分のデザインや作品を公開する術がありますが、今回は誰でも簡単に自分のポートフォリオが作成できるWEBサービス「Carbonmade」。HTMLなども全くわからなくても利用できるようになっています。

現在約40万ものポートフォリオが公開されており沢山の方が利用しているようです。無料で出来る範囲は5つのプロジェクトで35イメージまで。有料版は50のプロジェクトが作成でき500イメージ+10ビデオが公開できるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 02:12  |  
Category: WebService   
2011年07月03日

デザイン性の高いWEBサイトphotoshopチュートリアル「25 Excellent Photoshop Web Design Layout Tutorials」

WEBサイトデザインをする方法は様々でクリエイターによって利用しているソフトウェアも異なると思いますが、今回紹介するのはphotoshopを利用して制作するデザイン性の高いWEBサイトphotoshopチュートリアル「25 Excellent Photoshop Web Design Layout Tutorials」です。


25 Excellent Photoshop Web Design Layout Tutorials

洗練されたものからPOPなものまで幅広いデザインのWEBデザインのphotoshopチュートリアルがまとめられています。今日はその中からいくつか気になったチュートリアルをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2015年09月07日

チョークで書いたようなラフな質感が特徴のフォント集「20+ Awesome Chalk Fonts to Download」

デザインにラフな質感をプラスするために、選ぶフォントを手書き風のものにすることで効果が高まることも。今回はそんな質感を手軽に表現できる、チョークで書いたようなラフな質感が特徴のフォント集「20+ Awesome Chalk Fonts to Download」を紹介したいと思います。

chookfont3
Sketch College Font | dafont.com

厳選された、さまざまな質感の手書きフォントが紹介されており、どれも実際に使ってみたくなるものばかりが集められています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2012年03月02日

Tumblrのデザインを見やすくカスタマイズできるテンプレートまとめ「A Showcase of Great Looking Tumblr Themes」

webコンテンツを手軽にスクラップできるTumblr。気になる情報をまとめ、簡単に発信する事ができる存在として人気が高く、たくさんの人に利用されています。そんな中今回は、Tumblrの見た目をより自分らしくカスタマイズできるテンプレートをまとめた「A Showcase of Great Looking Tumblr Themes」を紹介したいと思います。


Tumblr

シンプルなデザインはもちろん、可愛らしい雰囲気のデザインやスタイリッシュなものまで、さまざまなテンプレートが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:53  |  
Category: WebDesign   
2017年12月19日

デジタルでの描画表現を支える!アーティストの為の水彩ブラシセットまとめ「25 Free Watercolor Brush Sets for Skilled Digital Artists」

高い透明感や透き通った雰囲気が魅力的な水彩。デザインでも人気の高いモチーフですが、アナログで表現しようと思うと思いの他大変なものです。そんな時に参考にしたい、水彩表現をデジタルで可能にしてくれる水彩ブラシセットまとめ「25 Free Watercolor Brush Sets for Skilled Digital Artists」を今回は紹介します。

watercolor-brush-sets-forl-artists1
watercolor brushes – 1 by jmb1 on DeviantArt

アーティスト向けのハイクオリティで使いやすいブラシセットが、25種類紹介されています。更にその中から、おすすめのブラシを幾つかピックアップしてみましたので是非ご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
2009年01月14日

様々な方法で背景画像やテクスチャが探せる「Free Backgrounds and Textures」

背景と一口に言ってもWEBサイトだったり、パワー歩員のだったり、ブログだったりと使い道は様々ですが、今日紹介する「Free Backgrounds and Textures」背景画像やテクスチャの背景を様々な方法で探すことができるWEBサイトです。

登録されている背景はジャンル別、色別、人気別、タグクラウドなどで分類されていて、細かく分類されていますので非常に探しやすくなっています。もちろんサイト内検索もあります。

詳しくは以下

(さらに…)

続きを読む
posted 06:15  |  
Category: Design , Photoshop , WebDesign   
2017年03月29日

手描きのラフなテイストアイコンセット「Hand-drawn Geek’s Treasure Chest」

デザイン制作を行う中で重要な役割をもつアイコンは、テイストによってサイト全体の雰囲気さえもガラッと変えてくれる力を持つ要素になることも。そんな中今回は、手描きのラフなテイストアイコンセット「Hand-drawn Geek’s Treasure Chest」を紹介したいと思います。

Handdraw01

遊び心のあるイラストが60個。全て手描きテキストで描かれているで、ラフな雰囲気が楽しめるようになっています。

詳細は以下

(さらに…)

続きを読む
posted 10:00  |  
Category: vector   
2016年02月09日

さまざまな描写を簡単に表現できるフリーPhotoshopブラシまとめ「50 Free Photoshop Brushes Sets For Amazing Photoshop Work」

Photoshopに搭載されているブラシ機能。いろいろな描写を簡単かつ手軽に描き出すことができる機能として重宝されています。今回はそんな、フリーPhotoshopブラシまとめ「50 Free Photoshop Brushes Sets For Amazing Photoshop Work」を紹介したいと思います。

brush0209_4
Paint Lines brushes #408 | BrushKing ♛

多彩な種類のブラシがまとめられており、どれも使ってみたくなるものばかり。きになったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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