TOP  >  インターネット

Tag : インターネット

2017年06月11日

Webデザイナーやデベロッパーの大きな手助けになるCSS3チュートリアル集「10 Pure CSS3 Tutorials And Examples」

CSSはWebサイト構築の上で非常に便利なものですが、今回は様々な機能でデザインを形にしてくれる、CSS3をマスターするために便利なチュートリアル「10 Pure CSS3 Tutorials And Examples」を紹介したいと思います。

CSS3tutorials_top
How to Code a Homepage Template with HTML5 and CSS3 | Medialoot

最新のCSS3を使ったチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

複数のフォトサイトを横断検索することができる便利なフリー画像検索サービス「FreePhotos.cc」

写真一枚でデザインの印象は大きく変わってしまうからこそ、選定にはしっかりこだわっていきたいもの。今回はそんな時に知っていると便利な「FreePhotos.cc」を紹介していきたいと思います。

FreePhotos.cc_top

複数のフォトサイトを横断検索することができる便利なフリー画像検索サービスサイトとなっています。

詳しくは以下

(続きを読む…)

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

たくさんのUIデザインをまとめたサイト「Sketch App Sources」

さまざまなデザインを手掛けるデザイナーにとって、参考となるイメージや素材、テーマをまとめたサイトはとてもこころ強いもの。そんな中今回は、たくさんのUIデザインをまとめたサイト「Sketch App Sources」を紹介したいと思います。

sketch

UIデザインを中心に、いろんなテーマでクオリティの高い参考デザインがまとめられています。

詳しくは以下

(続きを読む…)

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

2色のベースカラーを使ってグラデーションを生成できるジェネレーター「Blend」

グラデーションを作り出すのは、簡単なように見えて意外に難しいもの。絶妙な色合いをイメージ通りに表現したい、今回はそんな時に便利なwebジェネレーター「Blend」を紹介したいと思います。

colinkeany1

2色のベースカラーを使ってグラデーションを生成できる、シンプルでありながらも使い勝手の良さが魅力のwebサービスとなっています。

詳しくは以下

(続きを読む…)

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

徐々に色が変化する背景作成が簡単にできるジェネレーター「CSS Gradient Animator」

webサイトの背景やメインビジュアルなどに、グラデーションの美しい色を使用することもあると思いますが、美しい色合いを作り出すのは意外に難しいもの。今回はそんな時に便利に活用できる、徐々に色が変化する背景作成が簡単にできるジェネレーター「CSS Gradient Animator」を紹介したいと思います。

gradient

2色の好きな色を設定するだけで、非常に簡単にグラデーションカラーを作り出すことができるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:04  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2014年09月12日

グラデーションを楽しみながらコード取得もできるサイト「uiGradients」

デザイン制作の際に、色合いにニュアンスを出すために使用されるグラデーション。きれいな色の組み合わせが成功するとデザインが一気に魅力的なものに変化することも。今回はそんなシーンで役立てたい、グラデーションを楽しみながらコード取得もできるサイト「uiGradients」を紹介したいと思います。

gura

ひたすらグラデーションを閲覧するといった非常にシンプルなサイトですが、色の濃淡のコード取得ができるなど実用的にも活用できるサイトとなっています。

詳しくは以下

(続きを読む…)

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

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

2013年08月14日

正当派からクリエイティブなものまで、ハイクオリティなフリーフォント集「8 Fresh High-Quality Free Fonts」

フォントはデザイナーにとってはとても重要なもので、常に新しい書体を探しているという方も多いと思います。今回照会するのは、正当派からクリエイティブなものまで、ハイクオリティなフリーフォントを集めたエントリー「8 Fresh High-Quality Free Fonts」です。

freefonts01
Dense Regular

かっちりとした、美しいフォントから、あまり見ないタイプのフォントまで、様々なフォントがまとめられていました。今日はその中からいくつか気になったものをピックアップして照会したいと思います。

詳しくは以下

geogram typeface
規則性を持った、アルファベットと記号が組合わさったフォント。

freefonts05
 
 
 
 
 
Look Up
フォントが全て矢で描かれていて、極力遂げ入れないように一筆書きのようになっています。

freefonts07a
 
 
 
 
 
Kelson Sans
Light Regular Boldと3種類のファミリーで展開されているフォント。色々と使い勝手が良さそうなフォントです。

freefonts08
 
 
フォントの利用規約はフォント毎に異なりますので、利用については最終の配布元をご確認ください。上記の他にも様々なフォントがまとめられていました。フォントを探している方は是非原文もご覧ください。

8 Fresh High-Quality Free Fonts | Freebies

続きを読む
posted 10:13  |  
Category: Design , Font   
2016年11月14日

HTMLテーブルが直感的に簡単に生成できる「DIV TABLE」

tableタグやDIVタグを利用して制作するテーブル組、それほど難しい仕組みでは無いのですが、いざ手書きをすると時間を取られたりします。今日紹介するのはHTMLテーブルが直感的に簡単に生成できるWEBジェネレーター「DIV TABLE」です。

div_table01

利用方法は非常に簡単で、tableタグで生成するかDIVタグで生成するかを選んで、あとはBorder、width、Cell Paddignを設定して、あとは欲しいテーブルサイズを選択すればタグが生成されます。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:43  |  
Category: WebDesign , WebService   
2015年05月12日

webサイトなどの読み込み・待機中に利用したい フリーのローディング&プログレスバー13種「13 Free PSD Loading & Progress Bar Designs」

webサイトにアクセスした時や、重たいデータを読み込みする際に使用するローディング&プログレスバー。シンプルなデザインのものが多いですが、しっかりとデザインされたものが配置されていると、サイトクオリティをより高めることができます。今回はそんな時に参考にしたい、フリーのローディング&プログレスバー13種「13 Free PSD Loading & Progress Bar Designs」を紹介したいと思います。

loading1
Dribbble – Round Progress Meter (PSD Freebie) by Marco Moreno

デザイン的に非常に優れ、なおかつフリーで使用できるものが厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

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

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

詳しくは以下

(続きを読む…)

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

柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

WEB制作を行う上で、非常に有益な素材の一つアイコンセット。質の高いインターフェイスを気軽に実現できる便利で実用的な素材の一つです。今日紹介するのは、柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」

シンプルなデザインなのでどんなデザインにも応用が効きそうです。スマートフォンのインターフェイスに活用されている例が公開されていましたので下記からごらんください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:22  |  
Category: Design , vector , WebDesign   
2015年12月08日

使える・デザイン性の高い 最新のフリーアイコンセットまとめ「16 Free & Fresh Icon Sets For Web Designers」

webの世界で特に頻繁に利用することの多いアイコン。常に最新のデザインをチェックされている方も多いのではないでしょうか?そんな中今回紹介するのは、使える・デザイン性の高い 最新のフリーアイコンセットまとめ「16 Free & Fresh Icon Sets For Web Designers」です。

icon1208_3
Freebie: Voyage Icon Set (40 Icons, AI, EPS, SVG, PNG) – Smashing Magazine

いろいろなテーマのアイコンがピックアップされており、どれもダウンロードしておきたくなるものばかり。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

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

手書きの矢印のフリーベクターデータセット「HANDDRAWN VECTORS」

矢印というのはとても便利なもので。ポジティブな印象を与えたり、注目させたり、ステップを踏ませたりと向きや使い方次第で様々な印象を与えることができますが、今日紹介するのは手書きの矢印のフリーベクターデータセット「HANDDRAWN VECTORS」です。

ラフなものから、サインペンでかいたものまで幅広く、全部で120もの矢印が収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:06  |  
Category: WebService   
2011年06月24日

豊富なデザインバリエーションが魅力のソーシャルアイコンセット集「35 Handy Social Media Icon Sets」

デザイン制作に欠かせない存在となっているアイコンは、多くのフリー素材が展開されており、利用している方も多いと思います。そんな中今回紹介するのは、豊富なデザインバリエーションが魅力のソーシャルアイコンセット集「35 Handy Social Media Icon Sets」です。


Set of social icons by ~Tydlinka on deviantART

サービスロゴなどをモチーフにしたアイコンが多数紹介されています。中でも特に気になったアイコンをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

画像やイメージの魅せ方にこだわれるWordPressプラグインまとめ「12 Best Photo and Image WordPress Plugins」

さまざまなプラグインを利用して、手軽にオリジナリティの高いサイトを構築できるWordPress。今回は、数あるWordPressのプラグインの中から、画像やイメージの魅せ方に優れたプラグインをまとめた「12 Best Photo and Image WordPress Plugins」を紹介したいと思います。


WordPress › Featured Content Gallery « WordPress Plugins

シンプルなスライドはもちろん、ユニークな動きを演出できるプラグインが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:03  |  
Category: plugin , WordPress   
2017年03月20日

インクのハネを表現するPhotoshopブラシセット20選「20 Free Splatter Brushes Sets for Photoshop」

インクがハネたような飛沫は、デザインに勢いを出したり、ちょっとしたアクセントに使ったりなど大活躍する定番素材。今回ご紹介するのは、そんな飛沫を表現出来るPhotoshopブラシセットをまとめた「20 Free Splatter Brushes Sets for Photoshop」です。

003687-Splatter-Natural-Pack-.3.-by-env1ro-on-DeviantArt
20 Free Splatter Brushes Sets for Photoshop

約20ものPhotoshopブラシセットが紹介されており、ブラシのニュアンスや質感なども多数揃う優秀なまとめです。今回はその中から気になった素材を幾つかピックアップしてご紹介いたします。

詳しくは以下

(続きを読む…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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