iPhone6・iPhone6 PlusのCSSハック 2014.10.28 HTML・CSS iPhone5までは幅320pxで調整出来ましたが、iPhone6・iPhone6 Plusになって幅が大きくなったためそのためのCSSを入れないといけません。参考より、こちらで対応できます。/* iPhone6のみ */@media screen and (min-width:
【CSS】URLや単語を途中で改行させる方法 2014.07.01 HTML・CSS 長いURL等を貼り付けているとその単語分の幅がないと折り返してしまってうまく改行してくれません。そんな場合はcssで対応しました。対応したい要素に対して下記1行で対応できます。word-break: break-all;以上で対応できます。HTML5+CSS3
【css3】文字やボックスに影を付ける方法 2014.03.10 HTML・CSS css3を使えば文字やボックスに影を簡単に付けることができます。通常はPhotoShopで影の加工をしてそれを使用しますが、cssでできるのであればサイトが自由に作れますし、更新の手間が省けます。まず文字の影の付け方です。text-shadow: 1px 1px 3p
【css】Twitterのウィジェットの幅と高さを調整する 2014.03.07 Job Twitterのウィジェットの幅と高さを調整する方法です。公式の形だと高さは300px以上・幅は250px以上となっていてそれ以上の設定ができません。これは公式の形をcssで調整して各サイトで使用するようにします。cssは下記の形で記載します。#selector #twitt
【css3】inputタグに事前に薄く文字を表示させる方法 2014.03.06 HTML・CSS お問い合わせフォーム等で入力欄に事前に文字が入っているのを見たことありますか?あれが入っていると相手としては何を入力すればよいのかわかりやすいので、是非導入したい!HTML5だと実は簡単に導入できます。inputタグに下記を加えます。こちらで問題なく表示されます。