TOP  >  templete

Tag : templete

2014年03月10日

スマートフォンに最適化したレイアウトを実現できる フリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」

スマートフォンが携帯電話の主流となったことで、webサイトはパソコンで見る際の状態ではなく、スマートフォン用のレイアウトで制作することが当たり前となってきています。しかし、同時に両方を構築するのに時間や予算がかけられない時もあるのではないでしょうか?そんな時に便利なフリーレスポンシブHTMLテンプレート「30 Free Responsive HTML Templates」を今回は紹介したいと思います。

htmltemp1
Big Picture | HTML5 UP

スマートフォンに最適化したレイアウトを実現できるHTMLテンプレートがまとめられています。

詳しくは以下

(さらに…)

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

高品質で実用性の高い レスポンシブルHTML5フリーテンプレート「High Quality Yet Free Responsive HTML5 Templates」

webデザインを1から制作し完成までたどり着くには、かなりの時間と労力を必要とします。さらに、今ではスマートフォンからタブレットまで、ありとあらゆる端末への対応が求められることも多いのではないでしょうか?今回はそんなシーンに活用できる、レスポンシブルHTML5フリーテンプレート「High Quality Yet Free Responsive HTML5 Templates」を紹介したいと思います。

html5temp1
Royale – Free html5 Template | html5mania.com

HTML5形式の、高品質で実用性の高いフリーテンプレートが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 02:53  |  
Category: Design   
このエントリーをはてなブックマークに追加

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

2010年08月13日

jQueryで実現するスライドショー&フォトギャラリーBest20「20 Best jQuery Slideshow / Photo Gallery Plugins」

javascriptを利用した非常に高機能なライブラリjQuery。利用者も多く、日々新しいプラグインがリリースされており、便利に使えるので、WEB制作の現場でもにjQueryを利用して構築するということも多いと思います。今日紹介するのはjQueryのプラグインの中でも利用頻度の高い、ギャラリーやスライドショーのプラグインを集めたエントリー「20 Best jQuery Slideshow / Photo Gallery Plugins」。


1. Galleria

今回は紹介されているスライドショー&フォトギャラリープラグインからいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 03:32  |  
Category: WebDesign   
2017年07月31日

もう迷わない!フリーの検索ボックスのPSDデザインデータをまとめた「10 Search Box PSD Designs For Free Download」

オンラインショップなど情報量の多いサイトに欠かせないのが、検索ボックス。ユーザーにストレスを感じさせず、スムーズに案内することが可能になります。今回ご紹介するのは、そんなあると便利な検索ボックスのデザインをフリーでダウンロードできる素材をまとめた「10 Search Box PSD Designs For Free Download」です。

searchboxpsd0

シンプルでどんなサイトにも取り入れやすい、多種多様な検索ボックスのフリーデザインがまとめられています。その中から気になったものをピックアップしてご紹介しますのでご覧ください。

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

続きを読む
2009年04月04日

カラフルな蝶のベクターデータ「Butterfly Vector」

桜も咲き始め季節は春めいてきました。周囲だけではなくデザイナーの皆さんは制作するものも、春らしくなってきた頃かと思います。今日紹介するのは春を演出してくれるモチーフの一つカラフルな蝶のベクターデータ「Butterfly Vector」です。

vector-butterfly01

様々な色鮮やかな蝶がベクターデータで収録されています。グラデーションで羽の光沢感等、細かい所まで描写されており、単体でも十分に存在感があります。非常にクオリティの高いセットになっています。

詳しくは以下

(さらに…)

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

幅広いデザインに汎用できるフリーフォント「25 Beautiful Free Headline Fonts」

web上で非常にたくさん配布されているフリーフォント。デザインに合わせてさまざまなバリエーションが選べるようになっています。そんな中今回紹介するのは、幅広いデザインに汎用できるフリーフォント「25 Beautiful Free Headline Fonts」です。

hedfont1
Prime free font | Fontfabric™

個性を主張しすぎることなく、いろいろなテイストでアレンジ可能なフォントが多数まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:11  |  
Category: Font   
2009年05月30日

商用可!回路図や電子基板のフリーphotoshopブラシセット「16-blueprints-schematics Photoshop Brushes」

デザインを行なう上で、便利な素材な一つが回路図や電子基板の幾何学的な模様。特定の分野のデザインで世界観をつくるのにとても便利です。今日紹介するのはそんな回路図や電子基板のフリーphotoshopブラシセット「16-blueprints-schematics Photoshop Brushes」です。

kairo00

上記のような回路図のphotoshopブラシが高解像度で収録されています。設計図などを素材として作るときには便利そうですね。

詳しくは以下

(さらに…)

続きを読む
posted 10:18  |  
Category: Design , Photoshop   
2015年05月27日

WordPress構築のサイト制作時に参考にしたい フリーWordPressテーマ20種「20 Fresh and Free WordPress Themes: May 2015」

フリーでたくさんのテーマが配布されているWordPress。非常にクオリティの高いものも多く、活用されている方も多いと思います。そんな中今回は、フリーWordPressテーマ20種「20 Fresh and Free WordPress Themes: May 2015」を紹介したいと思います。

word0527_0
Tiles, free masonry style colorful WordPress theme | Viva Themes

20種の厳選されたWordPressテーマが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: WordPress   
2018年05月21日

写真の合成からエフェクト効果までデザイン制作に役立つPhotoshopチュートリアルのまとめ「40 Best free Photoshop tutorials from 2018」

デザイナーにとってPhotoshopは写真加工に限らず、様々なシーンで活用出来る優れたツールです。多くの機能が備わっていますが、なかなか使いこなせない。といった苦手意識を持っている方も多いかもしれません。そんな中今回は、写真の合成からエフェクト効果までデザイン制作に役立つPhotoshopチュートリアルのまとめ「40 Best free Photoshop tutorials from 2018」の紹介です。

ps_tutorial01
How to Create a High-Contrast Skateboard Flyer in Adobe Photoshop

40もの参考になるチュートリアルが紹介されたサイトです。気になった方はぜひチェックしてみてください。

詳しくは以下

(さらに…)

続きを読む
2008年01月07日

実用度の高いCSSメニューを集めた「 7 Advanced CSS Menu」

CSSでメニューもはやWEBデザインの定番の一つになってきましたが、CSSでメニューと一口に言っても、様々な使い方、作り方があります。そこで今回紹介する「7 Advanced CSS Menu, A Great Roundup!!」は様々な実用性の高いCSSで作られたメニューを集めたエントリーです。

CSSメニュー
画像は 8 web menus you can’t miss

画像をふんだんに使った物から、ぼかし等を効果的に使ったもの、シンプルなツリー型と幅広く様々なジャンルのCSSでデザインされたメニューが7つ厳選されて集められています。

詳しくは以下

(さらに…)

続きを読む
posted 11:18  |  
Category: WebDesign   
tag: webdesign
2009年12月17日

IE6、7、8をピクセル単位で見比べる事ができる「Microsoft Expression Web SuperPreview」

WEBデザイナーを最も悩ませるインターネットエクスプローラ。大きく時代をまたいでいますが、未だに各バージョンともシェアがあり、それぞれのバージョンで崩れなく表示させると言う事は、多くの場合必須であり、あまりのバグの多さに煩わしい事でもあります。今日紹介する「Microsoft Expression Web SuperPreview」はIE6/7/8でのWebサイトにおける見栄えの違いを比較・検証できるマイクロソフト製ソフトです。

microie67

こちらはWebオーサリングツール「Microsoft Expression Web」に同梱されているWebページ表示の互換性チェックツール「SuperPreview」の機能限定版とのことですが、Firefoxのチェック機能が省かれているだけなので、IEチェック用としては十分利用できます。

詳しくは以下

(さらに…)

続きを読む
posted 09:05  |  
Category: Tool , WebDesign   
2010年02月19日

HTML/CSSのテンプレートがダウンロードできるWEBサイトのまとめ「25 Best Websites For Downloading Free Html/CSS Templates」

WEBを制作する際、HTMLとCSSを利用して作ると言う方が多いかと思いますが、今日紹介するのはフリーで利用できるHTML/CSSのテンプレートがダウンロードできるWEBサイトをまとめたエントリー「25 Best Websites For Downloading Free Html/CSS Templates」です。

free-css-tamplete01
Free-Css-Templates

様々なテンプレートサイトが集められていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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