TOP  >  Canvas

Tag : Canvas

2011年11月06日

HTML5でコーディングするときに役立つ10のオンラインツール

最近ではすっかりおなじみになりつつあるHTML5。ブラウザの問題もあり、まだ広くは利用されていませんが、徐々にその範囲を拡大しつつあります。今日紹介するのはHTML5でコーディングするときに役立つ10のオンラインツールをまとめたエントリー「10 online tools to simplify HTML5 coding」です。


Initializr

様々なHTML5コーディングに役立つWEBサービス、チートシートなどが集められていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

HTML5とJSで動画に画像をWEB上で合成する「HTML5 Glasses!」

HTML5とJSの組合せでWEB上でできるとこは格段に広がり、様々な実験的なコンテンツが世界では展開されていますが、今日紹介するのはアイデア次第で面白いプロモーションに使えそうなHTML5とJSで動画に画像をWEB上で合成する「JavaScript Face Detection + Canvas + Video = HTML5 Glasses!」です。

こちらはHTML5で再生されているビデオにCanvasを利用して、ビデオに追従するエレメントを表示させるというものです。
実際どんなものか動画が公開されていましたので、下記からご覧ください。

動画は以下から

ユーザーが撮影した動画に対してなにかを合成したり、動画コンテンツに合成する絵を分けてコンテンツを変化させたり、様々な事ができそうな技術だと思います。

Library」にソースコードや実装方法などが公開されています。気になる方は是非チャレンジを。

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

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

2018年02月08日

学校や塾などの教育関係のデザインに 化学や科学をテーマにしたサイエンスアイコンセット「Radical Science Icons」

情報をわかりやすく整理して、視覚的に見せてくれるアイコンはデザインのキーアイテム。積極的にデザインに取り入れていきたいもの。今回ご紹介するのは、そんなアイコン好きの貴方におすすめな化学や科学をテーマにしたアイコンセット「104 Free, Radical Science Icons」です。

radical-science-icons_2
104 Free, Radical Science Icons

ちょっぴりマニアックなテーマですが、塾や学校など教育関係のデザインなどで活躍してくれそうです。

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

続きを読む
2007年11月09日

WordPressのログイン画面を簡単に変更するプラグイン「BM Custom Login」

前回「WordPressのログイン画面集「Change Color of Your WordPress Login」」と言う記事でWordPressのログイン画面のデザイン集と変更方法を紹介しましたが、今回はログイン画面の変更を簡単にするプラグイン「BM Custom Login」を紹介したいと思います。

BM Custom Login

こちらのプラグインを導入すれば簡単に分かりやすくWordPressのログイン画面を変更する事が可能です。

詳しくは以下

(さらに…)

続きを読む
posted 02:52  |  
Category: plugin , WordPress   
2017年12月13日

個性的な色使いとデザインが目を惹くパターン素材「Mint & Lavender Vector Patterns」

最近では様々な素材データが無料でダウンロードできるようになり便利になりました。そんな中今回紹介するのは、個性的な色使いとデザインが目を惹くパターン素材「Mint & Lavender Vector Patterns」です。

freebie01

フランスのデザイナーが手がけたインパクトのあるパターンデザインです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
2011年08月26日

さまざまな効果を演出できる Photoshop写真加工チュートリアル集「30 Brilliant Photoshop Photo Effects Tutorials」

普通に撮影した写真にさまざまなエフェクトを付けられるPhotoshopの加工技術。作り方にはさまざまな方法があり、常に新しい技術をチェックしておきたいもの。そんな中今回紹介するのは、たくさんの写真チュートリアルを集めた「30 Brilliant Photoshop Photo Effects Tutorials」です。


Create a Devastating Tidal Wave in Photoshop | Psdtuts+

写真を奇麗に見せる技術から、CGエフェクトのような加工技術まで、さまざまなチュートリアルが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:10  |  
Category: Design , Photoshop   
2011年09月10日

クオリティの高い、iPhone、iPad、PCとマルチに使えるフリーワードプレステーマ集

非常に使い勝手の良いCMS、Wordpress。国内でも多くの方が利用されていますが、今回紹介するのはiPhone、iPad、PCとマルチに使えるフリーワードプレステーマを集めたエントリー「」です。

iPhone,iPadにも対応したWPテーマ01
Yoko

ここ数年でWEBを閲覧する環境は劇的に増え、最近は考えておかないといけない事項の一つとなってきました。スマートフォン専用のテーマを創るというのも時間がかかるので、初めから対応というのは、ユーザー層によっては大きなメリットだと思います。いくつかのテーマが紹介されていますが、今日はその中から気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 05:42  |  
Category: WordPress   
2017年10月03日

デザイナー必見!ハイクオリティな最新フリーフォントをまとめた「25 Fresh Free Fonts Download」

移り変わりの早いデザインの流行に素早く対応していくためにも、最新のデザインはチェックしておきたいもの。デザインを支えてくれるフォントもどんどんと新しいタイプが登場しています。そんな中、今回ご紹介するのは、最新のデザイナー向けのフリーフォントをまとめた「25 Fresh Free Fonts Download」です。

25-fresh-free-fonts1
25 Fresh Free Fonts Download | Fonts | Graphic Design Junction

様々なテイストの無料でダウンロード可能なフリーフォントが25種類も揃っています。その中から気になったフォントを幾つかピックアップしてご紹介していますので、ぜひご覧ください。

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

続きを読む
posted 09:00  |  
Category: Font   
2009年06月15日

クリエイティブでユニークなフリーフォント「20 Creative and Unique Typefaces」

フリーで使えるクリエイティブなフォントについてはいままで多々Designdevelopで紹介してきましたが、今回紹介する「20 Creative and Unique Typefaces」はその中でもユニークな特徴のあるクリエイティブなフリーフォントを集めたまとめエントリーです。

uniqefreefont01

上記はフォントは「Laurent HW」走り書きのような表現を実現する手書きフリーフォント。手書きの味がよく表現されたフォントです。上記の他にも全部で20個のフォントが公開されていますが、今日はその中からいくつか気になったフォントを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:19  |  
Category: Design , Font   
tag: Design Font
2011年07月17日

jQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」

Flashに替わって、avascriptでコンテンツづくりをする事も多くなってきたと思いますが、今回紹介するのはjQueryで制作する、コンテンツスライダーを集めたjQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」です。


dualSlider

写真がメインのもの、動画含めてスライドするスライダー、文章を中心に見せるものなど、あらゆる種類のコンテンツスライダーが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:51  |  
Category: WebDesign   
2015年11月27日

手書き風から個性派まで デザイン性のあるフリーフォントが揃った「New Functional Free Fonts for Designers」

フリーでありながら、デザイン性のあるフォントは非常に多く配布されており、たくさんストックしておくことでいろいろなデザインに対応できるもの。そんな中今回紹介するのは、デザイン性のあるフリーフォントが揃った「New Functional Free Fonts for Designers」です。

font1127_3
LRC Type Foundry

ベーシック、手書き風から個性派まで、さまざまな種類のフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2015年08月31日

スタイリッシュなデザインフォントを集めた「30 Stylish Fonts for Ultra Sleek Websites」

フォント選びは非常に重要なポイント。選定に苦労される方も多いのではないでしょうか?その原因の一つが、膨大な数のフォントから選定しなくてはいけないこと。今回はそんなときに参考にしたい、スタイリッシュなデザインフォントを集めた「30 Stylish Fonts for Ultra Sleek Websites」を紹介したいと思います。

font0831_0
Rex free font on Behance

デザイン性に優れた、スタイリッシュさを意識したいろいろな種類のフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:48  |  
Category: Font   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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