- このトピックには2件の返信、2人の参加者があり、最後に
により11年、 1ヶ月前に更新されました。
-
投稿
-
-
HTMLの勉強を始めて、まだ一ヶ月くらいしか経っていないのですが、がんばって「集中執筆モード」やYoutubeのフルスクリーンモードのような「集中読モード」を作成しようと考えています。
動作は、
1. 各投稿ページ（例、http://guacamo-le.com/evernote-kowaza）を開いたら、pocketのように、サイドバーや、ヘッダー、背景のないページを表示
2. ページの右下に「集中読モードの終了」ボタンを表示
3. そのボタンをクリックすると、ヘッダー、サイドバー、フッターがスライドで表示される。
4. あるいは記事の一番下までスクロールしたら、ヘッダー、サイドバー、フッターがスライドで表示される。仕組みは
1. #header, aside, #footerをJqueryfadein,fadeoutさせる
2. marginなど、細かくCSSを調整して、記事をディスプレイの中央に配置させる。
3. 「記事の一番下までスクロールしたら」の部分は、スクロール量に合わせてボタンを表示するを参考にする。理論的には、簡単そうなのですが、実際に導入するとなると、慣れていないので何度もテストを繰り返すことになりそうです。そのたびに、filezillaを使うのは都合が悪いし、CSSの変更のように、何とかGoogle Developerツールなどでうまく仮組み込みとテストをすることはできないでしょうか？
-
Wordpressローカル環境を構築するのが手っ取り早いかと思います。
Windowsに「Instant WordPress」で超簡単にWordpressローカル環境を構築する方法
僕はこれで開発しています。一応、次のバージョンで、1カラムモードは実装するつもりです。
というかもう既に手元のファイルには機能を追加してあります。
その後、本文のみのもつける予定ではあります。
ただ、そういったjQueryを用いたエフェクトはないです。
一応機能がかぶるので、事前報告。Attachments:
-
基本的にはhtmlに何かしらするんでしょうから、codepenやjsFiddleなどのオンライン開発環境を使うという手もあります。そっくりそのままは難しいかも知れませんけど、だいたいの動作はだいたいのhtmlに対してテストできるので便利です。
Cloud9も良いかも知れませんね。
まぁPHP開発だけではなくapacheやらも理解してないとアレなんですけど、それでもオンラインで開発できるというのは便利ですよ。知り合いと共同開発もできますし。
確かwordpressもインストールできたと思うので、ある程度のことはできるはずです。一番良いのはタダってことですね(笑)
デメリットは日本語に対応してないことでしょうか。けどまぁたいてい技術的な資料は英語ですし、どんなことをしているかがだいたいわかれば英語でも問題ないかと思います。
-
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。