メディアクエリを使わずにcss1行だけでフォントサイズをレスポンシブ対応にする方法【CSS】

• Date：2017-10-18
• Category：MVサイト製作日記
• Tags：HTML, css
• Response：Comments 0

レスポンシブサイトを作る時に一番面倒なのが、ビューポイントに合わせてメディアクエリを使い、細かく指定することだと思います。
その指定の中で今回は、フォントサイズをレスポンシブに対応してみます。

フォントサイズの指定で代表的な方法はvwを使うことですが、これだけだと正直使いづらいと感じています。
使用率はどんなものでしょうか？スマホだけに使ったり部分的に使うのはたまに見ますが…

そこで、calcと組み合わせて、vwを使いやすくしようと思います。

縦書きで中央寄せにしたかったので3パターン試してみた【CSS】

• Date：2017-08-03
• Category：MVサイト製作日記
• Tags：HTML, css
• Response：Comments 0

私は、縦書きのデザインをコーディングをする事が中々ありません。
だからこそ、稀に縦書きボタンのデザインに出会うと、「どうやるんだっけ？」と焦ります。
なので、コピペ出来る様にメモります。

WordPressの.htaccessについて-特定のURLだけhttpsに飛ばしたりhttpに飛ばしたり

• Date：2016-05-03
• Category：MVサイト製作日記
• Tags：WordPress, .htacces
• Response：Comments 0

Wordpressで作ったサイトをSSL化することがあると思います。
サイト全体をhttpsにしたり、もしくはお問い合わせフォームだけhttpsにしたり。
お問い合わせフォームだけでしたら、既存のWordpressのプラグインで簡単に特定のURLだけをSSL化できます。

しかし今回は、サイト全体をhttpsに遷移させて、ある特定のURLだけをhttpに遷移させるというものでした。
いろいろプラグインを探し回りましたが、目的を達成するようなプラグインは見つかりませんでした。

どうやら.htaccessで何とかしないといけないということで、何とかしてみました。

SNS系のボタンを追加してみる。【Facebook/twitter/Google+1/はてなブックマーク/Poket】

• Date：2014-10-25
• Category：MVサイト製作日記
• Tags：WordPress, HTML, SNS
• Response：Comments 0

MVサイト製作日記 part.07
Facebookの「いいね！」ボタンに代表される、ソーシャル系のシェアボタンをサイトに付けてみました。
一部SNSとは違うものもありますが、 Facebook/twitter/Google+1/はてなブックマーク/Poket の5つの設置方法をまとまます。

スマホ・タブレットを判別してサイドナビを読み込まないようにしてみる【PHP】

• Date：2014-10-05
• Category：PHP, MVサイト製作日記
• Tags：WordPress, PHP
• Response：Comments 0

MVサイト製作日記 part.06
現在、横幅1640px以上のディスプレイでMVサイトを見ると、右側のサイドナビゲーションが2つ表示されます。しかし、スマホくらいの大きさのディスプレイでは、サイドナビゲーションを表示させないようにしていますし、タブレットもそこはまで大きな画面がないので、サイドナビゲーションを1つしか表示できません。
ただし、表示を消しているのはcssで非表示にしているだけなので、HTMLに無駄なソースコードとして存在しています。これを、スマホ・タブレットではサイドナビゲショーンをHTML単位で読み込ませ無いようににしてみます。スマホ回線でも少しは表示が速くなるのかな？