TOP  >  WEBデザイン

Tag : WEBデザイン

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年03月09日

個性的な印象でインパクトを与えるタイポ&ベクターセット「Pool Riders Typeface + Bonus Vector Cut-Outs」

デザインをする上でインパクトのあるものを仕上げるためには、フォントや装飾アイテムがポイント。イメージにあった素材をうまく選定する必要があります。そんな時に参考にしたい、個性的な印象でインパクトを与えるタイポ&ベクターセット「Pool Riders Typeface + Bonus Vector Cut-Outs」を紹介したいと思います。

freebie-slide01

タイポとベクター素材がセットになった使い勝手のよいアイテムです。

詳しくは以下

(さらに…)

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

グラフィックデザイナーのためのおしゃれなフリーフォント「21 Fresh Free Fonts for Graphic Designers」

デザインの良し悪しの決め手ともなるフォント選び。デザイナーにとって重要なアイテムとなるので、様々なジャンルに対応できる最新のフリーフォントは必見です。そんな中今回紹介するのは、グラフィックデザイナーのためのおしゃれなフリーフォント「21 Fresh Free Fonts for Graphic Designers」です。

Fresh_Free_Font01
MINDFULLY – FREE CALLIGRAPHY FONT — Pixel Surplus | Resources For Designers

柔らかな印象を与えてくれる手書きフォントから、スタイリッシュに決まるものまで、21種類のフリーフォントを紹介しています。

詳しくは以下

(さらに…)

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

POPなカラーが目を惹く8bitの幾何学的パターンセット「8-bit Memphis Patterns Pack」

シームレスなパターンは様々なシーンで活用できるアイテム。デザーナーとしてはいくつか違ったテイストのアイテムを手元に揃えておきたいものです。そんな中今回紹介するのは、POPなカラーが目を惹く8bitの幾何学的パターンセット「8-bit Memphis Patterns Pack」です。

8bit_Patterns_01

様々な幾何学模様を組み合わせて作られた15種類のパターンセットです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design , WebDesign   
このエントリーをはてなブックマークに追加
2018年02月21日

スタイリッシュかつ汎用性の高いフリーフォント「20 Free Fonts With Special Characters」

デザインに関わる仕事をしている方なら特にフォントと向き合うことが多いと思います。タイトルやキャッチ、コピーなど用途によって適正なフォントが異なってきます。そんな中今回は、スタイリッシュかつ汎用性の高いフリーフォント「20 Free Fonts With Special Characters (02/2018 Edition)」を紹介したいと思います。

Freefont_Characters01
Jaapokki – Free Font on Behance

細かな装飾が施されたフォントからシンプルなものまで紹介されていますので、デザイナーの方必見です。

詳しくは以下

(さらに…)

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

CSSとSVGで作るアイコンセット「Let’s make multi-colored icons」

Webサイト内でよく見かけるアイコンですが、みなさんはどのように制作しているでしょうか。IllustratorやPhotoshopを使い、JPEGやPNG形式で保存している方も多いかと思いますが、今回紹介するのは、CSSとSVGで作るアイコンセット「Let’s make multi-colored icons」です。

SVG_CSS_icon02

SVGのメリットを活用したアイコンの生成方法が分かりやすく解説されています。

詳しくは以下

(さらに…)

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

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

2012年08月17日

比較的最近発表されたレトロフォントまとめ「A New Collection of Retro Fonts」

昔ながらの雰囲気や、アンティークな雰囲気を演出するデザインを好む方も多いと思いますが、各時代を象徴するデザインテイストを表現するのは、素材探しなどに手間もかかります。そんな中今回紹介するのが、さまざまなデザインテイストに利用しやすい、比較的最近発表されたレトロフォントをまとめた「A New Collection of Retro Fonts」です。


Sierra Madre フォント

ビンテージな雰囲気のフォントから、時代を象徴するテイストのフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:49  |  
Category: Design , Font   
2014年01月05日

デザイン性のあるカレンダーアイコンセット「45 Stunning Calendar Icon Sets For Free Download」

日にちを表現するデザイン部分に利用できるカレンダーアイコンは、使用頻度はそれほど高くないかもしれませんが、持っているといざという時に非常に便利なもの。今回はそんなカレンダーアイコンセット「45 Stunning Calendar Icon Sets For Free Download」です。

calendar1
Calendar Icon by thiago-silva on deviantART

デザイン性のあるさまざまな種類のアイコンがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:17  |  
Category: Design   
2008年11月23日

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

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

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

詳しくは以下

(さらに…)

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

jQueryのMooToolで実現するカレンダープラグイン集「10 Beautiful jQuery and MooTool Calendar Plugins」

javascriptのライブラリとして人気が高い、jQueryとMootool。両方ともかなり高機能で様々な事を実現する事ができますが、今回紹介するのはjQueryのMooToolで実現するカレンダープラグイン集「10 Beautiful jQuery and MooTool Calendar Plugins」です。

calj01
Full CalendarDemo

jQueryのMooToolを用いて制作された様々なカレンダーが集められています。今日はそのなかからいくつかきになったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:31  |  
Category: WebDesign   
2014年11月27日

クリスマスシーズンデザインに使えるフリー素材まとめ「25 Free Christmas Resources for Designers」

すでに街はクリスマス本番に向けて色づき始めており、デザインシーンでもクリスマス向けのデザインを手がけることが多くなってきたという方も多いのではないでしょうか?そんな時に便利に利用できる、クリスマスシーズンデザインに使えるフリー素材まとめ「25 Free Christmas Resources for Designers」を今回は紹介したいと思います。

Christmas1127_1
FREE Christmas Wreath, Holly Vector and Xmas Digital Clip Art | Zuzka Illustrations

クリスマスイメージのさまざま種類のデザイン素材がまとめられており、どれも魅力的なものばかりが揃っています。

詳しくは以下

(さらに…)

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

jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」

javascriptを利用した非常に高機能なライブラリjQuery。利用者も多く、日々新しいプラグインがリリースされており、便利に使えるので、WEB制作の現場でもにjQueryを利用して構築するということも多いと思います。今日紹介するのはjQueryのプラグインの中でも利用頻度の高い、ギャラリーやスライドショーのプラグインを集めたエントリー「20 Best jQuery Slideshow / Photo Gallery Plugins」。


1. Galleria

今回は紹介されているスライドショー&フォトギャラリープラグインからいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:32  |  
Category: WebDesign   
2007年12月18日

Firefox拡張機能でボスか来た!「hideBad」

WEBを仕事中に私用で使っている人に、そして自宅でちょっと家族には見せれないページを見ていたりする方には非常に役立つ拡張機能「hideBad」を紹介したいと思います。

これはfirefoxで表示しているタブをすべて一瞬にして閉じることができると言うfirefox拡張機能です。

詳しくは以下

タイトルにもある通り「ボスが来た」系ソフトです。「ボスが来た」ってなにと言う方は「ボスが来た – Wikipedia」をご覧ください。いつの時代も悩むことは同じですね。

使用方法は至って簡単で拡張機能インストール後、[Alt]+[X]キーを押すか、ツールバーに配置された専用の”閉じる”ボタンを押せば一瞬にして、firefoxで表示しているタブが閉じられます。

対応しているFirefoxは1.0系から2.0系までなのでまず大丈夫かと思います。「hideBad v2.0」が近日中にリリース予定で、それにyれば次回はタブを回復する機能や選んで閉じる機能も実装予定みたいです。使わないで良い状況でいることが何よりですが、どうしてもと言う場合はこちらで上手く凌いでください。

hideBad

続きを読む
posted 03:15  |  
Category: firefox , Tool   
tag: firefox Tool
2016年03月30日

WEBデザイナーのための12の軽量なCSSフレームワーク「12 Small CSS Frameworks」

EBサイトを構築するにあたって欠かせないCSS。様々な表現が可能なものですが一から組んでいくとそれなりに時間が掛かるものです。そこで便利なのが、よく使う要素や表現を簡単に利用することができるCSSフレームワーク。今日紹介するのはWEBデザイナーのために12の軽量なCSSフレームワーク「12 Small CSS Frameworks」です。

0577-01-small-css-framework-min
min

すべて5KB以内に収まるという非常に軽量なCSSフレームワークのみまとめられていましたので、その中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2012年10月29日

さまざまなデザイン制作に使いやすいタイル・シームレスパターンまとめ「Free Tileable and Seamless Patterns for Photoshop and Illustrator」

素材感を感じさせたりワンポイントとして利用したりと、幅広い利用シーンが期待できるパターン素材は、デザイン制作の必須アイテムです。そんな中今回紹介するのが、さまざまなデザイン制作に使いやすい、タイル・シームレスパターンをまとめた「Free Tileable and Seamless Patterns for Photoshop and Illustrator」です。


Subtle Patterns | Free textures for your next web project

ストックしておきたくなる素材ばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2008年12月25日

壁面のテクスチャを集めたフリーテクスチャパック「25 wall textures pack」

Designdevelopではいままで「錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」」や「29 Most Useful Texture Packs of 2008」といった記事様々なテクスチャを紹介してきましたが、今回紹介するのは壁面のテクスチャを25枚集めたフリーテクスチャパック「25 wall textures pack」を紹介したいと思います。

どちらかと言うとキレイ目な壁というよりは、ひび割れていたり汚れが見えていたりと、さらっとした感じの物ではなくて、何かしら特徴のあるが壁が中心に収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 05:33  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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