TOP  >  コーダー

Tag : コーダー

2017年04月11日

コーダーの為の実用的な色理論が学べる「Practical Color Theory for People Who Code」

Webサイトのコーディングを一手に担うコーダー。デザインに関する知識を持っているだけで、仕事の仕方も大きく変わってきます。そんな中今回ご紹介するのは、コーダー達へ向けた簡易的な色彩学を学ぶためのWebサイト「Practical Color Theory for People Who Code」です。

gGD2GtQBgu8yQAAAABJRU5ErkJggg==

色相の説明から始まりトーンオントーンなど、基礎的な知識を学ぶことができます。

詳しくは以下

(続きを読む…)

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

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

2017年11月13日

音楽・ゲーム関係のデザインに最適なフリーアイコンパック「EXCLUSIVE: FREE GEEK TECH ILLUSTRATIONS PACK」

音楽系のデザインをする際、楽器などのアイコンは多くありますが、少しマニアックなものとなるとなかなか見つからないもの。そんな中、今回ご紹介するアイコンパック「EXCLUSIVE: FREE GEEK TECH ILLUSTRATIONS PACK」は、音楽関連に特化したものとなっています。

GEEK_TECH_ILLUSTRATIONS_PACK01

くすんだレトロな色合いが可愛らしいアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

フリーページネーションpsd素材を集めた「20 Free Pagination PSDs for Web Designers」

ブログや記事投稿型のサイトなどでよく見かけるページネーションは、案外シンプルにデザインされていることが多く、味気ないもの。そんな中、今回紹介する「20 Free Pagination PSDs for Web Designers」は、さまざまなデザイン性が取り入れられた、デザイン制作に是非活用したいフリー素材です。


Pagination – PSD | Collatd.

定番として活用できそうなものから、個性的なデザインのものまで、幅広いラインアップが魅力のページネーション素材がまとめられています。中でも気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2007年11月15日

はてブコメントをスマートに閲覧できるGreasemonkeyスクリプト「habocovi.user.js」

はてなブックマークに限らずSBMのコメントにはどういったサイトなのかブックマーカーさんが解説してくれている場合や広く客観的な意見を知れたりと色々と有益な情報が記載されていることがあります。今回紹介するGreasemonkeyスクリプト「habocovi.user.js」は、はてなブックマークのコメントをスマートに簡単に閲覧できると言うスクリプトです。

はてなブコメント閲覧スクリプト

インストールするとブラウザ右下に上記のように小さいブルーの窓が表示され、ブックマーク数が表示されます。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:23  |  
Category: Greasemonkey , Tool   
tag: 
2008年08月21日

iPhoneのユーザーインターフェイス素材集「iPhone GUI PSD」

先日発売され、日本でも話題を振りまいたiphone3Gですが、今回紹介するのはそのiphoneやipod touchに使われているインターフェイスの素材集「iPhone GUI PSD」です。

これはその名の通り、iPhoneで使われているユーザーインターフェイスのパーツを素材として使えるようにPSDファイルにし、配布されている物です。上記の写真のようにかなり細かく作り込んであり、忠実に再現されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:23  |  
Category: Design , Font , Photoshop , plugin   
2015年04月02日

オーガニック食品をイメージさせるアイコンセット「Organic Food Icon Set」

特に最近、注目が高まっているオーガニック系食品。健康志向が強くなってきていることもあり、多くの人からの支持を集めているのではないでしょうか?そんな中今回紹介するのは、オーガニック食品をイメージさせるアイコンセット「Organic Food Icon Set」です。

organicfood1

ナチュラルテイストの、果物や食材をアイコン化。セットでダウンロードできるようになっています。

(続きを読む…)

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

レスポンシブなWEB制作のためのCSSフレームワークのまとめ

様々なデバイスが出現してきており、WEBサイトもその環境を考慮した制作を求められており、制作側もどんな端末でも快適に閲覧できるレスポンシブなレイアウトが広まりつつありますが、今日紹介するのはレスポンシブなWEB制作のためのCSSフレームワークのまとめ「15 Responsive CSS Frameworks Worth Considering」です。


Less Framework 4

様々な端末に対応したフレームワークが多数まとめられていますが、今回はその中からいくつか気になったフレームワークをピックアップをして紹介したいと思います。

詳しくは以下

Foundation
12カラムで構成されたレスポンシブなフレームワーク。背景も端末に併せて縮小されます。

Foundation
 
 
 
 
 
Skeleton
真っ更なレスポンシブなフレームワーク。

Skeleton
 
 
 
 
 
Amazium
ブラウザサイズによってレイアウトが組み変わるレスポンシブフレームワーク

Amazium
 
 
上記のほかにも様々な、フレームワークが紹介されています。フレームワークですので、シンプルで使いやすいので、レスポンシブなレイアウトに挑戦したいという方は是非どうぞ。

15 Responsive CSS Frameworks Worth Considering

続きを読む
posted 09:00  |  
Category: WebDesign   
tag: 
2007年11月05日

AJAXベースで動くフリーの掲示板「jibberBook2」

AJAXベースで動く掲示板スクリプト「JibberBook 2」。シンプルな作りで動きも軽く分かりやすいため、どんなデザインのページでも違和感無くとけ込ませる事ができるかと思います。

jibberBook2

書き込むと、画面が切り替わる事無くそのまま掲示板に追加され、スクロールしながら書き込んだ内容が表示されます。ページデモは以下のテキストリンクから

JibberBook 2デモページ
管理用パネルデモページ

この掲示板は動きをJavaScriptライブラリ「mootools」を利用して制御していて、掲示板自体はサーバー側でPHPで動作しているというものです。ドネーション形式ですのでフリーで利用するする事ができます。スクリプトのダウンロードは「JibberBook 2 – Free AJAX Guestbook」にアクセスしての右側のDownLoadボタンからダウンロード可能です。

デザインは同封の「theme」内に格納されていて、基本的にCSSで制御されているので、デザインのカスタマイズも容易だと思います。

続きを読む
posted 04:28  |  
Category: WebDesign   
2017年06月18日

トレンドをおさえたスタイリッシュなデザインが魅力 シームレスメンフィスパターン集「10 Memphis Style Patterns」

80年代のデザイン界に革新をもたらしたメンフィスデザイン個性の強いデザインなので最先端のトレンドを取り込みたい方にはとてもおすすめ。そんなパターンが詰まった「10 Memphis Style Patterns」を今回はご紹介していきたいと思います。

Memphis_top

ビビットなカラーでデザインにインパクトを与えてくれる特徴的な10種類のパターンが収録されています。

詳しくは以下

(続きを読む…)

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

アナログ感あふれる塗り感が美しいphotoshopブラシ集「Photoshop Brushes by Blakravell」

様々な表現が可能なクリエイティブツールphotoshop。多くのクリエイターに愛用されていおり、その表現を豊かにしてくれる様々なブラシセットが公開されていますが、今回紹介するのはアナログ感あふれる塗り感が美しいphotoshopブラシ集「Photoshop Brushes by Blakravell」です。

上記のような、少し掠れなども表現され、まるで本物の水彩ブラシで塗り重ね多様な表現のブラシセットが公開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:01  |  
Category: Design , Photoshop   
2010年02月20日

商用利用可!家具のシルエットベクターデータ「Household Items Vector Pack」

色を変えたりと一部改変したりと非常に便利に利用できるベクターデータ。グラフィック制作に置いては欠かせないものだと思います。今日紹介するのは家具のシルエットのベクターデータ素材「Household Items Vector Pack」を紹介したいと思います。

iheartvector-household-item

扇風機、シャンデリア、ワイングラス、トロフィーなどなど、様々な家にあるアイテムのベクターデータで公開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:12  |  
Category: Design , vector   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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