【CSS】比率を維持したまま縦ウインドウにも収まるボックスの作り方

「レスポンシブ 縦横 維持」で検索すると、ブロック要素の中にpadding-top: xx%を指定して、、、みたいな記事が多すぎる!!その方法はもういいんだよ!!それだとウインドウ高さが狭まった時に高さはみ出ちゃうでしょ!

あまり探してもなかったので、ウインドウ高さを変えてもウインドウ内に収まるボックスの作り方。いつもやってる方法を書いておく。

他の方法もありそうだけど、上記の量産記事に埋もれてしまっているのかもしれない。

何かの参考になれば幸い。

続きを読む

cookieを判定して条件分岐

リッチなサイト制作をする時度々必要になってくるスプラッシュ画面。
主な用途はサイトコンテンツを表示する前に表示されるローディング画面ですね。

他にもサイトのイメージ訴求に使ったりすることもあるのですが、毎回スプラッシュ画面が表示されるのは鬱陶しいということ、でクッキーを使って初回訪問時にだけ表示されるようにしたいとご要望をいただいた時のメモ。

続きを読む

AMP対応をやめた理由 デメリットがまだ気になる

最近でもないけど、スマホでGoogleの検索結果を見てると雷マーク(AMP対応している記事)をよく見るようになってきた。

そういう案件も来るかもだし、AMP対応くらいできるようになっとこうと思って、まあ、失敗してもいいのでこのブログで試してみることにした。

続きを読む

よく使うSASSのテクニッキメモ

SASSは便利だけど、色んな処理方法があって結構大変。CSSの記述も使えるから少しずつ覚えていけばいいんだけど、すぐ忘れるトリ頭なのでよく使うテクをここに残しておく。

続きを読む

よく使う便利なWordPressプラグインのメモ

WordPressでサイトを作る時にいつもやってる事まとめでも定番プラグインをメモしたけれど、そこは移り変わりが激しいWeb界隈。改めてよく使うプラグイン用の記事を作って、プラグイン周りはこっちの記事を見れば大体大丈夫なようにを更新し続けることにする。

続きを読む

WordPressのサイト多言語化プラグイン「Polylang」で、TOPのURLを変更させたくない時とかのメモ

Webサイトの多言語化、、面倒臭いですよね。ページの管理だけでもWordPressのプラグインを使えば捗るので、試しに割と評判の良い「Polylang」導入してみました。
home_url()が勝手に変換される現象に困ったこととか、ヘッダーフッターを言語ごとに切り替えるやり方とかのメモ。

続きを読む

【jQuery】functionにイベントを登録して、色んなとこに呼び出す方法メモ

jQeryを使ってイベントを作ると、ウィンドウサイズ変えた時とかスクロールした時とか、別の条件で同じイベントを発動させたい時がある。

動きを登録して、色んなとこで呼び出せたら便利だよなーって思っていたのだけど、そういう方法があるみたいなのでメモ。

続きを読む

1 2 3 4 5