slick - the last carousel you'll ever need
Features Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc... Single Item
どれ使えばいいの？スマホで見やすいHTMLメールの作り方、4種類（スケーラブル、フルード、レスポンシブ、ハイブリッド） | TECHSCORE BLOG | TECHSCORE BLOG
どれ使えばいいの？スマホで見やすいHTMLメールの作り方、4種類（スケーラブル、フルード、レスポンシブ、ハイブリッド） こんにちは。仕事でHTMLメールと格闘することもあるUIデザイナー、タカムラです。 HTMLメールを作るようになってから、自分が日頃受け取っているメールを意識するようになったのですが、PC向けに作られたHTMLメールってスマホだと読む気しないですよね。 今回はモバイルフレンドリーなHTMLメールの作成方法を4種類ご紹介し、どんなケースでどの方法を採用すべきかまとめます。 Eメールを取り巻く環境 50% 以上モバイルで開封されている - emailmonday “The ultimate mobile email statistics overview" Gmail のアクティブユーザー9億人のうち、75% がモバイルで利用 -techcrunch “Gmail Now H
レスポンシブ デザイン用のレイアウトやナビゲーションなどのパターンのまとめ -This Is Responsive
レスポンシブ デザインのレイアウト、ナビゲーション、画像、フォームのパターンをはじめ、有益なリソースなどをコレクションしているサイトを紹介します。 This Is Responsive レスポンシブ デザインのパターン レスポンシブ デザインのリソースとニュース レスポンシブ デザインのパターン まずは、レイアウトやナビゲーションなど、レスポンシブ デザイン用のパターンから。 Responsive Patterns 下記にいくつかピックアップしました。
[JS]レスポンシブデザインもOK、水平タイプのナビゲーションをいい感じにするスクリプト -HorizontalNav
リスト要素で実装した水平タイプのナビゲーションのスタイルを壊すことなく、配置エリア・表示サイズに合わせて最適化するjQueryのプラグインを紹介します。 HorizontalNav [ad#ad-2] HorizontalNavのデモ HorizontalNavの使い方 HorizontalNavのデモ 水平タイプのナビゲーションの見た目は通常、成り行きや指定したサイズになりますが、HorizontalNavを使用すると配置エリアのサイズに合わせて各アイテムのサイズを均等にします。 デモ：480pxで表示 上：未適用はが成り行きで二段になってしまう幅になっても、下：適用の見た目は損なわれません。 HorizontalNavの使い方 実装は4ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//aja
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.creatorcheck.net/design/html5-css3-free-templates/
http://www.cellant.jp/news/178.html
Webのページレイアウトやコンポーネントのレスポンシブ対応のさまざまなアイデア集 -Responsive Patterns
主要デバイスが全部揃ってるレスポンシブ デザインのモックアップ用のPSD素材 -Responsive Design Mock-up Pack