TOP  >  エコ

Tag : エコ

2018年04月30日

環境をテーマにしたフリーで使える50種類のエコロジーアイコン「50 Free Ecology Icons (Linear, Flat, Outlined)」

様々なシーンで活用できるアイコン素材はいくつ手元にあっても困ることはありません。今回紹介するのは、環境をテーマにしたフリーで使える50種類のエコロジーアイコン「50 Free Ecology Icons (Linear, Flat, Outlined)」です。

ecologyicon01

Webサイトやグラフィックデザインどちらでも使えるベクターデータのアイコン素材です。

詳しくは以下

(さらに…)

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

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

2017年05月16日

フレンドリーな印象を与えるグラデーションビジネスアイコン「Free Download: 48 Nolan Business Icons by Icons8」

固い印象が望まれるビジネスシーンですが、状況によっては砕けた印象を与える方が効果的な場合もあります。今回ご紹介するのはそんなシーンで活用したい、親しみやすい印象を与えるアイコンセット「Free Download: 48 Nolan Business Icons by Icons8」です。

nolan_icon_01

全部で48種類ものビジネスアイコンが揃うグラデーションが美しいアイコンセットです。全てフリーでダウンロード・利用が可能な素材となっています。

詳しくは以下
(さらに…)

続きを読む
2008年03月20日

WordPressのテーマをカスタマイズ&ダウンロード「WordPress Layout Generator」

WordPressの魅力はデザインテンプレートの豊富さにありますが、それでも自分にピッタリというテーマは自分自身で制作しないとなかなかピッタリ来る物はありません。今日紹介する「WordPress Layout Generator」はWordPressのカスタマイズの基礎となりうるベースのテーマをカスタマイズしてダウンロードできるオンラインサービスです。

wppelwordpress01.jpg

ベースとして使えるのは全部で6種類基本的には大幅なレイアウト変更はオンライン上ではできないようになっていて、カスタマイズは各パーツの色になります。

詳しくは以下

(さらに…)

続きを読む
posted 10:57  |  
Category: WordPress   
2012年08月26日

注意や案内を促すためのNotificationを実現するjQueryのまとめ「20 Useful jQuery Notification Plugins and Tutorials」

多様化するWEBサイトの中で、様々なユーザーが迷わないような工夫が施されていますが、今回紹介するのはその中でも、注意や案内を促すためのNotificationを実現するjQueryをまとめたエントリー「20 Useful jQuery Notification Plugins and Tutorials」です。


jQuery “growl-like” notification plugin

Notificationといっても、アラート的なものから、メッセージの数を知らせるものなど様々ですが、今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WebDesign   
2014年05月05日

定番フォントとして知っておきたい サンセリフフォントまとめ「20 Free Sans Serif Fonts Every Designer Should Have」

文字の線の太さが一定で作り出されているサンセリフフォント。シンプルでどんなデザインにもマッチしやすいことから、定番フォントとして活用されています。そんなサンセリフフォントをまとめた「20 Free Sans Serif Fonts Every Designer Should Have」を今回は紹介したいと思います。

sunfont1
Free Font TeX Gyre Adventor by GUST e-foundry | Font Squirrel

サンセリフフォントの中でも、洗練さやデザイン性を持った種類が豊富にまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2007年10月23日

CSSの働きを動的に確認できる「CSS Sandbox」

完全に覚えていないとなかなかCSSのコードからその処理を頭に思い描くのは難しいかと思います。今日紹介するのはCSSの動きを簡単に確認できるサービス「CSS Sandbox」を紹介したいと思います。こちらを使えば瞬時に動作確認が行なえます。

CSS Sandbox

使い方は非常に簡単で画面の下のコードをクリックするだけで上のプレビュー欄に反映され、確認する事が出来ます。

選択されたCSSは上記のように赤く反転しますので今どんなCSSが使われているのかが直感的に分かるようになっています。かなりの数のCSSが登録されていますのでCSSを覚えたての方は色々な発見が出来きるかと思います。

CSS Sandbox2

CSSの処理を学ぶだけではなく、ブラウザ上で動作しますのでCSSでのブラウザごとの表示など様々な用途で使えそうです。動的に動いているのでサクサクチェックできるのもポイントです。

CSS Sandbox

続きを読む
posted 12:05  |  
Category: WebService   
2010年02月12日

ハイクオリティーなフリーグランジフォント「30 High Quality Grunge Fonts for Web Designers」

雰囲気と質感を高めてくれるグランジ表現。テクスチャなども人気ですが、今回紹介するのはそんなグランジ系の素材と併せて使えるフリーグランジフォントを集めたエントリー「30 High Quality Grunge Fonts for Web Designers」です。

4990810
4990810

上記のようなかすれたり、手書きで壁に書いたようなフォントが多々集められています。今日はその中から特に気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:27  |  
Category: Design , Font , plugin   
tag: Design Font
2011年01月04日

WEB制作で使えるJavascriptを使わない制作テクニック集「32 Javascript Alternatives with Pure CSS – Updated」

様々なWEBサイトで利用されているjavascript。様々なライブラリなども開発され幅広い表現が可能になっていますが、今日紹介するのはJavascriptを使わない制作テクニックを集めた「32 Javascript Alternatives with Pure CSS – Updated」です。


CSS Image Maps: A Beginner’s Guide | Noobcube

マップ、グラフなどを始め、様々なテクニックがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:03  |  
Category: WebDesign   
2012年09月14日

ユーザービリティに配慮したデザイン制作に!ローディング画像のPSD素材まとめ「18 Free Progress And Loading Bars High Quality PSD’s」

企業の顔として当たり前の存在となっているWEBサイトは、一般ユーザーの方がいかにストレスなく利用することができるかを考えることが重要です。そんな中今回は、ユーザービリティに配慮したデザイン制作に使える、ローディング画像のPSD素材をまとめた「18 Free Progress And Loading Bars High Quality PSD’s」を紹介したいと思います。

印象的なローディング画像やプログレスバーが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:33  |  
Category: Design   
2012年06月08日

自然な風化の質感を楽しめるテクスチャパック「Metal: Texture Pack」

アンダーグラウンドなデザインによく利用される、メタルなどのハードなテクスチャは、自然な風化の雰囲気を表現するのが難しい素材。そんな中今回紹介するのが、自然な風化の質感を楽しめるテクスチャパック「Metal: Texture Pack」です。


free_metal_texture_07.jpg (JPEG 画像, 4252×2835 px)

錆や傷など、自然に風化してできた風合いが楽しめるテクスチャが8種類もセットになったテクスチャパックとなっています。中でも気になるテクスチャをいくつかピックアックしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:39  |  
Category: Design   
2017年07月05日

WEBデザイナーのための6つのオンラインツール「6 Essential Open Source Tools for Web Designers」

スマートフォンやタブレット端末が普及した今日では、毎日 Webサイトを閲覧するという人も随分多くなったのではないでしょうか。そんな中今回紹介するのは、日々変化していくWebサイトを制作するWEBデザイナーのための6つのオンラインツール「6 Essential Open Source Tools for Web Designers」です。

essential01
Krita | Digital Painting. Creative Freedom.

デザインの手助けをしてくれるアイテムはとても便利で、より良いものを作る事ができる優れものです。その中でも、気になったものをいくつかピックアップしてみました。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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