レスポンシブデザインにチャレンジ
2013年10月12日
登録フォームに、レスポンシブデザインを採用してみた。
といっても、Bootstrapを利用しただけですが。
- http://getbootstrap.com/
- http://getbootstrap.com/getting-started/ 構造とかサンプル画面
- http://getbootstrap.com/css/ CSS、テーブル構造など
- http://getbootstrap.com/components/ Glyphiconsとか
まず、Helveticaがあるので、パッケージのCSSから削除。
フォントサイズも、ジャンボがデカイのでチョット修正。
グリッドを利用するので、初回設計ではcol-mdあたりで画面表示サイズを調整した。
タブレット端末、スマホ端末などので、スレート端末を想定して対応するが、
まだまだ、PCの方も多いので、あとノートPCだと、横幅1024の解像度もまだま現役そうだ。
なので、col-lgではチョット大きいし、1024の画面サイズでは、レスポンシブデザインで
レイアウトが変更されて、受けが悪そう。まーそれがレスポンシブデザインなんだが。
その他、やりたいメモ
主なパラメータ
Dittoで使えるプレースホルダ全一覧
リンク
- http://responsive-jp.com/
- http://www.seojapan.com/blog/responsive-design-seo
- http://photoshopvip.net/archives/40304
- http://www.sr-engine.com/blog/web-design/responsive-web-design-point.php
【補足】
Archive
- ChromeブラウザでGoogle翻訳させたくない (2024/01/16)
- AI（OpenAIのgpt-3.5-turboとgpt-4モデル）から（GitHubのプルリクエストに連動して）コードレビューをもらう。 - AI-based PR reviewer and summarizer (CodeRabbit) (2023/12/22)
- CMS：MODXを「さくらインターネット → シンレンタルサーバ（XSERVER）」移行 (2023/07/19)
- Deprecated: Array and string offset access syntax with curly braces is deprecated in *** /PHPExcel/Cell.php on line *** (2023/06/10)
- サーバ利用時の初期設定【シン・レンタルサーバー】 (2023/06/09)
- MODXでエラー / Fatal error: Uncaught Error: Call to undefined method SystemEvent::setError() (2023/04/06)
- 試してみた【シン・レンタルサーバー】 (2023/04/05)
- ChatGPT/OpenAIでレスポンシブデザインのサイト生成 (2023/01/31)
- ChatGPT/OpenAI (2023/01/28)
- CMS：MODXのブラウザでError表示 (2022/08/20)
- PageSpeed Insights／サイトのスピードチェック（測定ツール）して改善したメモ (2022/08/06)
- さくらクラウド：「ルータ＋スイッチ」を構築した話 (2022/06/22)
- Movable Typeの脆弱性 (2021/11/15)
- Vimeo/埋め込み/ドメイン指定再生/シークバー非表示/終了画面でリンク設定 (2021/03/14)
- CDN,HTML,PHP,SESSION,さくらインターネット,mini-conf (2021/01/04)
- 監視サイト：セキュリティ／障害情報など (2020/12/15)
- MODXのアップデート（1.0.23J）でPHP Deprecatedのエラー発生 (2020/10/31)
- CDNについて / AWS CloudFront (2020/08/29)
- Amazon Lightsail / phpMyAdminの利用方法 (2020/08/29)
- Amazon Lightsail セットアップ（LAMP＋DNS : 独自ドメイン＋SSL証明書 : Let's Encrypt） (2020/08/28)
- Luminar 4 ダウンロードした。もろもろのインストール方法など。 (2020/08/23)
- PDFをダウンロード、印刷させたくない（PDFjsを利用）右クリックも禁止したい。 (2020/06/29)
- ホームページ公開まで（ドメイン取得、レンタルサーバ構築） (2020/04/27)
- wdCalendarを実装したメモ（PHP7対応） (2020/03/04)
- Webリンクを実装した（決済システム：イプシロン／さくらインターネット：レンタルサーバ） (2019/11/13)
- Interoperability failure (2019/07/27)
- MODX Dittoの記述 (2019/05/21)
- GCPの初歩の初歩 (2019/04/21)
- 【MODX】ファイル管理からフォルダ作成するとPermissionエラー（権限363） (2019/04/19)
- データベースのバックアップ方法（さくらインターネット） (2019/02/19)
- PHP7.2 / MODX (2018/12/26)
- TinyMCEで挿入ファイルのフォルダ内が空表示。 (2018/11/01)
- アップロードで「Error, "Failed to upload file, internal error."」 (2018/10/29)
- MODX移行したらリソースを保存するたびにバックスラッシュが増える (2018/09/26)
- pandas:Pythonを用いた株価のデータ分析（グラフ表示／ヒートマップ） (2018/09/04)
- XenServer / CITRIX (2018/09/02)
- MODXで「新着情報/トピックス/お知らせ」の構築メモ (2018/07/26)
- Square API (2018/04/23)
- Machine Learning / Deep Learning (2018/04/23)
- さくらインターネットのベーシック認証 (2017/12/18)
- gPhoto2 / RaspberryPi2 (2017/10/24)
- MODX unvalid token 表示 (2017/10/24)
- AIPOが起動しない？ブラウザでエラー。 (2017/05/26)
- RedmineでMariaDBが起動しない。Socketエラー？ (2017/05/26)
- ownCloudで共有設定（共有マーク）が消える (2017/05/25)
- Redmine - production.log書き込めない (2017/05/23)
- DNSアンプ (2017/03/12)
- CentOS7 - SELinux (2016/11/20)
- さくらインターネット：サーバ設定 (2016/11/17)
- MODX（Evolution）のバージョンアップ（サーバ移行）のメモ (2016/07/16)
- MODXでParseエラーが出たら疑うメモ (2016/07/16)
- 朝顔市 (2016/07/07)
- WhoisでドメインのステータスがclientHold (2016/06/11)
- LAN-GTJU3H3 / Mac OS X 10.11 (2015/12/19)
- FileZillaでTLSエラー出るんだけど (2015/11/08)
- よく話すこと (2015/11/01)
- 内蔵無線LANがネットワークアダプタに表示していない（消えた）。by Windows10(SurfacePro2) (2015/09/05)
- ブラックリスト (2015/02/20)
- MODXの管理画面だけをSSL対応したときのメモ【とりあえず編】。 (2015/02/19)
- Chromebook届きました。 (2014/11/15)
- ちなみに、Inboxの招待メールは、３通まで送れる。 (2014/11/01)
- Japan IT Week 2014秋 (2014/10/31)
- TomcatとGroupSession (2014/10/12)
- LDAPサーバ障害 (2014/10/01)
- 必読、IPA（情報処理推進機構） (2014/09/18)
- php-fpm.sockのPermission (2014/09/15)
- nginx (2014/09/13)
- 検索させない (2014/09/07)
- Piwik #Open Source Web Analyticse (2014/09/05)
- サーバ管理者はWordPressと戦う？ (2014/09/05)
- sakura_vps (2014/09/01)
- サーバ監視 (2014/09/01)
- xen久しぶり (2014/08/28)
- Linuxサーバのディスク容量チェック (2014/08/13)
- RWD (2014/08/09)
- Sass (2014/07/20)
- WebDesign（Adobe） (2014/07/06)
- DNS (2014/07/03)
- webサーバの負荷が高い (2014/06/22)
- cactiとsnmp (2014/06/22)
- KeepAliveTimeout (2014/06/18)
- vmstatとuptime (2014/06/18)
- surface proを購入 (2014/01/15)
- KAGOYAのVPSでSSL設定＆ownCloud構築 (2013/11/22)
- slidr.js (2013/11/10)
- Emmet(Zen-coding) (2013/11/06)
- strtotimeでのマイナス表記 (2013/11/04)
- "D3 Show Reel"でグラフ出力してみました。 (2013/11/03)
- D3.js API Reference (2013/10/27)
- 重要なシステムファイルが書き換えられています by MODX (2013/10/19)
- OpenCVをインストール (2013/10/13)
- twitteroauthとcrontab (2013/10/13)
- レスポンシブデザインにチャレンジ (2013/10/12)
- Redmineで障害？ (2013/10/10)
- Redmine用テーマ (2013/10/06)
- Redmineを構築 (2013/10/05)
- VPSの構築 (2013/10/02)
- d3js (2013/10/01)
- リソース変数 (2013/09/22)
- MODXの階層を１つ上げ (2013/09/22)
- Linuxのディレクトリ構成 (2013/06/27)
- MacBook Air / アプリケーション (2012/07/21)
- Webメモ (2012/01/25)
- PHPExcel (2012/01/12)
- DigiNotar偽SSL証明書事件 (2011/09/07)
- macでハードコピー（PrintScreen） (2011/08/31)
- Thunderbird5.0になったら、QuickTextが利用できなくなった。 (2011/08/16)
- また、MacBook Airを買いました。 (2011/08/12)
- Mac Book Air (2011/05/19)
- WordPress関連 (2011/01/25)
- CSS設定 (2010/08/27)
- Xen（ゼン） (2010/06/27)
- iPhone4 (2010/06/25)
- SSD化 (2010/06/12)
- MODxのメモ：それでもやっぱりMODｘ。 (2010/06/11)
- Duplicate (2010/04/03)
- VMwareを使ってみた(minCentos53)。 (2010/04/03)
- iPhoneが起動しない。 (2010/03/09)
- システム開発時に利用するアプリケーション (2010/03/07)
- Zen coding がスゴイ。 (2010/02/23)
- Web制作時に利用するアプリケーション (2010/02/07)
- PHP＆MySQL関数 (2009/11/15)
- Ramdisk (2009/11/01)
- Amazon EC2/S3 (2009/10/31)
- LightNEasy、、、CMSです。 (2009/10/30)