TOP  >  Tool

Tag : Tool

2017年11月03日

ユニークなアニメーションアンダーライン「10 Unique Animated Underline Text Effects with CSS」

使いやすさや分かりやすさが重要なWebサイトはデザインだけではなく、一つひとつのアクションにもこだわって作られています。そんな中今回は、ユニークなアニメーションアンダーライン「10 Unique Animated Underline Text Effects with CSS」を紹介したいと思います。

Underline01
Decorative Text Underline

アンダーラインといってもその種類は様々。さまざまなアニメーションパターンがまとめられています。いくつか紹介されている中から気になったものをピックアップしてみました。

詳しくは以下

(続きを読む…)

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

レスポンシブ設計をスムーズにsuruレスポンシブレイアウトをテストする為のフリーツールまとめ「7 Free Tools For Testing Responsive Layouts」

現代のWebデザインに置いて欠かせない基礎設計となっている、レスポンシブレイアウト。PCとスマートフォンでの見え方の違いを手軽にチェックしたい、そんな時の手助けとなる便利なテストツールをまとめた「7 Free Tools For Testing Responsive Layouts」を今回は紹介したいと思います。

7-free-testing-responsive-layouts1
7 Free Tools For Testing Responsive Layouts | Webdesigner Depot

使いやすい全てフリーで利用できるツールが7種ご紹介されています。その中から幾つかおすすめのツールをピックアップしてまとめましたので、是非ご覧ください。

詳しくは以下
(続きを読む…)

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

洗練された雰囲気が特徴のiPhone Xモックアップセット「iPhone X Mockup Set」

11月に発売予定のiPhoneX。多くの人が発売を待ち望む中、デザイン業界ではすでに実機のモックアップが数多く登場しています。そんな中今回は、洗練された雰囲気が特徴のiPhone Xモックアップセット「iPhone X Mockup Set」を紹介したいと思います。

iPhoneX_mock-up01

iPhone Xをテーマに、シンプルで使いやすい構成のモックアップビジュアルがまとめられています。

詳しくは以下

(続きを読む…)

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

デベロッパー必見 最新のリソース10種「10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers」

多くのWebサイトを構築するデベロッパーにとって、作業時間の短縮や効率アップにつながるアイテムは日々の仕事においてとても重要です。更には新しい技術を求められるため、最新の素材をいくつか手元に置いておきたいもの。そんな時に役立つ最新のリソース10種類「10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers」を今回は紹介します。

webresources_01

便利に活用できるリソース素材が豊富に紹介されています。いくつか、気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

実際のイメージに近いものを提案できる15種類のマグカップモックアップ「15 Absolutely Free Mug Mockups That Stand Out」

紙媒体やWebサイトの提案でも欠かせないモックアップですが、オリジナルの商品を提案する際には、更に重要な役割を担っているように思います。カラーパターンであったり、形の違いで同じデザインであってもイメージが全く変わるもの。今回は、より実際のイメージに近いものを提案できる15種類のマグカップモックアップ「15 Absolutely Free Mug Mockups That Stand Out」を紹介します。

mugcup01

様々な形や質感のマグカップのモックアップ素材が揃っています。

詳しくは以下

(続きを読む…)

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

web開発者のための最新リソースまとめ「Fresh Resources for Web Developers – September 2017」

日々技術が進化する中で、開発者やデザイナーであれば常に新しいアイテムを手元に置いておきたいもの。そんな中今回紹介するのは、web開発者のための最新リソースまとめ「Fresh Resources for Web Developers – September 2017」です。

Resources01
GitHub – richtabor/MerlinWP: Better WordPress Theme Onboarding

アイコンやフォントなど、様々な場面で活用出来るアイテムがまとめられています。いくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2014年03月03日

クリエイティブな動きがデザインが実装できる フリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」

魅力的なwebサイトを実現させるためには、他にはないデザインや動きを取り入れることで、より理想に近づけることができます。今回はそんな魅力的な動きを実装できるフリーjQueryプラグイン「30 Free jQuery Plugins for February 2014」を紹介したいと思います。

jqu1403_1
Drop

そのまま利用しても、自分のデザインと組み合わせて使っても、クリエイティブなwebサイトを作り出せるプラグインがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:35  |  
Category: plugin   
2007年10月31日

WordPressの全オプションが変更できる隠しページ「All Options」

WordPressの管理画面から直接は行けませんが、WordPressの全オプションの値が表示され変更できるページが存在します。
それは「All Options(すべての設定)」と呼ばれ下記のURLを直接打ち込む事でページが表示されます。

http://(あなたのワードプレス設置のドメイン)/wp-admin/options.php

pingの送信先から記事の表示設定、プラグイン固有の設定等、名前の通り、ありとあらゆる設定項目がずらっーと並んでいて、表示、変更する事ができます。

All Options

完成されたページを少しづついじっていく時は逆に不便であまり必要ないかも知れませんが、新規でWordPressを導入したときや、サーバーを移転して設定するときは便利ページです。ただしシリアライズされたデータの変更は不可みたいでその部分は「SERIALIZED DATA」と文字ボックスに表示され、編集できないようになっています。

頻繁に使うページではないかも知れませんが覚えてくと便利かと思います。

via AOINA.COM

続きを読む
posted 09:57  |  
Category: WordPress   
tag: WordPress
2008年07月16日

カメラによる表現の可能性を広げてくれるアイデアソースのまとめ

カメラと一口に言っても様々なものがあり、撮影する手法や構図でできあがる写真は全く違うものになります。その普段とは違う写真を撮影する、又は違うものに見せるためのチュートリアルや、テクニック集をまとめているのが今回紹介する「25 Great Photography Tutorials and Links From Around the Web」です。

ただのレタッチとかではなく、写真の構図的なものから、カメラを自転車に付けて走りながら撮影するなどのアイデアものまで、実に様々なものが集められています。今日はその中からいくつ書きになるものをピックアップして紹介したいと思います。

(続きを読む…)

続きを読む
posted 02:34  |  
Category: Design , Photoshop   
2017年12月15日

クリスマス気分を高められる フリーラベルデザインまとめ「20 Creative Free Christmas Labels that You Can Download」

もうすぐクリスマス。中には、カードやポスター、パッケージなど、ツールデザイン的なものを準備されている方もいらっしゃるのではないでしょうか。今回はそんなシーンで役立ってくれる、フリーラベルデザインまとめ「20 Creative Free Christmas Labels that You Can Download」を紹介したいと思います。

christmas1215_4
Free Vector Christmas Bell – Download Free Vector Art, Stock Graphics & Images

クリスマス気分を高められる、完成されたデザインラベルが紹介されています。中でも、気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2013年04月16日

古い紙のテクスチャを集めた「Early 20th Century Paper Textures」

アンティークな雰囲気の紙テクスチャをよく、デザイン制作に利用している方も多いと思いますが、汚れた雰囲気や色のあせ具合など、思い通りの一枚を見つけるのは意外に難しいかもしれません。そんな中今回紹介するのは、古い紙のテクスチャを集めた「Early 20th Century Paper Textures」です。

わら半紙ような紙から、ノートの見開きページのテクスチャまで、8種類のテクスチャがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:08  |  
Category: Design   
2016年08月04日

森を描く事ができるブラシセット「130 PLANT BRUSHES」

デザインをする上で、森や植物といった要素を取り入れることは比較的よくある事で素材などもその分、充実していますが、多種多様な森林などを描く場合はそれなりの時間と労力がかかります。今日紹介するのはリアルな森を描く事ができるブラシセット「130 PLANT BRUSHES」です。

130_plant_brushes_by_bonvanello-da9ukcp

全部で130もの木々のオブジェクトがブラシ化されており、それらを組み合わせて利用することで比較的簡単に思い描いた森を描き出すことが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:04  |  
Category: Design , Photoshop   
2014年12月14日

いろいろな場面で活躍するPhotoshopフリー素材まとめ「40 Extremely Useful & Free Icon Photoshop Files」

Photoshopの素材は、いろいろな形式の制作シーンで活用できるということもあり人気の素材。また手軽にクオリティの高い表現ができるのも魅力となっています。そんな中今回は、いろいろな場面で活躍するPhotoshopフリー素材まとめ「40 Extremely Useful & Free Icon Photoshop Files」を紹介したいと思います。

psd1214_1
Blank letter template (PSD) | PSDGraphics

さまざまな種類のPhotoshop形式のアイコンや素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2014年10月13日

さまざまな種類のpsdアイコンをまとめた「Free PSD Icons: 1200+ Icons for Designers」

webデザインを中心によく利用されるアイコン。種類も豊富で、何かと便利に活用することができます。今回はそんなさまざまな種類のpsdアイコンをまとめた「Free PSD Icons: 1200+ Icons for Designers」を紹介したいと思います。

icon1013_1
Webicons – 100 Stroke & Fill Icons | GraphicBurger

テイストやテーマなど、いろいろなタイプのアイコンがたくさん揃っており、いろいろなシーンで利用することができそう。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

商用可!ロイヤリティーフリーの音源をジャンル別にダウンロードできる「SOUND JAY」

上手く使えば良い演出となる、音源をジャンル別にダウンロードできるサイトが今回紹介する「SoundJay.com – Free Sound Effects」です。かなり細かくジャンル分けされていて、バックグラウンド、ボタンサウンド、メカっぽい音、ミュージックなど様々な音源が配布されています。

カテゴリー内でもかなりバリエーション豊かで例えば、「Ambient Sound Effects」では、空港のゲート、バス内部、遊んでいる子どもなど、様々な音が配布されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:08  |  
Category: WebDesign   
tag: webdesign
2010年01月05日

WEBページに必須なシンプルなユーザービリティ「Five Simple but Essential Web Usability Tips」

WEBを制作する上で、いくつかポイントがあるかと思いますが、WEBは使われるものなので、ユーザービリティは最も考えなくては行けないものの一つです。今日紹介するのはWEBページを制作する上で、必須なシンプルなユーザービリティ「Five Simple but Essential Web Usability Tips」です。

somotips5-01

WEBページを制作していく上で、知っておいた方が良い要素が簡単にまとめられていました。今回は意訳して紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:47  |  
Category: WebDesign   
tag: webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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