TOP  >  HTML5

Tag : HTML5

2017年07月22日

HTMLの例をタグ毎に記したクリエイティブなチートシート「Interactive HTML Cheat Sheet」

普段私たちが見ているサイト。それを構成するHTMLはこの数十年のうちに大きく発展をしてきました。開発されたプログラミング言語は膨大であり、追いかけることも一苦労。わからないことを検索するのも非常に手間がかかります。そんなときに活躍してくれる「Interactive HTML Cheat Sheet」を紹介していきたいと思います。

chi-to_sheat_top

目的のHTMLを簡単に検索することができる便利なチートシートになります。

詳しくは以下

(さらに…)

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

様々なアニメーションを描画できる軽量なライブラリ「Anime.js」

ブラウザの発展によりjavascriptによるアニメーション表現はより高度なものとなってきていますが、今日紹介するのはCSSやSVGとも連携し、様々なアニメーションを描画できる軽量なライブラリ「Anime.js」です。

animejs

回転や移動といったシンプルなものから、ランダムな動きなどなど、作りこめばかなり高度な動きも可能な用で、CODEPENでは様々なアニメーションサンプルが上がっていました。

詳しくは以下

(さらに…)

続きを読む
posted 11:39  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加
2015年10月13日

UIデザインに使用したい さまざまなツール&リソースまとめ「New Essential UI Design Tools & Resources for Web Designers」

webサイトのUI設計をする際に、さまざまな機能を取り入れることでより魅力的なサイトを作り上げることができます。今回はそんなシーンでチェックしたい、さまざまなツール&リソースまとめ「New Essential UI Design Tools & Resources for Web Designers」を紹介したいと思います。

tool1013_1
bigfoot.js

jQueryやJavaScriptなど、ぜひ利用してみたいツールやリソースがピックアップされ、まとめられています。

詳しくは以下

(さらに…)

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

11種のHTML5&wordpressフリーテーマ集「11 Free Fresh HTML5 & Responsive WordPress Themes」

フリーのテーマを利用することで、1からの構築作業時間を短縮できるとともに、さまざまな機能などを同時に手に入れることができます。仕事の種類によって使い分けるととても便利です。今回はそんなシーンに利用したい、11種のHTML5&wordpressフリーテーマ集「11 Free Fresh HTML5 & Responsive WordPress Themes」を紹介したいと思います。

temp0912_1
WordPress › Radcliffe « Free WordPress Themes

フリーで利用できる、比較的シンプルな構造のテーマが11種、厳選され紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」

webサイトを制作する際には、デザインだけでなく全体の構成などの設計が必要となってきます。しかしコストや時間の関係でなかなか思ったようにデザインできないこともあるのではないでしょうか?そんな時に参考にしたい、HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」を紹介したいと思います。

html5_0618_1
Cafe & Restaurant Free Website Templates

レスポンシブで、スマートフォンやタブレットに自動対応した、ハイクオリティなテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2014年09月11日

シームレスに利用できるアスファルトテクスチャ「Most Useful Collection Of Free Seamless Asphalt Textures」

シームレスに継ぎ目なく使用できるテクスチャは、非常に便利で重宝する素材。今回はそんなシームレスに利用できるアスファルトテクスチャ「Most Useful Collection Of Free Seamless Asphalt Textures」を紹介したいと思います。

asp1
[GH Free Texture Library]: (ASPHALT 1) seamless tarmac road tar texture

いろいろなデザインに活用できそうなアスファルトをテーマにしたテクスチャがまとめられています。

詳しくは以下

(さらに…)

続きを読む
posted 10:11  |  
Category: Design   
2012年05月16日

ベースの写真を大胆に加工できるPhotoshopチュートリアルまとめ「120+ Photoshop Photo Manipulation Tutorials」

写真を加工することで全く異次元な空間を作り上げたグラフィック作品も多く、そのクオリティの高い表現に感嘆している方も多いのではないでしょうか?そんな中今回は、ベースの写真を大胆に加工できるPhotoshopチュートリアルをまとめた「120+ Photoshop Photo Manipulation Tutorials」を紹介したいと思います。


the making of "our future" by ~fun-g on deviantART

画像の雰囲気を活かした加工技術から、まったく新しい世界観を作り上げられる技術まで、さまざまなチュートリアルが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: Design , Photoshop   
2014年01月17日

デザインされたニュースレター用フォームまとめ「40 Wonderfully Designed Newsletter Subscription Form Photoshop Files」

新着やおすすめの情報などを届ける際に活用されるニュースレターの申し込みや、お問い合わせメッセージなどを送付する際に利用されるフォームデザイン。比較的シンプルにまとめてしまいがちですが、今回紹介するのは、デザインされたニュースレター用フォームまとめ「40 Wonderfully Designed Newsletter Subscription Form Photoshop Files」です。

lettertemp1
Subscribe to Newsletter Form (Psd) | Blugraphic

シンプルな中にもデザイン性を加えているもの、レターの雰囲気をしっかりと感じられる凝ったデザインなど、さまざまなパターンがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:54  |  
Category: Photoshop   
2013年06月18日

シンプルなピクトグラムアイコンセット「100 pictograms and icons monochromes」

デザイン制作の必須アイテムともなっているアイコンは、数多くの無料素材が配布されており、特にクオリティが高く、利用用途の幅広いアイコンは、どれだけストックがあっても嬉しいものです。そんな中今回紹介するのは、シンプルなピクトグラムアイコンセット「100 pictograms and icons monochromes」です。

dd_icon_01

イタリアでデザイナーとしても開発者としても活躍するクリエイター・danilo de marco氏によって制作された、シンプルな中にも可愛らしさを感じられるアイコンとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 06:51  |  
Category: Design   
2011年10月29日

様々なCSSレイアウトをダウンロードできるサイトをまとめた「465+ Useful CSS Layouts for Download」

WEBでは様々なデザインレイアウトがあり、クリエイティブで大きな差はできますが、基本のレイアウトはある程度決まっており、制作する上で、ベースとなるレイアウトテンプレートがあるだけで随分と楽になります。今日紹介するのは様々なCSSレイアウトをダウンロードできるサイトをまとめたエントリー「465+ Useful CSS Layouts for Download」です。


Nice and Free CSS Templates/Layouts by My Celly

基本的な1カラム、2カラム、3カラムといったベーシックなものから、シンプルなものまで様々なCSSテンプレートがダウンロード可能です。今日は紹介されている中から幾つか気になったサイトを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:31  |  
Category: WebDesign   
2009年05月19日

もう困らない!2009年WordPressテーマ100選「100 Amazing Free WordPress Themes for 2009」

WordPressの一つの魅力が豊富なテーマ。海外が中心になりますがクリエイティブで作り込まれた無料のテーマが多数公開されています。今日紹介するのは2009年に発表されたWordpressのテーマを集めたエントリー「100 Amazing Free WordPress Themes for 2009」を紹介したいと思います。

wptheme100-01
ColouriseDemo

「Smashing Magazine」にてまとめられていましたので、今回はいままでDesigndevelopでは紹介したことが無いテーマを中心にいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:14  |  
Category: WordPress   
2009年04月09日

プロの為のハイクオリティーなフリーフォント集「30 high-quality free fonts for professional designs」

Designdevelopでは様々なフリーフォントを紹介してきましたが、今回紹介するのはプロの為のハイクオリティーなフリーフォント集「30 high-quality free fonts for professional designs」です。

designersfreefonss01
Quicksand

前回紹介「デザイナーに役立つフリーフォント集「21 More Free Fonts to Enhance Your Designs」」と言う記事で紹介した「21 More Free Fonts to Enhance Your Designs」とはまた違い、スタンダードで汎用性の高いフリーフォントが多いような気がします。今回はそのなかからいくつか気になったフォントを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 10:04  |  
Category: Design , Font   
tag: 
2011年09月04日

wordpressで利用できるフリーフォームプラグイン集「20 Free Contact Form Plugins for WordPress」

プログラマーにはシンプルなフォームプログラム。ただ、デザイナーにとっては自ら組み上げるというのは少しハードルがあると思います。今日紹介するのはwordpressでフォームを簡単に実装できるフリーフォームプラグインを集めたエントリー「20 Free Contact Form Plugins for WordPress」です。


Contact Coldform

シンプルなプラグインから、非常に高機能なプラグインまで様々なプラグインが紹介されています。今日はその中から幾つか気になったプラグインをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:28  |  
Category: plugin , WebDesign , WordPress   
2015年01月31日

個性的なテーマも揃った フラットテイストのアイコンまとめ「23 Flat Icon Sets for January 2015」

どんどんと新しいタイプのものが誕生し続けているアイコン。いろいろな種類をストックされている方も多いのでは?そんな中今回紹介するのは、個性的なテーマも揃った フラットテイストのアイコンまとめ「23 Flat Icon Sets for January 2015」です。

icon0131_0
100 FREE ICONS / KITCHEN on Behance

定番として利用できるタイプはもちろん、他ではあまり見ないようなテーマのセットも紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2012年07月12日

Illustratorのスウォッチを充実させられるヘリンボンスウォッチセット「50 Free Herringbone Illustrator Pattern Swatches」

Illustratorの初期設定で組み込まれているスウォッチ、さらにデザインの幅を増やすために新しいパターンを探している方もいるのでは?今回紹介するのは、Illustratorのスウォッチを充実させられるヘリンボンスウォッチセット「50 Free Herringbone Illustrator Pattern Swatches」です。

カラーや雰囲気の異なるヘリンボン模様が50種類もセットになっています。

詳しくは以下

(さらに…)

続きを読む

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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