Cat Speak

札幌在住のWebデザイナー・コモモのブログ

おからクレープのお店nino様のWebサイトを制作しました!

札幌の月寒にあるおからクレープのお店「nino」さんのサイトを制作させていただきました。

URL http://www.ninocrepe.info/

デザイン

とっても大好きなお気に入りのお店なので、お店のイメージをそのまま伝えることができたらいいなと思いながらデザインしました。

サイトのイメージ写真は、人気ブロガーのchobi-hipさんの撮影です。撮影にも立ち会わせていただいたのですが、どの写真も素敵で、デザインも本当に楽しく作業させていただくことができました。

HTML/CSSコーディング・WordPress実装

お店を始めてからずっとエキサイトブログを続けていらっしゃったので、今まで通りの更新ができること、必要な情報に迷わずたどり着けることに留意して設計しました。お店のメニューはカスタム投稿タイプとアイキャッチ画像を使って更新しやすくカスタマイズしています。

WordPressの実装は、hiromasaさんにご協力いただきました。ありがとうございました!

このサイトは、WordPressデザインワークブックのサンプルデザインとして掲載しています!

カスタム投稿タイプのアーカイブページを作成する

以前に、固定ページにカスタム投稿タイプのアーカイブを表示するという記事を書いたのですが、このときは調べても作成したカスタム投稿タイプの一覧を表示するためのURLを持てることがわからなかったのですが、わざわざ固定ページを作成しなくてもちゃんとアーカイブページを持つことができました。 (さらに…)

Web用写真の補正基礎知識3(アンシャープマスク)

12月10日(土)のSaCSS Vol.30で、わたしがLTさせていただいた内容、Photohopでの写真補正基礎知識についてまとめています。

Web用写真の補正基礎知識

  1. レベル補正
  2. トーンカーブ
  3. アンシャープマスク

今回は最終的にweb用写真として縮小したあとアンシャープマスクをかけるときの注意点についてまとめてみます。 (さらに…)

Web用写真の補正基礎知識2(トーンカーブ)

12月10日(土)のSaCSS Vol.30で、わたしがLTさせていただいた内容、Photohopでの写真補正基礎知識についてまとめています。気がつけばすっかり時間が立ってしまいましたorz

今回はトーンカーブについて。

この記事を読む前に、レベル補正について前の記事で紹介していますので、そちらもあわせてご覧ください。

  1. レベル補正
  2. トーンカーブ
  3. アンシャープマスク

(さらに…)

Web用写真の補正基礎知識1(レベル補正)

12月10日(土)のSaCSS Vol.30は、LT大会で持ち時間ひとり10分くらいなので、私も何かお話させてもらいたいなーと思っていました。とりあえず枠だけ押さえさせてもらって、何を話したらいいか前日くらいまで考えていました。

Webデザインをするにはまずはコーディングを覚えなければならないので、写真の正しい補正知識は意外と知らないまま過ごしているんじゃないかなと思ってLTしてみたら、けっこう評判がよかったので、SaCSSではスライドも用意せずデモをしながら話したのですが、話した内容をブログにまとめておこうかなと思います。

意外と長くなりそうなので、いくつかの記事に分割します。まずはレベル補正から。
ちなみにRGBの意味は理解しているものとして解説していますのでご了承ください。

  1. レベル補正
  2. トーンカーブ
  3. アンシャープマスク

(さらに…)

投稿に挿入された画像を一覧にしてThickBoxのようなギャラリー

前の投稿で、「アイキャッチ画像に複数のサイズを指定し、ThickBoxのような写真ギャラリー」を作ってこれでいける!と思っていたのですが、その後仕様をよく確認したら、残念なことにギャラリーの写真が投稿に対してひとつの画像ではなく、複数の画像を指定しなければならないことになっていました。

投稿に挿入されている画像を全て一覧にしたい場合もけっこうあるのかもしれないので、この方法もメモしておきたいと思います。

(さらに…)

[CSS Nite LP, Disk 18]「その先にあるjQuery」に参加してきました。

CSS Nite LP, Disk 18先週の9月17日(土)に行われたCSS Nite LP, Disk 18「その先にあるjQuery」に参加しました!

今回はCSS Niteへ参加するために、札幌から東京まで行ってきました。(・・東京観光したかったんです。)
実は東京へ行ったことがないに等しく(修学旅行とか通り過ぎたとかくらい)、SaCSSのメンバーが参加すると聞き、ちょうどマイルの使い道を考えていたので、勢いで東京行きチケットを予約しました。
結果、とても良い刺激を受けられたし、懇親会も楽しくて、本当に行って良かったです。

(さらに…)

Cat SpeakのFacebookページを作成しました。

7月に仕事でFacebookページの制作を請け負ってから、実験用に非公開でFacebookページを触ってきてみていたのですが、8月27日にSaCSS Vol26でFacebooページの作成手順についてスピーカーをさせていただくことになっていたので、前日の26日にようやく公開に踏み切ってみました。

(さらに…)

人気の記事