Monthly Archives: September 2013

今月のお気に入りWebサイトまとめ (2013/09)

今月個人的にイケてるなーと思ったサイトをまとめてみました。
基本的に awwwards.com とか CSS Design Awards とか見て気になったサイトをブックマークしています。

タイトルにも「今月の」と付けているので、毎月このコンテンツを更新するようにしていこうと思います。今回に関しては初めてなので、少し前ブックマークしていたサイトも載せました。

どれもかっこいいですねー。最近はやはりパララックス系とフルスクリーン系が多いです。フルスクリーンでムービー入れるのが結構流行ってるのかな。




theQcamera

theQcamera

Code42

Code42

Trask Industries

Trask Industries

Subsign | Creative Agency

Subsign | Creative Agency

Disqus – The Web’s Community of Communities

Disqus – The Web’s Community of Communities

B&O Play H6

B&O Play H6

Desktime: Shared Spaces and Coworking

Desktime: Shared Spaces and Coworking

parallax.js

parallax.js

Marmoset

Marmoset

JOBS : le film – le 21 août au cinéma

JOBS : le film - le 21 août au cinéma

WordPress ループ内で決められた数毎にタグを囲む

グリッドを使って記事を横並びに並べたい場合に、単純にループさせちゃうと margin をいじったり、いろいろと CSS を調整しないといけなくなるので面倒くさい。

なので、例えば3つ毎に横に並べたい場合はこんな風にすると楽。

 

こんな風に出力されます。

 

JS でも出来るけど、こんな感じでやっといたほうがスマートですね。

ちなみに、ul 1つで CSS で解決するには、こんな感じでネガティブマージン使うやり方が一番定番かな。もしくは display: inline-block; とか nth-child を使う方法もありますね。

See the Pen sCweJ by johnykei (@johnykei) on CodePen.

 

参考記事:

WordPress サイトのドメイン変更時に使う SQL 文

ずっと更新もメンテもしていなかったら、ドメインの更新( johnykei.com )も忘れてしまい見れない状態となってしまいました。

ドメインを再取得しようかと思ったけど、サポートに問い合わせたら結構なお金もかかるとのことだったので、違うドメイン取得した方が早そうねってことで新ドメイン( johnykei.net )で再スタートしたいと思います。

Wordpress サイトの場合、ドメインを変更しただけだとまだ見れないなので、DB の URL の更新が必要。
この時に、この SQL 文が便利なのでメモ。
仕事でもステージング環境と本番環境を切り替える時に使っています。(自分がやっているわけではないけど)

 

※ DB の取り扱う際には、必ずバックアップを取って行いましょう。

今回の場合、 http://old-example.com が http://johnykei.com、http://new-example.com が http://johnykei.net でした。

ちなみに、マルチサイトを使っている場合にはそれぞれのサイトのテーブル(wp_2_options など)も対象にしないといけないので注意。

あと、wp_blogs と wp_site テーブルの「domain」も変更が必要です。

 

ちょっと前の記事ですが、こちらにもっと詳しく書かれています。

※ 2015/3/5 追記

僕はこの SQL 文を元に本番データをローカルに持ってきたりすることがあるのですが、WP-CLI を入れてる場合はこれでいけそう。今度試してみる。WP-CLI 素敵。