TOP  >  webdesign

Tag : webdesign

2010年06月22日

クオリティの高い黒のwordpressテーマ集「20 High Quality Black Color WordPress Themes For Free Download」

世界中で利用されているオープンソースのCMS、Wordpress、高いカスタマイズ性と柔軟な使い方と豊富なデザインテンプレートが売りですが、今回紹介するのはクオリティの高い、黒のwordpressのデザインテーマ集「20 High Quality Black Color WordPress Themes For Free Download」を紹介したいと思います。

brave-zeenat-e1275632679615
Brave Zeenat – View Demo
Download Theme

洗練されたイメージを作ってくれる黒を貴重としたwordpress用のテーマが多々あつめられています。今回はその中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:21  |  
Category: WebDesign , WordPress   
このエントリーをはてなブックマークに追加
2010年06月21日

Flickrのphotostreamをサイト内でスマートにギャラリー化「Flickr photobar Gallery」

世界最大の写真共有サービスFlickr。国内でも利用していると言う方も多いのではないでしょうか?今日紹介するのはFlickrの写真を簡単にスマートなギャラリ−にすることができる「Flickr photobar Gallery」です。

flickr

クリックするとバーがせりでてくるように設計されていて、既存のWEBサイトにも無理なく、ギャラリーを統合することができます。実際のデモも公開されていましたので「Flickr Photobar Gallery Demo」からどうぞ。

詳しくは以下

ギャラリーはjQueryによるもので、サイトへの実装も単純です。呼び出すフォトストリームは解凍後のフォルダにあるjquery.Flickrphotobar.jsの斎場の var user_idの値を書き換えれば、そのユーザーIDのフォgとストリームを読むようになっています。その他のせり出てくるbarの挙動などもこのjsからある程度は制御出来ます。デザインはCSSによるものなので、サイトに合わせてカスタマイズも可能です。

使い方は色々とあると思いますが、普段の写真をFlickrにアップしているブログなどなら効果的に使えるのではないでしょうか?Flickrの写真をサイトともに活用したい方は是非どうぞ。

Flickr Photobar Gallery | Codrops

続きを読む
posted 04:36  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2010年06月20日

jQueryで実現するカレンダーを集めた「30 jQuery Calendar Date Picker Plugins」

javascriptのライブラリとして人気が高い、jQuery様々なプラグインがリリースされていますが、今日紹介するのはカレンダープラグインのみを集めたエントリー「30 jQuery Calendar Date Picker Plugins」です。

ical-like-calendar-calendar-date-picker
Create astonishing iCal-like calendars with jQuery

jQueryを利用した様々なタイプのカレンダーが全部で30まとめられています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:03  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2010年06月19日

ミニマムなアイコンセットを集めた「Top 10 Beautiful Minimalist Icon Sets」

どんなWEBサイトでも利用できるシンプルなアイコンは非常に使い勝手がよく、上手く利用さればWEB全体のクオリティも上げてくれる優れた素材です。今日紹介するのはそんな汎用性の高いミニマムなアイコンセットを集めたエントリー「Top 10 Beautiful Minimalist Icon Sets」を紹介したいと思います。

monoicons
Mono Icons

一定以上数のあるアイコンセットが集められており、一つのアイコンセットでほぼすべて事足りるようなセットが中心です。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:54  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2010年06月18日

様々なアイコン素材をさがせるサーチエンジンやライブラリを集めた「Top 10 Icon Search Engines and Libraries」

WEB制作には欠かすことができな、アイコン。使い方によっては非常にWEBの使い勝手を向上させてくれる良いツールですが、今回紹介するのは様々なアイコン素材をさがせるサーチエンジンやライブラリを集めた「Top 10 Icon Search Engines and Libraries」というエントリー。

iconserarch_01
FindIcons.com

アイコンを様々な形で探せるアイコンサーチエンジンや複数のアイコンセットがまとめられているライブラリなどがまとめられています。今日はその中から超定番を除いて、いくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」

WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。

screen-shot-2010-04-23-at-20142-pm-500x150

全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにyほって再現するというものです。

詳しくは以下

(続きを読む…)

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

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

2014年05月04日

シンプルさを可愛らしさを兼ね備えたフリーアイコン「Feather: 130 Free Icons by Cole Bemis」

フリーで配布されているアイコンにはいろいろな種類があり、デザインテイストもさまざま。そんな中今回紹介するのは、シンプルさを可愛らしさを兼ね備えたフリーアイコン「Feather: 130 Free Icons by Cole Bemis」です。

free-icons

130種の、定番として使用できるフリーアイコンがセットになってダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:41  |  
Category: Design   
2016年05月19日

フリーで使える 56アルファベットが揃ったモノグラムモチーフ「56 Awesome Vector Monograms」

フリーで配布されている素材には、いろいろな種類が存在しており、中でもデザイン性のあるパターンやモチーフはそのままデザインに使うことができて便利です。そんな中今回紹介するのは、56アルファベットが揃ったモノグラムモチーフ「56 Awesome Vector Monograms」です。

monog1

A-Zのアルファベットがモノグラムモチーフで展開された、アイデア次第でいろいろな使い方ができそうなフリー素材となっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2008年05月19日

RSSアイコンまとめの決定版「Free of charge RSS Feed Icons」

RSSアイコンはDesignDevelopでも「ユニークなフリーRSSアイコン集「Fresh, Free and Gorgeous RSS/Feed Icons」」や「先進的なフリーRSSアイコンをダウンロードできる「Design Freak」」と何度か取り上げてきましたが、いままで取り上げた物も一部被っていますが、かなりの数のRSSアイコンをまとめてくれているエントリーが今回紹介する「Free of charge RSS Feed Icons」です。

先進的なイメージをうけるRSSアイコンから、凝りに凝ったRSSアイコン、ユニークなRSSアイコン、シンプルなRSSアイコンまで、本当に多種多様なRSSアイコンがまとめられています。今日は紹介されている物の中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:45  |  
Category: WebDesign   
tag: webdesign
2007年10月17日

各テーマ共通のfaviconを表示できるプラグイン「Favicon Head」

サイトの個性を出すためにもfaviconは重要な要素の一つです。通常WordPressでfaviconは表示させるには使っているテーマのheader.phpの部分にコードを記述すれば良いのですが、これではテーマを変えた時にまたfaviconの設定をしてあげなくてはいけません。

そこで今日はこの面倒な作業をなくすためのfavicon関連のプラグイン「Favicon Head」を紹介したいと思います。

インストール方法

1.Timblogからプラグインをダウンロード

2.ダウンロードしてきた「favicon-head.php」を「 wp-content/plugins/」へアップロード

3.「favicon-head」プラグインの有効化

4.管理画面 > [各種設定] > [favicon-head]でfaviconの位置を指定

以上です。

管理人はなぜか通常のヘッダにコードを挿入する方法が上手く行かなくてfaviconの表示をプラグインに頼ってしまいました。テーマをあまり変えない人には使い道が無いかもしれませんが、テーマを頻繁に変える方にはとってもお勧めなプラグインになっています。

Timblog

続きを読む
posted 07:53  |  
Category: plugin , WordPress   
2015年03月30日

ライフスタイルやワークスタイルをイメージさせるフリーピクトグラムアイコン「Free Pictogram Icons of Everyday Life」

イラストで意味を表現するアイコン。種類やテーマには非常にさまざまな種類が存在しており、たくさんストックして状況に合わせ使い分けている方も多いのではないでしょうか?そんな中今回紹介するのは、ライフスタイルやワークスタイルをイメージさせるフリーピクトグラムアイコン「Free Pictogram Icons of Everyday Life」です。

50pict

さまざまな現場で働く人達の姿を、ピクトグラムアイコンで表現した50種のセットがダウンロードできるようになっています。

(続きを読む…)

続きを読む
posted 10:28  |  
Category: Design   
2011年11月05日

160のアイコンが収録されたフリーpsdアイコンセット「Tiny Icons」

WEBデザインには欠かせない素材の一つアイコン。多くの問題を解決してくれる、素晴らしい素材です。今日紹介するのは、psdで配布されて、カスタマイズ可能な160のアイコンが収録されたフリーpsdアイコンセット「Tiny Icons」です。

WEB上で必要なアイコンをほぼ網羅してくれており、シンプルなのでかなり使い勝手が良いアイコンセットです。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:33  |  
Category: Design , Photoshop , WebDesign   
2009年02月22日

ECサイトに使えそうなアイコン素材集「Shopping Cart Icons」

ECサイトのデザインに欠かせないのがカートなどのショッピングに関連したアイコン。今日紹介する「Shopping Cart Icons」はそんなECサイト構築の際に役立つアイコン集をさらにまとめたエントリーです。

shopicon01
Shopping Cart Icon

かなりデザインされた立体的なカートやショッピングバッグからシンプルで汎用性の高そうなアイコン集など幅広く紹介されています。今回は公開されているアイコンの中から気になったものをいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:55  |  
Category: WebDesign   
tag: webdesign
2008年06月17日

ロイヤリティフリーのフリーピクセルアイコン「Free Icons pixel style」

今まで様々なアイコンを紹介してきましたが、今回紹介するのはシンプルなピクセルでできたフリーピクセルアイコン集「Free Icons pixel style」です。シンプルながらも多種多様なアイコンが収録されています。

ピクセルと言うだけあって上記のようにアイコンは全てドット絵で展開されます。アイコンのサイズは9×9, 18×18, 28×28となっていて、ファイルはpng形式とgif形式となっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:43  |  
Category: WebDesign   
tag: webdesign
2012年02月18日

webデザイン制作に活かしたい 精度の高いフリーwebテンプレート「20 High-Quality Free PSD Templates」

webデザインを一から制作し、完成までたどり着くためのには、多くの時間が必要。しかし納期が短いといった状況も少なからずあるため、できるだけ効率良く、それでいて高いクオリティのものをアップさせたいものです。今回はそんな時に便利なテンプレート「20 High-Quality Free PSD Templates」を紹介したいと思います。


GraphicsFuel.com | Cafe & restaurant website PSD template

レイアウトやテイストなど、イメージしているデザインに近いものを選べば、制作の作業スピードを上げながら、思い通りのwebサイトを作り上げることができそうです。いくつか気になるものをピックアップしてみましたので、下記よりご覧下さい。

(続きを読む…)

続きを読む
2009年01月31日

商用可!ドット柄を簡単に作れるイラストレータースウオッチ「53 Impressive Polka Dot Pattern Swatches」

汎用性があるドット柄。ポップなイメージを演出してくれたり、モダンな印象を与えたりと、大きさや色等で様々な印象を与える事ができます。今日紹介するのはドット柄を簡単に作れるイラストレータースウオッチ集「53 Impressive Polka Dot Pattern Swatches」です。

全部で53個のドットパターンがスウオッチとして公開されていますが、今日は公開されているパターンの中からいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:13  |  
Category: Design , vector   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る