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

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

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

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

2009年03月21日

ハイクオリティなフリーHTML&CSSテンプレート集part2「101 High Quality CSS And XHTML Free Templates:part2」

先日「ハイクオリティなフリーHTML&CSSテンプレート集「101 High Quality CSS And XHTML Free Templates」」と言う記事で紹介した、CSSとXHTMLによって作られた無料のテンプレートを集めたエントリー。その第二弾が早速リリースされており、また第一弾とは違うクオリティーの高いHTML&CSSテンプレートが集められていました。

freetempletehtml01
Preview | Download

今回も紹介されているテンプレートの中から気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:43  |  
Category: WebDesign   
tag: webdesign
2010年07月22日

グリッドをベースにしたWordPressテーマ集「30 Grid-Based WordPress Themes」

国内でも、便利なフレームワークとして一時期から、一気に広まり、様々なWEBサイトで活用されているグリッドレイアウト。今回紹介するのはグリッドをベースにしたWordpressテーマを集めたエントリー。「30 Grid-Based WordPress Themes」です。


Grid-A-Licious

スタンダードなものから、組み換えが可能なマルチカラムのものまで、様々なテーマが公開されています。今回はその中から幾つか気になったテーマを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2011年08月08日

デザイン性の高いサンセリフフォント集「20 Free Sans-Serif Fonts for Designers」

デザインをする上で頻繁に使用されるサンセリフフォント。クセの少ない形であることから、さまざまなシーンで活躍してくれます。そこで今回紹介するのが、フリーで利用できるサンセリフフォントを集めた「20 Free Sans-Serif Fonts for Designers」です。


Font Squirrel | Free Font Titillium Text by Accademia di Belle Arti Urbino

ベーシックなタイプから遊び心のあるタイプまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:37  |  
Category: Design , Font   
2013年08月31日

世界のさまざまな国旗 フリーベクター素材まとめ「A Collection Of Free Vector Flags」

世界の国それぞれの象徴として掲げられている国旗は、デザインや意味もさまざま。デザインする上では、各国をビジュアルで表現する際に良く利用されます。そんな世界のさまざまな国旗を集めたフリーベクター素材まとめ「A Collection Of Free Vector Flags」を今回は紹介したいと思います。

flag1
2600 Flag Icon Set – Resources from GoSquared

シンプルで定番として使用できる国旗を始め、デザイン的にアレンジが加えられたものまで、いろいろなタイプの国旗ベクターが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 11:58  |  
Category: Design   
2008年11月22日

デザインの現場で使えるフリーベクターアイコン60選「60 Free Vector Icon Packs for Design Professionals」

今までDesigndevelopでも様々なベクターアイコンを紹介してきましたが、今回紹介する「60 Free Vector Icon Packs for Design Professionals – VECTORTUTS」はプロフェッショナルな現場でも耐えられるアイコンを集めてまとめたのが今回紹介するエントリーです。


36. iSimple Icon Pack

かなりの数がまとめられていますが、今回は今まで紹介したことが無いアイコンで、さらにそこから気になったアイコンをいくつかピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:01  |  
Category: Design , vector   
tag: Design vector
2013年04月22日

Photoshopに強くなる!ポスター制作のチュートリアルまとめ「40+ Awesome Photoshop Poster Tutorials For Your Inspiration」

デザイン制作やCG制作などの加工に利用することが多いPhotoshopですが、ツールの利用方法は無限大にあり、ソフトを存分に使いこなせていないとお思い方もいらっしゃるかもしれません。そんな中今回紹介するのが、Photoshopに強くなる!ポスター制作のチュートリアルをまとめた「40+ Awesome Photoshop Poster Tutorials For Your Inspiration」です。


Inception Poster with Repousse in Photoshop CS5 | Abduzeedo Design Inspiration & Tutorials

素材の重ね方やタイトル処理の作り方など、Photoshopの使い方を多方面からチェックできるチュートリアルばかりが紹介されています。中でも気になったものをいくつかピックアップしまいしたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2011年06月20日

特徴的なデザインのECwebサイト集「25 Ecommerce Web Design Inspiration」

多くの製品がインターネット上で購入できるようになっており、ネットショッピングを利用したことがあるという方も多いと思います。ECサイトデザインの原則の一つとして、アイテムの見やすさと購入のしやすさが求められますが、今回がデザイン性も重視したECwebサイト集「25 Ecommerce Web Design Inspiration」です。


Custom Plastic Bags & Reusable Bags – Custom Bags HQ

ファッションを扱うデザイン力の高さを感じるサイトから、個性溢れるオンラインギャラリーサイトまで、さまざまなECサイトが紹介されています。中でも気になったサイトをいくつかピックアップしましたので以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:26  |  
Category: WebDesign   
tag: 
2008年03月29日

半透明・角丸のツールチップを表示するJavaScript 「CoolTips」

リンク先の説明文をマウスカーソルの近くに一時的に表示するツールチップ。WEBでは主にJavaScript で実現されていますが、今回紹介する「CoolTips」はシンプルで半透明・角丸のツールチップを表示するためのJavaScriptです。

cooltips01.jpg

導入にはprototype.js、scriptaculous.jsを使っていて、必要なライブラリは全て「CoolTips — Neat tooltips under the mouse」からダウンロードできるzipファイルに含まれています。

詳しくは以下

(さらに…)

続きを読む
posted 02:10  |  
Category: WebDesign   
2008年12月23日

2008年のphotoshopチュートリアルランキング「The 100 Most Popular Photoshop Tutorials 2008」

グラフィックデザインを行う上で非常に役立つphotoshop。様々な加工や処理ができ、その奥深さは無限に広がっており、様々な表現が可能です。Designdevelopでもphotoshopを使ったチュートリアルは今までいくつか紹介してきましたが、今日紹介する「The 100 Most Popular Photoshop Tutorials 2008」は2008年中にphotoshop Ladyで紹介されたチュートリアルのランキングとなっています。


Smokin’ Woman

一年間の総括のエントリーですので、ジャンルを問わず様々なチュートリアルが公開されていました。今日はその中から気になったphotoshopチュートリアルをいくつかピックアップして紹介していきたいと思います。

詳しくは以下

(さらに…)

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

WEB2.0っぽい光沢+カラフルなタブメニュー「Pure Css Horiontal Menus」

タブ型のメニューはページナビゲーションとして取り入れられている方も多いかと思います。今日はWEB2.0っぽい今時のデザイン感のカスタマイズ可能なタブ型のナビゲーションメニュー「Pure Css Horiontal Menus」を紹介したいと思います。

CSSタブメニュー''

作りは非常に単純で、リストで構成されています。配布は全部で6色こちらの「デモページ」で動作を確認する事が可能です。各メニュー項目はテキストデータなので日本語メニューも自由に作れるようになっています。またリスト形式でマークアップされていますのでタブを増やす事も簡単にできます。

動きに派手さはありませんが、デザインもシンプルで配色もスタンダードな物が揃っていますので、あわせやすいかと思います。配布は各色ごとにzipファイルでダウンロード可能で圧縮ファイルの中には各画像とCSS、メニューだけ表示させてあるHTMLが同封してあります。組み込み方法はHTMLファイルのソースを見て頂ければ簡単にサイトに実装可能だと思います。

Pure Css Horiontal Menus

続きを読む
posted 12:03  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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