はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Responsive

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 9 / 9件)
 

Webデザインの代表的な4つのレイアウト、その特徴と相違点 -Liquidapsive | コリス

2014/09/09 このエントリーをはてなブックマークに追加 238 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス static Adaptive スタティック リキッド

デモページ Responsive(レスポンシブ) Adaptive(アダプティブ) Liquid(リキッド) Static(スタティック) Responsive(レスポンシブ) レスポンシブは、デスクトップ・スマホ・タブレットなど異なる解像度ごとにレイアウトを定義するのが特徴です。一見するとリキッドのように見えますが、表示サイズに応じて要素の幅のサイズやレイアウトが変化します。 デバイスごとに合わ... 続きを読む

Responsive - その名の通りレスポンシブなHTML5デザインテンプレート MOONGIFT

2014/08/29 このエントリーをはてなブックマークに追加 59 users Instapaper Pocket Tweet Facebook Share Evernote Clip MOONGIFT プロトタイプ スクリーンショッ 見栄え 品質

デザインフレームワークを使えば見栄えのいいWebサイトがさくさくと作れます。そのまま完成には至らなくとも、プロトタイプであれば十分な品質になるのではないでしょうか。 現在、様々なデザインフレームワークがありますが、今回は名前があれな気がするResponsiveというソフトウェアを紹介します。SEO的にきつそうな気はしつつも気にせずいきましょう。 Responsiveの使い方 今回はスクリーンショッ... 続きを読む

Pickadate.js

2013/02/17 このエントリーをはてなブックマークに追加 147 users Instapaper Pocket Tweet Facebook Share Evernote Clip Pickadate.js month DatePicker

Pickadate.js pickadate.js A mobile-friendly, responsive, and lightweight jQuery dateinput picker 9.6kb min, 4.0kb gzipped As easy as: $('.datepicker').pickadate(). Go ahead… pick a date. Month & year ... 続きを読む

レスポンシブ&タッチフレンドリなWEBベースの音楽プレイヤー実装デモ:phpspot開発日誌

2012/12/14 このエントリーをはてなブックマークに追加 28 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 Webベース レスポンシブ 既存

Responsive & Touch-Friendly Audio Player | Codrops レスポンシブ&タッチフレンドリなWEBベースの音楽プレイヤー実装デモ。 次のような美しいインタフェースを持ち、レスポンシブでタッチ端末にも対応したオーディオプレイヤーのコードが公開されています。 これは知っておけば、使えそうですね。 既存のオーディオプレイヤーは沢山あれど、レスポンシブでタッチフレ... 続きを読む

表示するデバイスに最適な画像をクラウドから呼び出すオンラインサービス -ReSRC.it | コリス

2012/10/01 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス titl head デバイス クラウド

Demo 2: Page 右上の「Change width」ボタンをクリックすると、表示サイズが変更されます。 ReSRC.itの使い方 ReSRC.itを利用するには、アカウントを作成します(無料)。 HTML 画像を配置するベーシックなHTMLは下記のようになります。 <!doctype html> <html> <head> <title>Hello Responsive Web</titl... 続きを読む

プルダウン式の階層が深くても大丈夫なレスポンシブメニューの作り方。ソース付きの解説で参考になります。 → Big Menus, Small Screens: Responsive, Multi-Level Navigation | Webdesigntuts+ - コメンター

2012/09/23 このエントリーをはてなブックマークに追加 20 users Instapaper Pocket Tweet Facebook Share Evernote Clip コメンター 階層 レスポンシブメニュー ソース付き 解説

Big Menus, Small Screens: Responsive, Multi-Level Navigation | Webdesigntuts+ - If you’ve ever worked on a responsive website, you’ve no doubt had to tackle one of the trickiest problems in this emerg... 続きを読む

レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」: 小粋空間

2012/09/19 このエントリーをはてなブックマークに追加 319 users Instapaper Pocket Tweet Facebook Share Evernote Clip 小粋空間 Firefox デバイス タブレット webデザイン

レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 1.「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ(Responsive)は、「よく反応し... 続きを読む

レスポンシブ デザイン用のレイアウトやナビゲーションなどのパターンのまとめ -This Is Responsive | コリス

2012/09/12 このエントリーをはてなブックマークに追加 237 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ナビゲーション レイアウト パターン リソース

レスポンシブ デザインのレイアウト、ナビゲーション、画像、フォームのパターンをはじめ、有益なリソースなどをコレクションしているサイトを紹介します。 This Is Responsive レスポンシブ デザインのパターン レスポンシブ デザインのリソースとニュース レスポンシブ デザインのパターン まずは、レイアウトやナビゲーションなど、レスポンシブ デザイン用のパターンから。 Responsive... 続きを読む

UnoSlider - Responsive, touch enabled jQuery slider plugin

2012/04/20 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip Plugin

Features Fully responsive Mobile optimized Touch enabled Literally unlimited transitions Dynamic tooltips More than 30 options Per-slide options Easy installation Html content Easily themeable 12 preb... 続きを読む

 
(1 - 9 / 9件)