TOP  >  サイト

Tag : サイト

2018年02月03日

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

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

heymeta

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

詳しくは以下

(さらに…)

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

圧縮率を選んでオンラインで簡単に圧縮することができるPNG専用の便利サイト「UPNG」

背景を透過することができたり、フルカラーで保存すれば劣化が少ないなどのメリットがあるPNG画像。WEBデザインに使用する機会も多いものですが、フルカラー保存となると、画像サイズが大きくなってしまって困ることも少なくありません。そんなときに役立つ「UPNG」を今回はご紹介していきます。

スクリーンショット-2018-01-30-10.08.44
UPNG: fast PNG minifier

簡単な操作でソフトのダウンロードも不要。便利なオンラインの圧縮サイトになります。

詳しくは以下

(さらに…)

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

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

2013年12月16日

40種の美しいランディングページテンプレート「40 Beautiful Landing Page Templates」

日本のWebサイトでランディングページは訴求ありきで、広告的な表現が強いものが多いのですが、今回紹介するのはシンプルで洗練されたランディングページテンプレート集「40 Beautiful Landing Page Templates」です。

40blpt_0
Marketing – SNIPPER Landing page Powered with Rich Snippets | ThemeForest

プロモーションや、コーポレートサイトに活用出来そうなレイアウトなど、さまざまなシーンを想定したものが紹介されています。中でも気になったものをピックアップしましたので下記よりご覧ください。

(さらに…)

続きを読む
2012年08月14日

ドットで形成されたフリーフォント集「40 Simple Yet Attractive Free Dotted Fonts」

単体で個性を強く発揮しているもの、シンプルで非常に使いやすいもの、さまざまなデザインのものが、フリーフォントには存在しています。そんな中今回紹介するのは、ドットで形成されたフリーフォント集「40 Simple Yet Attractive Free Dotted Fonts」です。


PROG.BOT font by Divide By Zero – FontSpace

小さなドットを使って、アルファベットや日本語のカタカナの文字それぞれを表現したフォントが多數収録されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:35  |  
Category: Design , Font   
2011年02月10日

ハイクオリティなphotoshopブラシまとめ「80 All-You-Need Photoshop Brushes」

デザインに役立つphotoshopブラシ、非常にたくさんの種類が公開されていることもあり、よく利用されている方も多いのではないでしょうか?そんな中今回紹介するのは、ハイクオリティなphotoshopブラシまとめ「80 All-You-Need Photoshop Brushes」です。


Free Hi-Res Watercolor Photoshop Brushes | BittBox

80種類もの豊富なブラシが多彩な種類で収録されており、デザイン制作に必ず役に立ってくれそうです。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:50  |  
Category: Design   
2008年12月15日

錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」

今まで、様々なフリーで利用できるテクスチャを紹介してきましたが、今回紹介するのは錆をテーマにしたテクスチャ「Free Texture Tuesday: Rust」です。

表面だけが錆びた素材、かなり浸食して、素材自体が錆びて剥がれ落ちたものなどなど様々なテクスチャが収録されています。下記にいくつか紹介しておきます。

詳しくは以下

(さらに…)

続きを読む
posted 02:18  |  
Category: Design , Photoshop   
2007年11月27日

mixiやはてなに対応する日本発のマッシュアップツール「Myremix」

今まで本格的なもので日本語版は無かったマッシュアップツール。前回「レゴ感覚でマッシュアップができる「Popfly」を試してみました。」で紹介した「Popfly」のようなマッシュアップツールがついに日本発でリリースされました。

日本産マッシュアップツール

日本発というだけあって、標準でmixiやはてな等日本産サービスのモジュールを細かく揃えてくれています。(mixi APIs、はてなウェブサービスの利用する場合は、【設定>オプションモジュール】から各モジュールのチェックボックスをONにしてください。)

詳しくは以下

(さらに…)

続きを読む
posted 01:37  |  
Category: WebService   
2015年04月07日

18種のデザイン性のあるフレッシュなフリーフォント「18 Fresh Free Fonts for Designers」

つぎつぎと新しいものが公開されるフリーフォント。デザイン性の高いものが多く、デザイナーとして活躍されている方にとっては非常に便利な存在になっていると思います。そんな中今回は、18種のデザイン性のあるフレッシュなフリーフォント「18 Fresh Free Fonts for Designers」を紹介したいと思います。

font0407_1
ATHENA – Post-modern Typeface on Behance

個性的なものから、シンプルなテイストのものまで、厳選された18種類の中に魅力的なフォントがラインナップされています。

詳しくは以下

(さらに…)

続きを読む
posted 09:02  |  
Category: Font   
2009年09月19日

より写真をキレイに魅力的にしてくれるphotoshopアクション50選

写真の補正というものは突き詰めれば突き詰めるだけ細かな部分があって本当に力をいれて行なうと相当な時間がかかります。今日紹介するのはそんな写真の補正の時間をグンと圧縮してくれるphotoshopアクションを集めたエントリー「50 Time Saving Photoshop Actions for Enhancing Photos」です。

photoshop_actions01
Polaroid GENERATOR V1 (9 actions)

全部で50ものphotoshopアクションが紹介されています。今日は今までDesigndevelopで紹介した事が無いものを中心にいくつかきになったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:36  |  
Category: Design , Photoshop   
tag: 
2015年06月23日

iPhone6の使用イメージを簡単に作成できるテンプレート「24 Fresh Free iPhone 6 Templates to Showcase Your Designs」

Appleの最新機種・iPhone6。すでに多くの人達が使用しており、ビジュアル的なイメージ作成が必要になってくるシーンも時にはあるのではないでしょうか?そんな中今回紹介するのは、iPhone6の使用イメージを簡単に作成できるテンプレート「24 Fresh Free iPhone 6 Templates to Showcase Your Designs」です。

iphone6mock

iPhone6を手に持って使用するシーンのイメージが24種、フリーダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

サイトをより効果的に表現できる jQueryスライダーのプラグインまとめ「90 Awesome jQuery Slider Plugins」

動的なサイトを手軽に構築できる jQueryを、サイト構築に利用している方も多いと思います。そんな中今回紹介するのが、サイトをより効果的に表現できる jQueryスライダーのプラグインまとめ「90 Awesome jQuery Slider Plugins」です。


JavaScript – jQuery Banner Rotator / Slideshow | CodeCanyon

インデックスや画面スライドなど、多彩な機能を表現できるプラグインが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:42  |  
Category: plugin   
2018年04月03日

待ち時間のストレスが軽減するローディングスニペット 「 10 Free CSS Loading Spinner Snippets For Web Designers & Developers」

Webサイト閲覧bの際にデータ読み込みに時間がかかる場合、ローディング画面をよく見かけますね。ユーザーにとって待たされるというのは非常にストレスのたまる時間です。そんな中今回紹介するのは、待ち時間のストレスが軽減するローディングスニペット
「 10 Free CSS Loading Spinner Snippets For Web Designers & Developers」です。

LoadingSpinner01

ベーシックなアイテムから、ずっと見ていたくなるようなものまで、いくつか気になったものをピックアップしましたので以下よりご覧ください。

詳しくは以下

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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