[JS] Paging Animation width GSAP #1

2018/06/12 Javascript No comments

コンテンツがページの半分ずつに並んでいてクリックで全面へ展開させる

(さらに…)

[JS] Section Scrolling with GSAP TweenMax

2018/06/12 Javascript No comments

マウスホイールの動き関係なしに決まったセクションの位置にだけピタッとスクロールさせたい
(さらに…)

[JS] Vue + Vuexで簡易エディタ作った

2018/05/31 Javascript No comments ,

PlunkerでAngular2使って作ったオレオレエディタがなんでか読み込まれなくなってて、
直すならついでにVueにしようかなと思い立ったのでCodeSandboxに移植した。

(さらに…)

[css, js] 404エラーのimgタグをいい感じにスタイリングする

2018/05/29 CSS No comments ,

詳しく書いてある記事はこちらで、
https://bitsofco.de/styling-broken-images/
imgがbroken状態になるとbefore, after擬似要素使えるからよしなにやっつければおkという意味である。
この記事ではbefore, after擬似要素に背景色をつけてposition:absoluteで上に被せて消している。

私の場合は

  • どんなサイズの画像があるか事前にわからない
  • レスポンシブ
  • NO IMAGE画像素材を使う
  • Retina対応もする

ていう条件があった。
(さらに…)

[WordPress] カスタムヘッダーをカルーセル表示に変更する

2018/03/01 wordpress No comments ,

デフォルトだと画像1枚しか表示できないので、登録されているヘッダー画像をカルーセルでスライドショーしてやろうっていう改造についての覚書。
文中ではSwiperを利用する場合のソースになっているが、別のライブラリでもマークアップ変えたら動くと思う。

なおVer4.9&PHP7環境でこしらえたので他のバージョンでは動かないかもしれない。
(すくなくとも4.7以上は必須)
(さらに…)