Gmail, Outlookをはじめ、デスクトップ・ブラウザ・スマホメールにレスポンシブ対応のHTMLメールのテンプレート -Cerberus
HTMLメールのコードは通常のWebページより難しい、という人は少なくないと思います。しかもレスポンシブ対応のHTMLメールになると、更に難易度があがります。 メールでよく利用されるレイアウトのパターンをシンプルにまとめた、レスポンシブ対応のHTMLメールのテンプレートを紹介します。 Cerberus Cerberus -GitHub Cerberusの特徴 CerberusのHTMLメールのテンプレート Cerberusの特徴 Cerberusは現在主流のメールクライアントをサポートしたレスポンシブ対応のHTMLメールのテンプレートで、MITライセンスで無料で利用できます。 サポートしているクライアントは、下記の通り。 デスクトップ Outlook 2000/02/03/07/10/13 (Windows) Outlook 2011/16 (Mac) Apple Mail Thunder
HTML5でWebページを作成する時のベースになるシンプルなコードで書かれたテンプレート
HTML5でWebページを作成する時に役立つ、必要最小限のブランクのテンプレート、ナビゲーションを上部に固定配置、写真画像などの背景画像をブラウザいっぱいに表示させるシンプルなテンプレートを紹介します。 画像: Girly Drop HTML5で作成する時の必要最小限のテンプレート ナビゲーションを上部に固定配置 背景画像をブラウザいっぱいに表示 ※以前、当ブログで紹介したものもバージョンアップされています。 HTML5で作成する時の必要最小限のテンプレート まずは、HTML5でWebページを作成する時にのシンプルなブランクのテンプレート。 A Generic HTML5 Template -GitHub ライセンスはCC0 1.0で、個人でも商用でもクライアントの案件でも無料で利用できます。利用する際に、許可やコピーライトの明記などは必要ありません。 テンプレートはIE9や8以下への最低
デザイナーがチェックしておきたい 最新フリー素材をあつめた「40 Freebies & Goodies For Web Designers – August 2015」
デザイナーがチェックしておきたい 最新フリー素材をあつめた「40 Freebies & Goodies For Web Designers – August 2015」 制作するものによっても変わってきますが、デザイナーにとってフリー素材は非常に重宝する存在。規模が大きくなるほど、トレンドに合わせたいろいろな種類の素材が必要となってくることもあるのではないでしょうか？そんな中今回紹介するのは、デザイナーがチェックしておきたい最新フリー素材をあつめた「40 Freebies & Goodies For Web Designers – August 2015」です。 Agenzia Multipurpose Psd Template | Pixel Mustache UI、アイコン、フォント、モックアップ、テーマなど、種類豊富に、比較的新しい素材がピックアップされています。 詳しくは以下 Sh
Bootstrapで最近人気の高いレイアウトやコンポーネントを簡単に実装できるテンプレートのまとめ
上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける人気の高いレイアウトやコンポーネントを簡単に実装できるBootstrap用のテンプレートを紹介します。 Bootstrap 実装方法のほとんどは、Bootstrapの最小限の構成に数行のHTMLと外部スタイルシートを記述するだけです。 Bootstrapの基本的な使い方は、下記の記事を参考にどうぞ。 参考 Bootstrapのグリッドシステムの基本な使い方 BootstrapのベースのCSSを使ってさまざまな要素を実装してみよう！基本要素とナビゲーションのスタイル 以下のテンプレートはApache 2.0ライセンスで、個人でも商用でも無料で利用できます。 Scrolling
Bootstrapでランディングページやポートフォリオを作ろうとしている人にぴったりなテンプレート -Start
プロダクトやアプリのランディングページ、ポートフォリオなど、レスポンシブ対応の縦長ページをレトロ風にデザインしたBootstrapベースのテンプレートを紹介します。 通常は有料ですが今週末まで無料なので、有料のテンプレートを使ってみたいという人はこの機会にぜひお試しください。ダウンロードはお早めに！ Start -Responsive One page Template Startの特徴 レスポンシブ完全対応 縦長1ページ用のナビゲーション ポートフォリオにフィルタリング機能 レトロスタイルの素敵なデザイン コンタクトフォームはPHPで、Captcha対応 Bootstrap 3.1.1ベース Font Awesome 4.1.0 Googleフォント Startのデモ デモでは、これらの特徴をしっかりと楽しめます。
HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」
TOP > Design > HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」 webサイトを制作する際には、デザインだけでなく全体の構成などの設計が必要となってきます。しかしコストや時間の関係でなかなか思ったようにデザインできないこともあるのではないでしょうか？そんな時に参考にしたい、HTML5のフリーレスポンシブテンプレート「50 Free Responsive HTML5 Web Templates」を紹介したいと思います。 Cafe & Restaurant Free Website Templates レスポンシブで、スマートフォンやタブレットに自動対応した、ハイクオリティなテンプレートが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Highlig
デザインをもっと魅力的に演出できるフリー素材が集まった「50+ incredible freebies for web designers, April 2015」
デザインをもっと魅力的に演出できるフリー素材が集まった「50+ incredible freebies for web designers, April 2015」 デザイン制作にはさまざまな素材が必要であり、コストパフォーマンスを良くするためにフリーで配布されている素材を探すことも多いと思います。今回はそんな時に便利な、デザインをもっと魅力的に演出できるフリー素材が集まった「50+ incredible freebies for web designers, April 2015」を紹介します。 FREE Adorable Flat Workspace on Behance いろいろなタイプの素材がまとめられており、お気に入りの素材を見つけることができそうです。 詳しくは以下 Trekking Store – PSD template – Freebiesbug シンプルなテイストの、ス
20 Free One-Page PSD Website Templates
Travel – Free PSD Template Here is free Travel Template in PSD format. It has a large fullscreen slider on the homepage. It can also be used as a great landing page template to present your service or product, if customized properly. TwoBytes – Free PSD Website Template This is a free minimal PSD website template. Free to use for just about anything. View @2x and check out the real pixels on Dribb
見ているだけでデザインの参考になりそうな無料で使えるHTML5Webサイトテンプレート
ボリュームがあり、かつクオリティの高いHTML5Webサイトテンプレートが25個紹介されていたのでシェア。 眺めているだけでも参考になりそうなテンプレート集 実際に見ているだけでも素晴らしい。とくに最初に紹介されているFlatfyはあっちではかなり利用されている黄金パターンを採用し、かつ使いやすいのが特徴的。 1. Flatfy WordPressプレミアムでもよく見かける形のもはや海外オーソドックススタイル。 この25個の中でも最も美しいデザインとして紹介されています。テンプレートはBootstrapフレームワーク、HTML5、CSS3、そしてjQueryを駆使して作られています。 2. Yebo – Flat HTML5 CSS3 Template 彼、ピーターは無料でダウンロードできるいくつかの美しいHTML5のWebテンプレートを開発しています。これはモダンかつエレガントに見える、
2014年のWebデザインのトレンドがたくさん詰まったHTML5+CSS3の無料のテンプレート -Beetle
レスポンシブ対応の縦長ページ、プロダクトページ、ランディングページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 そのまま使うもよし、スキルアップ用に勉強してもよし、です！ Beetle - Responsive HTML5 Template Beetleには、最近のWebサイトで人気のあるさまざまなコンポーネント・エフェクトが用意されています。大きい背景画像をつかったヘッダ、カード型のレイアウト、サークルを使ったエレメント、パララックススクロール、スクロールをトリガーにしたエフェクトなど、今年のWebデザインのトレンドがたくさん詰まっています。
私が普段WordPress案件で入れてるプラグインを紹介(2014年秋版)
WordBench Nagoya 11月勉強会の最後にアンカンファレンス（班別質問タイム的な感じの）をやった時、「Kさんが毎回必ず入れるプラグインを教えてほしい」という質問をいただいたのですが、残念ながらタイムアップとなったため、ブログにまとめることとなりました。 前提として サイトの用途によって必要なプラグインも変わってきますが、スタンスとしては クライアントワークで、企業サイトを作るというケースを想定 公式ディレクトリ登録プラグイン なるべく高機能ではない（負担の低そうな）もの 迷った時は国産（知人作） という感じです。 基本的なWordPress関数で済むような処理は原則として自分で書きますので、なるべくコードを書かずに表示をいじったり機能を追加したい、という方向けではないと思います。 ですので、よくある「使えるプラグイン○個まとめ」的なエントリーとはまた違ったプラグイン選定になって
Mobile App Introduction Template·フラットUIが格好良いモバイルアプリ紹介ページ用テンプレート MOONGIFT
Webページのテンプレートと言えば汎用的なものが好まれますが、ちょっと物足りないと感じることも多々あります。そんなときにはいっそのこと、特定の目的に合わせたテンプレートを選ぶのも良いです。 Mobile App Introduction Templateはまさに目的が明確で、モバイルアプリ紹介ページ用のテンプレートになっています。今時の画面デザインで紹介ページを作成する際にはぜひ！ Mobile App Introduction Templateの使い方 こちらがメイン画面。フラットなUIで格好良いですね。 機能説明ページ。アニメーションもあります。 スライド式の説明ページ。 もちろんレスポンシブなデザインです。 スクロールすると表示されるツールバー。 Mobile App Introduction TemplateはTumblrに似たカラーリングのテンプレートになっています。後はアプリの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
商用無料でしかも高品質！レスポンシブ対応、HTML5/CSS3で作成されたテンプレートのまとめ
Bootstrap 4に備えよう！グリッドと基本エレメントを忠実に再現したデザイン用の素材 -GhostlyPixels
無料でしかも高品質！レスポンシブ対応の美しいWebページを作るためのHTML5/CSS3のテンプレートのまとめ
無料でしかも高品質！1ページで構成されたサイトを作るためのHTML5/CSS3のテンプレートのまとめ | コリス
すごい無料HTMLテンプレート厳選30個まとめ 2014年5月度PhotoshopVIP |
HTMLデザインを崩さないテンプレートエンジンの作り方
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
HTMLテンプレート素材まとめ
