-
dreamweaver CC2014でデザインビューのフォントサイズがバカでかい
CC2014にアップデートしてから色々と使いづらい。 Photoshopの持っていないフォントを編集→Escでキャンセル 以前はデザインを保ったまま(持っていないフォントの見た目)だったのに、CC2014はフォントが変わ […]
-
sass + koala で急にコンパイルされなくなったとき
作業していて、数分前までは普通に動いていたのに急にコンパイルされなくなったとき。 windowsだとkoalaは問題なくコンパイル完了の「Success」を出す。 が、CSS自体は更新されていない。 悩む悩む。 他のサイ […]
-
レスポンシブデザインをしていて画像の横幅を100%にしたのは良いけど、PCサイトだと原寸にしたいんだよねって時
もしかしたら、誰でも知っていることなのかもしれないが自分は知らなかった。。 inheritにしてもダメだし、pxで指定するしかないのかしら・・・でも幅なんて色々あるわって悩んでいたらスゴイ答えは簡単 これでいいらしい。 […]
-
レスポンシブサイトでメニューをまとめる時にナビとかが複数あってどうしような時
あります。 GlovalNaviだけまとめるメニューのプラグインは良く見かけるが、サイト内ではグロナビに加えてSNSのナビだったり、ログインのナビが独立して複数存在することは多々ある。 で、ようやく昔見つけていたサイトを […]
-
viewportの数値がでかいと無視される?1400とか。
いつもどおり、viewportを設定はい確認。 終わると思いきや終わらず。。 なぜかviewportを無視して、横スクロールが発生。 何故だ・・・ なぜかというと、デフォルトのminimum-scaleってやつは0.25 […]
-
margin相殺とoverflow:hidden;
とある案件で各要素の上下の隙間をmarginで調整することがありました。 モジュール設計なのでh要素には上下○○px、P要素には上下○pxなど指定しつつ、お互いの距離は相殺を利用して大きい数字が採用される想定。 でも、モ […]
-
android2.3.x系でposition:fixed;を使いたいとき。
Androidは古いものは無視されるので、なかなかIE6のようにしぶとく古いVerが生き残りますな。 iOSはposition:fixed;に対応したが古いAndroid OSは未対応のままです。 簡単に対応するには ・ […]
-
スマホサイトで縦持ちと横持ちを判別。
CSSの切り替えなどで縦持ち横持ちを判別して、何かしら動作させるためのjqueryの方法。 参考にさせていただいたサイト。 http://blog.webcreativepark.net/2010/08/17-20070 […]
-
position fiexdした要素がgoogle Chromeでチラつく
ググってもあまり検索結果に出てこないのはgoogleの陰謀なのか。 結局違うことが書いてあったサイトの内容を試してみたら有効だったぽいので備忘録。 fixedした要素に以下を追加 これで大丈夫っぽい。
-
Androidで確認するとテキスト幅が狭くなっている件
こちら、それなりに新しいVersionのAndroidでも起こりうる現象のようで。 基本的にpタグを使用しなければ避けられるようですが、それって本末転倒。 hタグでも起こりました。 簡単な回避法は ・背景色を指定 ・背景 […]