TOP  >  テスト

Tag : テスト

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種ご紹介されています。その中から幾つかおすすめのツールをピックアップしてまとめましたので、是非ご覧ください。

詳しくは以下
(さらに…)

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

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

2010年12月01日

ソース付き!HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」

開発者の間では次世代の規格として注目を集めているHTML5。まだまだブラウザも対応していない部分もあり商業デザインではなかなか使いづらいところもありますが、従来のHTMLと比べてかなり表現できる幅が広く、確実に今後WEBデザインの世界では必要となってくるものだと思います。今日紹介するのはそんなHTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」です。


Design & Code a Cool iPhone App Website in HTML5

レイアウト的なものからJSと組合わえたものまで様々なHTML5のテクニックが学べるチュートリアルがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:39  |  
Category: WebDesign   
2013年02月02日

バレンタイン用デザインに活用できるフリーベクター素材「Freebie: Valentines Vector Pack」

日本では特に非常に盛り上がる、1年に一度のイベント・バレンタインデー。広告・web業界でもバレンタイン用のデザインが制作される機会も多いと思います。そんなシーンに活用できるベクター素材「Freebie: Valentines Vector Pack」を紹介したいと思います。

フリーで活躍するデザイナー・ Sam Jones氏よって制作された、バレンタインの雰囲気をいろいろなパーツで表現したフリーベクターデータとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 03:03  |  
Category: Design , vector   
2008年11月19日

グラフィックに特化したフリーベクターデータ集「60 Free Vector Graphics for Digital Art Pros」

今まで様々なベクターデータを紹介してきましたが、今回紹介する「60 Free Vector Graphics for Digital Art Pros – VECTORTUTS」はグラフィカルな表現に便利なベクターをひたすら集めたまとめエントリーです。ドクロ、矢印、スポーツ、植物などなど、想像力をかき立ててくれるようなベクターデータが揃っています。


2. Designious Vintage Mega Pack

全部で60種類にも及ぶベクターデータが紹介されていますが、今回はその中から気になったベクターデータをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 01:53  |  
Category: Design , vector   
tag: Design vector
2008年09月17日

商用可!落書きphotoshopフリーブラシ「Creative Doodles Photoshop Brushes」

アナログ感のあるデザインは人間味がしてベクターで描かれた、グラフィカルな作品とはまた違った魅力があります。今日紹介する「Creative Doodles Photoshop Brushes」はアナログ感溢れる落書きのようなブラシです。

スキャナで取り込んで、加工してと手書きをデザインに手間がかなりかかりますので、こういったブラシが使えるのであれば上手く使いたいですね。実際収録されているブラシのスクリーンショットを下記に貼り付けておきます。

詳しくは以下

(さらに…)

続きを読む
posted 01:33  |  
Category: Design , Photoshop   
2008年10月02日

インスピレーションを刺激するクリエイティブなフリー壁紙「30 cool wallpapers for designers」

PCの前と言う変わらない景色の中で仕事をしているとデスクトップの壁紙を変えるのが、良い気分転換になったりもします。今日紹介するのはインスピレーションを得るためにも使えるクオリティの高い、クリエイティブなフリー壁紙を紹介しているエントリー「30 cool wallpapers for designers」です。


Download wallpaper

写真合成から、ベクターデータのグラフィックまでデザインの手法は様々で、バリエーション豊かな壁紙が全部で30紹介されています。今日はその中から気になったモノをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 06:53  |  
Category: Design   
tag: Design
2012年10月04日

美しいキラキラのスパークを表現できるPhotoshopブラシまとめ「20+ Free Sets of Photoshop Sparkle Brushes」

冬を間近に控え、イルミネーションなど光の輝きを表現するデザインを求められることも多くなっているのではないでしょうか?そこで今回紹介するのが、美しいキラキラのスパークを表現できるPhotoshopブラシをまとめた「20+ Free Sets of Photoshop Sparkle Brushes」です。


GIMP Glitter Brushes » Free-Brushes.com – Free Photoshop, GIMP & Paint Shop Pro Brushes

神秘的なスパークを表現できるブラシから、可愛らしい雰囲気のブラシまで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:25  |  
Category: Design , Photoshop   
2011年09月17日

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

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


Chaos(10 Brushes)

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

詳しくは以下

(さらに…)

続きを読む
2015年04月05日

黒い縁取りラインがポイントのポップなフリーアイコン「100 Lulu Vector Icons」

さまざまなテイストのアイコンがインターネット上では配布されており、デザイナーのデザインイメージにあったものを、フリーで取り入れられるものも多く存在します。そんな中今回紹介するのは、黒い縁取りラインがポイントのポップなフリーアイコン「100 Lulu Vector Icons」です。

luluicon1

100種の、くっきり・はっきりとしたビジュアルが特徴のアイコンセットがフリーダウンロードできるようになっています。

詳しくは以下

(さらに…)

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

フリックやグリッド生成など様々なUIが簡単に実現できるjsライブラリ「egjs」

数多くの情報を整理し分かりやすく表現するために様々なユーザーインターフェイスが開発されてきましたが、今回紹介するのはフリックやグリッド生成など様々なUIが簡単に実現できるjsライブラリ「egjs」です。

egjs01

実現できるユーザーインターフェイスは全部で4つ。タッチアクションから座標位置を取得するeg.MovableCoord、シンプルなフリックeg.Flicking、要素がビューポート内に存在するかを確認できるeg.Visible、グリッドスタイルをループで生成するeg.infiniteGridとなっています。

詳しくは以下

(さらに…)

続きを読む
2010年12月11日

クリーンなイメージのwebデザインを集めた「35 Clean and Minimal Websites For Design Inspiration」

webサイトにもさまざまなデザインがあり、特に重宝されるのはシンプル、そして情報を明確に伝えるために必要なものだけをしっかりと表示させることを目的としたタイプではないでしょうか。そこで今回紹介するのは、クリーンなイメージのwebデザインを集めた「35 Clean and Minimal Websites For Design Inspiration」です。


kin Design

シンプルな中でもデザインにさまざまバリエーションが存在するということが、このまとめを見ると分かります。気になったデザインをピックアップしてみましたので下記よりご覧ください。

(さらに…)

続きを読む
posted 06:10  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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