サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
パリ五輪
www.outbreak2000.com
この記事はKUSANAGI Advent Calendar 2016の10日目の記事です。 なんだかいつの間にかリレーブログのようにはせべーこと長谷川君(がわじゃねーよ!)もとい長谷部君よりバトンが渡されておりました。 1.KUSANAGIで移設先のサーバを用意する もちろんどこのクラウドでもいいです。 クラウドの管理画面からKUSANAGIでサーバを起動、rootでログインしたら以下のコマンドでWordPressをインストールします。 # kusanagi init # kusanagi provision kusanagi_html 特にDB名やDBユーザ名にこだわりがないのなら、移設元のwp-config.phpに書かれているDB名、DBユーザ名、DBパスで作っておくとちょっと楽かも。あまり意味はないけど。 ただし、基本的にwp-config.phpはコピーしてきません。KUSANA
html5には動画を文書に埋め込むための<video>タグがありますね! html5も2012年12月17日にW3Cが策定完了の発表を行ったり、2013年1月6日には全国のコワーキングスペースなどで新春!!HTML5KARUTA大会が行われるなど、話題にも事欠きませんが、流行のiPad、iPad miniなどiOS系ではFlashなどの技術が基本的には使えないなど、動画の世界もhtml5を利用した技術へとシフトしてきた感があります。 当方も今までFlashやWMVで提供していた動画を、各種スマートフォンやタブレットなどでも再生ができるように<video>タグによる動画再生へと変更することにしました。が!これが意外と面倒でしたよっと…技術的な覚え書きを残しておきます。 まずはhtml5のコードですね。 一応、現在作成中のサイトはIE7以下をばっさり切り落として作成しているので、IE8以降と一
HTML5+CSS3で新サイトを構築していたら、CSSの特にセレクタ周りでいろいろとできるな~と思ったので忘れないうちにメモしておきます。ちなみにCSS3からのセレクタもありますが、CSS2.1でもセレクタはたくさんありました。それらも含めて使ったものの紹介なので、CSS3に特化したものではないことにご注意ください。 まずはよくある「最初だけ」とか「最後だけ」とか「偶数・奇数」などなど。 htmlコード <section id="contents"> <h1>title</h1> <article> <h2>sub_title1</h2> <p>contents1</p> </article> <article> <h2>sub_title2</h2> <p>contents2</p> </article> <article> <h2>sub_title3</h2> <p>contents
最近はレスポンシブWebデザインでホームページを作ることも増えてきましたよね。 ただ、気をつけなくてはいけないのが、スマートフォンなどの携帯ブラウザで見たときも同じサイズの画像が表示されるってことです。(基本的にはですけどね) CSSの書き方にもよるのでしょうけど、@media screen and (max-width: 569px)なんて書き方で分岐していても、CSSで読まれていないはずの場所の画像が実は読まれているなんてことはよく耳にします。FireMobileSimulatorなどを導入してFirebugなどで調べれば実際に読み込まれているか調査できますのでご自身のサイトで確認してみるといいですよ。 で、media screenなどの分岐ではなく、画像はそのまま表示しちゃいましょうとなると、やはり気になるのは画像サイズですね。 PCブラウザ用に作られた画像は、例えば文字の乗って入る
まあ、いまさらIE7?とか言われそうですが、アクセスログを取得している限りまだまだ捨て切れません。(さすがにIE6は切り捨てましたが・・・) で、よくあるcssでの画像置換に関してなのですが、IE7で妙な挙動をします。 <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html;cha
さんざん格闘をしてきたwordpress MUですが、今のままでは使えないと判断しあきらめました。 今後wordpressとMUが統合されると言われていますので、複数wordpressをインストールするくらいならと検討していましたが、さまざまな部分で融通が利かないためあきらめるに至りました。 で、wordpressを複数インストールする方向で検討していますが、これが1つでなんとかなるならそれでもいいかな~ということで。再度検証開始。 まず、ページの構成から。 ページは例えばnewsという階層を作ってexeample.com/news/index.htmlなどとしたい場合、パーマリンクの変更はページには及ばないので、ページの機構だけを使って実現します。 とりあえず、newsというタイトルのページを空で作成し、過去に紹介したプラグインを利用してページにhtmlを付加します。これでexeampl
このページを最初にブックマークしてみませんか?
『www.outbreak2000.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く