-
slick.jsを利用していて、初期状態をdisplay:none;にしたらレイアウト崩れる
スライドショーの定番Slick.js、とてもよく活用させていただいている。 普通に使用する中では問題にならないが、場合によりslick部分のコンテンツを初期状態で非表示にしておいて、何かしらのアクションで表示させる場合、 […]
-
SVGを使って画像や動画をマスクしたいけどclip pathはまだまだ使いづらい?
どうにもこうにもclip pathが使いづらい。 センターにどうやって置くの?かさえよくわからない。 知識が無いならば力技発動。 要は見た目がマスクならいいじゃない。 そこで考えたのが動画(画像)の上にカバーするように見 […]
-
contact form 7とさくらサーバーの相性がよろしくない?
WordPressの問い合わせフォームとしては良く利用するcontact form 7。 大抵使用します。特に問題も無いし。 で、初めて問題発生しました。 再現性をテストしきれていないので、なんとも言えないがさくらサーバ […]
-
wordpressの自動アップデートでエラーが発生!サイト閲覧も管理画面も入れない。
wordpressの自動アップデート機能。 基本的にはあまり意識していないんだが、初めてのエラー報告。 まずは急にサイトが見られなくなったということでHPを見に行ったら以下のようなエラー文言が。PHPの怖さですな。 ワー […]
-
iphoneの解像度毎のmedia Queryのサイズ感
iPhone5s : 320 × 480px iPhone6 : 375 × 667px iPhone6 Plus : 414 × 738px Plusだけはデザイン分けた方がいいですね。 横一とかにしてしまうと無駄に幅 […]
-
liやDivで並べた要素を表示のたびにランダムRandomで並び換えをしたいとき
都度調べては忘れるので備忘録として書いておく。 JQueryなどで特定の要素内の子要素を並び換えしたいときに簡単に実装可能。 これで並び換え完了。のはず。
-
SVGファイルを作る時に気をつけておきたいこと。Illustratorさん、これは気付きづらいよ!
とある案件で、PCでのチェックはOK、IphoneもOK、AndroidもOKとチェックも終わったなーと思ってたらAndroid4.0の機種でSVGの背景画像が表示されていないという現象が。 他のSVGは表示されている( […]
-
iphoneの画面サイズを機種ごとに知りたい
さすがは海外。 ちゃんと用意されているんですね。 以下、参考サイトです。 http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions もうレ […]
-
今さらながらSSI(Server Side Include)を体験
WPなどを使用しているとヘッダ、フッターと別ファイルなので意識しないが静的ファイルでサイトを作成するときはDWではテンプレを作成してファイルの共通部分を固定化しております。 が ちょっと他の案件でファイル貰ったらssiを […]