TOP  >  html

Tag : html

2017年03月24日

100種の無料HTML / CSSテーマがまとめられた「Best of 2016: 100 Free HTML/CSS Themes」

プログラムを組むと一言で言っても、内容は幅広く、多くの知識と技術が必要不可欠です。そんな中今回紹介するのは、時間短縮できる無料のツールをまとめた「Best of 2016: 100 Free HTML/CSS Themes」です。

app-landing-page01
GitHub – BlackrockDigital/startbootstrap-new-age: A web app landing page theme created by Start Bootstrap

できるだけ短時間でウェブサイト制作が必要とされる場合や、手順のかかるプログラムを素早くこなしたい時に役立つツールが、数多く紹介されていますのでご覧ください。

詳しくは以下

(続きを読む…)

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

シンプルで洗練されたポートフォリオサイトテンプレート「Magnet Portfolio Template」

デザイナーが自分の価値や力量を知ってもらうために必要不可欠なのが作品をまとめたポートフォリオ。昨今では紙のポートフォリオだけでは無く、WEBでのポートフォリオが必要なケースも増えてきているように感じます。今日紹介するのはシンプルで洗練されたポートフォリオサイトテンプレート「Magnet Portfolio Template」です。

freebie-slide-1480674281-1

このポートフォリオサイトテンプレート「Magnet Portfolio Template」色彩も写真以外は白と黒でまとめられており、作品自体が映えるデザインになっています。その他のページ構成は以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:30  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年11月14日

HTMLテーブルが直感的に簡単に生成できる「DIV TABLE」

tableタグやDIVタグを利用して制作するテーブル組、それほど難しい仕組みでは無いのですが、いざ手書きをすると時間を取られたりします。今日紹介するのはHTMLテーブルが直感的に簡単に生成できるWEBジェネレーター「DIV TABLE」です。

div_table01

利用方法は非常に簡単で、tableタグで生成するかDIVタグで生成するかを選んで、あとはBorder、width、Cell Paddignを設定して、あとは欲しいテーブルサイズを選択すればタグが生成されます。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:43  |  
Category: WebDesign , WebService   
このエントリーをはてなブックマークに追加
2016年05月30日

リッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」

マウスオーバーすると、色が変わったり、様々なアクションが走ったりと、WEBデザインでは多用されるホバーエフェクト。簡単に透明度だけ変えたり、色を変えたりというシンプルなものも良いのですが、一工夫されたホバーエフェクトは上手に使えばサイトの質を向上させてくれます。今日紹介するのはリッチなホバーエフェクトを実現するCSSセット「IMAGE HOVER EFFECTS」です。

hover01

画像が拡大されたり、フィルタが掛かったような表現になったり、全部で16ものホバーエフェクトを簡単に実装することが可能です。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:34  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年04月17日

各要素ごとのデザインから各コードまで参照できるデザイン集「CodePen Design Patterns」

開発する上で重要なのが各種要素の動きや挙動、見た目だけではなくて、動きもクオリティに大きく関わってきます。今日紹介するのは各要素ごとのデザインサンプル・HTML・CSS・JSのコードまで参照することができるデザイン集「CodePen Design Patterns」です。

codepen

アコーディオン・メニューアイコン、タブ、ドロップメニュー、ローディングといった、WEBサイトのインターフェイスを構成する上で重要な要素ごとにまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:55  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2016年01月13日

HTML&PSD形式のフリーテンプレートをまとめた「20 Fresh and Free HTML and PSD Templates plus GUI Packs」

テンプレートを使用することで、作業効率を上げながらデザインクオリティを高めることができたり、コスト削減をすることが可能となります。そんな中今回紹介するのは、HTML&PSD形式のフリーテンプレートをまとめた「20 Fresh and Free HTML and PSD Templates plus GUI Packs」です。

html0112_3
zGoodFood – Free Responsive Html5 Css3 Templates | Themes

PC・スマートフォン等のいろいろなタイプのテンプレートがまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
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
2009年04月12日

商用利用可!ハイクオリティーなアイコンパック「Web Injection」

ユーザーインターフェイスが改善されたり、世界観をより強固なものにしたりと様々なシーンで役立つアイコン。今日紹介するのは商用利用も可能なアイコンセット「Web Injection」です。

web-injection01

CDやストレージ。注射器、マイク、RSSフィードなどなど。お馴染みのものから少し変わったアイコンまで幅広いアイコンが収録されています全収録アイコンは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:32  |  
Category: Design   
2014年07月03日

レトロテイストのデザインアイコンセット「36 Retro Multimedia Icons」

デザインアイコンには非常にさまざまな種類が存在しており、利用するデザインに合わせて選定することが必要となってきます。そんな中今回紹介するのは、レトロテイストのデザインアイコンセット「36 Retro Multimedia Icons」です。

36retro

レトロなデザインにぴったりマッチするデザインアイコンが36種セットになってダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:58  |  
Category: Design   
2016年09月22日

最新のフリーフォントをピックアップした「20 New Superb Free Fonts For Designers」

非常にたくさんのフリーフォントがインターネット上で配布されており、どれを選んでデザインに活用して言ったら良いのか迷うことも多々あるかと思います。今回はそんなシーンにも是非参考にしたいまとめ「20 New Superb Free Fonts For Designers」を紹介したいと思います。

font0922_4
Atomic Dustbin font urban grungy handmade brush typeface

シンプルなものから、個性的なタイプまで、トレンドを抑えた20種のフリーフォントがピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:04  |  
Category: Font   
2009年08月22日

敷きつめる事ができる雲と空のパターンとテクスチャセット「Tileable Cloud Patterns and Textures」

デザインをしていて、空を足したり、雲を描いたりなどを行なった事があるという商業デザイナーの方は多いと思います。方法は色々とありますが、今回紹介するのは簡単に雲と空を好きなサイズで描ける敷きつめる事ができる雲と空のパターンとテクスチャセット「Tileable Cloud Patterns and Textures」を紹介したいと思います。

kumotex00

テクスチャの大きさは1024×1024pxとなっていてそこそこ大きなものになっています。またパターンはphotoshopのパターンファイル.patで制作されていますので簡単に利用する事ができます。いくつかのファイルが公開されていましたので下記に紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:19  |  
Category: Design , Photoshop   
2014年02月08日

バレンタインのデザインに使用したいフリー素材「16 Valentine’s Day Design Freebies」

2月14日は年に一度の甘いイベント、バレンタイン。webサイトのデザインなどにもバレンタイン仕様が取り入れられる事が多くなる季節です。そんなシーンに利用したいフリー素材「16 Valentine’s Day Design Freebies」を今回は紹介したいと思います。

valentine0
Valentine's Day Retro Set | Download free Vector

いろいろな種類の、バレンタインをイメージさせる素材が16種まとめられています。

詳しくは以下

(続きを読む…)

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

250種類以上のアイコンが一括ダウンロードできる「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」

webサイト制作の必須アイテムとなっているアイコンは、フリーで公開されている作品も多いですが、テイストを合わせたアイコンを自分でそろえる必要があります。そんな中今回は、250種類以上のアイコンをセットにした「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」を紹介したいと思います。

web制作に利用しやすいアイコンが豊富に展開された、webデザイナーに嬉しいセットとなっています。

詳しくは以下

(続きを読む…)

続きを読む
2012年01月11日

クオリティの高いフリーフォントまとめ「New High-Quality Free Fonts」

オリジナリティを追求したデザイン制作に欠かせないフリーフォント。クオリティの高さを追求し、さらにあまり利用されていないフォントを探すというのは大変な作業だと思います。そこで今回は、最近発表されたフリーフォントの中からクオリティの高いフォントを集めた「New High-Quality Free Fonts」を紹介したいと思います。


CASSANNET

シンプルなフォントから存在感の強いフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:49  |  
Category: Font   
2012年07月28日

フリーベクターを集めたベクターグラフィックス集「35 Free Vector Illustrations Sets」

制作に便利なベクターグラフィック、どんなサイズにも対応し、編集もしやすくクリエイティブの素材としては非常に使いやすいものですが、今回紹介するのは
フリーで使えるベクターデータを集めたエントリー「35 Free Vector Illustrations Sets」です。


Teenager Illustrations

全部で35のベクターデータがまとめられていますが、今日はその中からいくつか気になったベクターデータをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:51  |  
Category: Design , vector   
2015年05月19日

夏をテーマとしたポップなデザインに利用したいアイコンセット「New Summer and Vacation Icons」

もうすぐ暑い夏がやってきます。デザインシーンでも夏向けのデザインをすでに手がけている頃だと思いますが、今回紹介するのは夏をテーマとしたポップなデザインに利用したいアイコンセット「New Summer and Vacation Icons」です。

summericon1

カラフルで明るい印象が特徴の、夏をイメージさせるモチーフが揃ったフリーアイコンセットとなっています。

詳しくは以下

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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