UNORTHODOX WORKBOOK

2015.01.22 Thu

Velocity.jsを使ったスムースなページ内スクロール

アニメーションについて色々と勉強している。jQueryのアニメーションはこま落ちするし、CSSのアニメーションは計量だけど、少し複雑だったり、同時に走らせたりすると、(Macだと特に)カクついてしまうことが多くて困ってい…

2015.01.10 Sat

【jQuery】スクロールと連動して一瞬だけテキストを表示する

前回の続きになりますが、今回はjQueryを利用して、前回よりも少しだけリッチな感じにしたものをご紹介いたします。 タイトルの通り、スクロールと連動させ、スクロールにあわせて一瞬だけテキストを表示させる方法になります。 …

2015.01.08 Thu

CSSで一瞬だけテキストを表示する方法

2015年一発目のエントリーですが、特に何事もなく普通の記事を書きます。 このサイトでも利用していますが、ページ遷移時に一瞬だけ(暗くなって)文字が表示されるやつのやり方です。HTMLとCSSだけで実装してまして、JSは…

2014.10.16 Thu

マウスオーバーで波紋を広げる

波紋が広がりそうなタイトルですが、CSSの話で、事が起こるほうの波紋ではありません。 Dribbbleをぼーっと眺めていたら、きれいに波紋が広がるアニメーションがあって、CSSでできそうだったのでやってみました。 デモで…

2014.10.10 Fri

CSSのみで背景を全体的に斜めにして傾斜をつける方法

最近よく見かけるやつなんですけど、ちょうど今作っているサイトで使ってみたくて、色々やってみた結果なかなか良かったのでブログに残しておきます。 斜めのストライプとかじゃなくて、ブロックごと全体的に斜めにして背景を傾かせる方…

2014.08.21 Thu

【WordPress】カスタム投稿のシングルページに関連記事を表示する

少しつまづいたというよりも、get_posts()のパラメータで色々と出来ることが分かったので、備忘録をかねて記事に。 get_posts()は、新着記事や関連記事などの投稿データを取得する際に使用しますが、パラメータが…

2014.05.13 Tue

スクロールするとふわっと現れる文字や画像

書くことが何もないので、最近のWebサイトでよく目にする「あれ」について書いてみたいと思います。色々なやり方があるかと思いますが、難しいことはよく分からないので、簡単にできるjQueryとcss3を使ったもので実装してみ…

2014.04.12 Sat

カラーミーショップの付加画像をオリジナルに変更する方法

【2016年10月18日 追記】2016年10月中旬頃に、カラーミー側にて付加画像URLの変更があったようです。そのため、2016年10月以前にこちらの投稿（現在は修正済み）を参考にカスタマイズされている場合、付加画像が…

2014.03.31 Mon

【WordPress】一覧ページなどで記事ごとに複数の親子カテゴリーを表示する方法

あまり複雑なことをしているつもりはないのですが、WordPressでカテゴリーを取り扱う際に、よく土壺にはまって動けなくなってしまうことがあります。カテゴリーの取得って意外と難しい…そう思っているのは自分だけでしょうか。…