CSS | テクニカルノート https://accelboon.com/tn WordPress PHP C# などプログラミングに関するメモ Wed, 14 Aug 2019 01:25:53 +0000 ja hourly 1 https://wordpress.org/?v=6.2 CSS 途中で要素を画面いっぱいに広げる https://accelboon.com/tn/css-%e9%80%94%e4%b8%ad%e3%81%a7%e8%a6%81%e7%b4%a0%e3%82%92%e7%94%bb%e9%9d%a2%e3%81%84%e3%81%a3%e3%81%b1%e3%81%84%e3%81%ab%e5%ba%83%e3%81%92%e3%82%8b/ Fri, 01 Jul 2016 08:47:36 +0000 http://accelboon.com/tn/?p=1268 ヘッダーや、フッターを画面いっぱいに広げる場合、widthを100%に指定すればいいだけですが。 mainの途中で背景だけ目一杯に広る場合、mainを2つに分けて、間に目一杯の枠を作る。なんてことをしてた時期がありまして […]

The post CSS 途中で要素を画面いっぱいに広げる first appeared on テクニカルノート.]]> CSS 半角英数の連続文字が折り返すようにする https://accelboon.com/tn/css-%e5%8d%8a%e8%a7%92%e8%8b%b1%e6%95%b0%e3%81%ae%e9%80%a3%e7%b6%9a%e6%96%87%e5%ad%97%e3%81%8c%e6%8a%98%e3%82%8a%e8%bf%94%e3%81%99%e3%82%88%e3%81%86%e3%81%ab%e3%81%99%e3%82%8b/ Wed, 24 Feb 2016 01:30:46 +0000 http://accelboon.com/tn/?p=992 半角英数が連続した文字（例えばURLや、ハッシュ値など）を表示すると、枠からはみ出てしまう事があります。 その対策として、 [crayon-642f73b608ead126879472/] と、 [crayon-642f […]

The post CSS 半角英数の連続文字が折り返すようにする first appeared on テクニカルノート.]]> マウスオーバーで半透明にする https://accelboon.com/tn/%e3%83%9e%e3%82%a6%e3%82%b9%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc%e3%81%a7%e5%8d%8a%e9%80%8f%e6%98%8e%e3%81%ab%e3%81%99%e3%82%8b/ Tue, 02 Feb 2016 00:46:56 +0000 http://accelboon.com/tn/?p=651 アンカータグをマウスオーバーしたときに、要素を透過にして、半透明な感じにする方法 [crayon-642f73b608ff9525890853/]   [crayon-642f73b608ffc12323472 […]

The post マウスオーバーで半透明にする first appeared on テクニカルノート.]]> NeatBeans環境 で Sassの導入 https://accelboon.com/tn/neatbeans%e7%92%b0%e5%a2%83-%e3%81%a7-sass%e3%81%ae%e5%b0%8e%e5%85%a5/ Mon, 01 Feb 2016 02:33:15 +0000 http://accelboon.com/tn/?p=631 WordPressに限らないけれど、CSSが見やすく、開発効率もあがると噂のSassをNetBeans環境で使えるようにしてみます。 NetBeansが使えるようになっていることが前提です。 Rubyのインストール Ru […]

The post NeatBeans環境 で Sassの導入 first appeared on テクニカルノート.]]> WordPressのレスポンシブデザインでPC表示を選択できるようにする https://accelboon.com/tn/wordpress%e3%81%ae%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b7%e3%83%96%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%a7pc%e8%a1%a8%e7%a4%ba%e3%82%92%e9%81%b8%e6%8a%9e%e3%81%a7%e3%81%8d%e3%82%8b%e3%82%88/ Mon, 02 Nov 2015 07:15:50 +0000 http://accelboon.com/tn/?p=560 WordPressでレスポンシブ対応するのですが、スマホで表示するときに、レスポンシブ化せずに表示させるときに、たとえばプラグインを使う方法がありますが、あえてプラグインを使わずにスマホ表示とPC表示を切り替えられるよう […]

The post WordPressのレスポンシブデザインでPC表示を選択できるようにする first appeared on テクニカルノート.]]> モバイルフレンドリーテスト https://accelboon.com/tn/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%95%e3%83%ac%e3%83%b3%e3%83%89%e3%83%aa%e3%83%bc%e3%83%86%e3%82%b9%e3%83%88/ Thu, 07 May 2015 04:04:26 +0000 http://accelboon.com/tn/?p=134 Googleは、モバイル端末（スマートフォンなどポケットサイズの端末）でのウェブサイトの可読性を評価するようになっています。 つまり、モバイル端末で閲覧する人が見難い、と感じるサイトは、モバイル端末での検索順位を下げる可 […]

The post モバイルフレンドリーテスト first appeared on テクニカルノート.]]> 「ます」だけ四角に文字化け？ https://accelboon.com/tn/%e3%80%8c%e3%81%be%e3%81%99%e3%80%8d%e3%81%a0%e3%81%91%e5%9b%9b%e8%a7%92%e3%81%ab%e6%96%87%e5%ad%97%e5%8c%96%e3%81%91%ef%bc%9f/ Sat, 02 May 2015 01:07:45 +0000 http://accelboon.com/tn/?p=123 bonesという骨組みだけのテーマをとりあえず入れただけのこのサイト。 Bones - An HTML5, Mobile-First starter theme for rapid WordPress developme […]

The post 「ます」だけ四角に文字化け？ first appeared on テクニカルノート.]]>