TOP  >  生成

Tag : 生成

2018年02月03日

媒体別のメタタグを表示してくれるwebサイト「HEY META」

webサイトを制作する時に必ず必要になってくるメタ。タイトル、ディスクリプション、画像といった基本情報は、FacebookやTwiiterなど媒体別の設定をしておくことで、よりサイトの精度が高まります。今回はそんな媒体別のメタタグを表示してくれるwebサイト「HEY META」を紹介します。

heymeta

現在設定されているメタをベースに、それぞれに最適なメタと記述を簡単に生成することができます。

詳しくは以下

(さらに…)

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

美しいグラデーションを簡単生成可能なwebジェネレーター「ColorSpace」

グラデーションカラーを取り入れたデザインは、現在の主流トレンドの一つとなっていますが、思うような色合いを作りだすのはなかなか難しいもの。そんな時に参考にしたい「ColorSpace」を今回は紹介したいと思います。

generator01

美しいグラデーションを簡単に生成することができるwebジェネレーターです。

詳しくは以下

(さらに…)

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

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

2016年01月24日

ヴィンテージな質感に写真加工できるキット「Vintage Photo Press Kit」

写真は撮ったそのままでももちろん素敵な場合も多いのですが、気に入った質感にならなかったり、デザインに合わせて加工が必要な場合も多いと思います。そんな中今回紹介するのは、ヴィンテージな質感に写真加工できるキット「Vintage Photo Press Kit」です。

vintage1

いつもの写真が、どこか懐かしい雰囲気のレトロな質感に変化。新しい写真の魅力を発見できるフォトキットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2015年10月12日

デザイン性の高いUIデザインを100日紹介するサイト「100 Days UI」

デザインベースを作り上げるのに必要なUI設計。またその先の設計に基づいたデザイン性のあるクリエイティブも重要となってきます。今回はそんなシーンで参考にしたい、デザイン性の高いUIデザインを100日紹介するサイト「100 Days UI」を紹介したいと思います。

dailyui

いろいろな種類のデザインUIがピックアップされリストギャラリーとなり紹介されています。

詳しくは以下

(さらに…)

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

わずかなコードでフリガナを自動入力するjavaScript「AutoRuby.js」

何かを登録する際、フォームでは必ずと言っていいほど、名前とフリガナを入力しなければいけません。今回紹介するるjavaScript「AutoRuby.js」はそんなフォームでのフリガナ入力を自動化してくれるというものです。

自動化と聞くとかなり複雑なカスタムをほどこそ無ければいけないのかなと思うのですが、そんなことは無く、簡単に利用することができます。簡単に手順を下記に記しておきます。

詳しくは以下

(さらに…)

続きを読む
posted 05:22  |  
Category: WebDesign   
2014年03月24日

最新のクリエイティブなフリーフォント「13 Fresh and Free Fonts for March 2014」

常に新しいデザインが発信されるインターネット上では、デザインを作り上げる過程で必要になる素材も多数ダウンロードできるようになっています。そんな中今回紹介するのは、最新のクリエイティブなフリーフォント「13 Fresh and Free Fonts for March 2014」です。

font130324_1
Garado Blnco font by swistblnk – FontSpace

新鮮で、デザインに彩りを与えてくれるフォントが厳選されまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 11:12  |  
Category: Font   
2009年12月10日

ウィンドウ幅に合わせて、隙間無く段組みしてくれるJQuery「Masonry」

最近のWEBレイアウトで紙面に近いような多段な組み方をした、WEBレイアウトが出てきていますが、今回紹介するのは多数のボックスをウィンドウ幅に合わせて、隙間無く段組みしてくれるJQuery「Masonry」です。

ddddd

特に違和感無く動作し、動作も速く安定していしています。JQueryを読み込ませて簡単なコードを付加してあげるだけで動作します。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: WebDesign   
2011年09月17日

制作に便利な新しいphotoshopブラシ「50 New and Free Photoshop Brush Packs」

グラフィックを作り込むのに非常に便利なphotoshop。そのなかでもブラシ機能は簡単に、様々な表現を実現してくれる便利なものです。今日紹介するのは制作に便利な新しいphotoshopブラシを集めたエントリー「50 New and Free Photoshop Brush Packs」。


Chaos(10 Brushes)

全部で50ものクリエイティブなブラシがまとめられていますが、今日はそのなかでも気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2012年04月06日

WEBサイトで利用しやすいシンプルなパターンを集めたポータルサイト「SubtlePatterns」

テクスチャなどの素材を程よく利用することは、クオリティの高さを感じさせるWEBデザイン制作に役立ちます。そこで今回紹介するのが、シンプルなパターン素材を集めたポータルサイト「SubtlePatterns」です。

シンプルでさまざまなデザインに利用しやすいパターン素材が、豊富にラインナップされています。

詳しくは以下

絶妙なニュアンスをつけられるパターン素材が200種類以上のそろっており、サイト上で背景に使用した場合の雰囲気をプレビュー確認することもできます。ダウンロードできる素材のサイズは、正方形のPNGデータになっているので、Fireworksのテクスチャフォルダに入れておけば、デザイン制作作業時にも手軽に利用できるというのが嬉しいですね。

テクスチャ制作の参考に利用するのはもちろん、既存のテクスチャ素材だけでは物足りなさを感じている方におすすめのサイトとなっていますので、気になる方は、是非下記原文をチェックしてみてください。

Subtle Patterns | Free textures for your next web project

続きを読む
posted 11:11  |  
Category: WebService   
2011年11月25日

幅広いシーンの印象的なテクスチャまとめ「Random Textures To Use In Your Design Project」

画像テクスチャなどの利用は、デザイン性やクオリティをプラスする事のできる有効な手段の一つです。今回紹介する「Random Textures To Use In Your Design Project」では、特に人々の印象に残りやすいテクスチャばかりが集められています。


CIMG4841__2_.jpg

自然の風景から工業的なアイテムの抽象的な表現まで、様々なテクスチャが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 06:51  |  
Category: Design   
2016年11月01日

レトロポップな170個収録のビジネスアイコンセット「170 Retro Business Icons」

アイコン素材はデザインの感覚を揃えて利用すれば、サイトの統一感、ユーザーインターフェイスの精度など向上させてくれます。今日紹介するのはまとめて利用できるレトロポップな170個収録のビジネスアイコンセット「170 Retro Business Icons」です。

170-retro-business-icons-600-00

上記の様なポップでレトロな温かみのあるデザインテイストでビジネスに関するアイコンが全部で170個収録されています。収録されているアイコンセットは以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 01:59  |  
Category: Design , vector   
2008年12月07日

デザイナーのためのWEBポートフォリオ集「50 Beautiful and Creative Portfolios」

自分の作品や経歴などをまとめたポートフォリオ。デザイナーなら一度は作った事があるかとは思いますが、今回紹介するのはすばらしいWEBポートフォリオをまとめた、ポートフォリオ集「50 Beautiful and Creative Portfolios」です。


Domenico Tedone Design

タイトルの通り全部で50ものポートフォリオサイトが集められていて、様々なタイプのデザイナーのポートフォリオが公開されていますが、今回はその中から気になったWEBポートフォリオを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:32  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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