少し前のことになるのですが、去年に美容院でお店のキャンペーン等のお知らせに使うニュースレターを作成する機会をいただきました。会社では主にWebの仕事ばかりやっているため、ほとんど経験のない印刷のお仕事は色々と学ぶことが多かったです。

加えて普段は女性向けのデザインをする機会もほとんどなく、デザインの前段階でいろいろ調べたり勉強したので、今回はそういったことを備忘録として書き残しておこうと思います。

今更かよ！と言われそうですが、昨年やっと自分でシームレスパターンを作れるようになりました。それまではずっと「紙　シームレス　パターン」とかで検索してイメージに合う継ぎ目のない素材を苦労して探していたのですが、この方法を知ってからは素材を探す手間が減り、作業がすごく楽になったのでメモとして残しておきます。

先日、会社で口コミやレビューなどのレーティング評価の星(★)を実装する機会があったのでメモします。画像を使わずCSSのみで表現できるのでカスタマイズしやすく、便利だと思います！

数年前までは、自分で描いた絵や作品を多くの人に見てもらったり買ってもらうためには、自力でギャラリーを探して個展を開いたり、画廊と契約するというプロセスを踏まなければなりませんでした。

ですが、インターネットが普及した現在では、自分で描いた絵やハンドメイドの作品をWeb上で気軽に多くの人に公開できる、そんな場所が増えてきています。今回は、そういったアート作品の購入・販売ができるWebサービスをご紹介します。

先日、会社でおもむろに「そろそろ年賀状デザイン考えといてね」と言われてハッとした彩です。もうそんな時期！！たしかに年末はバタバタするし、印刷に出すことも考えると今からお正月のデザインにとりかかっていきたいところ。

というわけで、年賀状デザインに取り掛かるべく、この時期にとっても便利な正月・和風のフリー素材をかき集めてみました。印刷用のデータ作成に便利なベクター素材のイラストやパターン素材など、これだけあればきっとデザインに困らない…はず！

春にもやりましたが、またまたブログを期間限定で秋デザインに変更しました！今回は、秋らしいデザインを制作するにあたって参考にしたWebデザインや、落ち葉や紅葉などの使いやすい秋のフリー素材をまとめてご紹介します！

レスポンシブWebデザインは、ひとつのソースでPCやスマホなど様々なデバイスでの見え方を最適化できるのでとても便利ですが、ワンソースなだけにデザインを反映させるのが難しい時ってありますよね。例えばデザイン上、PC版とスマホ版でそれぞれ表示する画像を変えたいとか…。

最近レスポンシブのサイトを作る機会が多かったので、レスポンシブWebデザイン対応案件の時に私がよく使うjQueryをまとめてみました。今回はサンプルも作ってみましたので、照らし合わせながら読んで下さいね。

最近のゲームの特設サイトを制作する機会があったので、ゲーム関連のサイトをいくつか調べてみると、ほんの数年前のデザインとは大きく変わっていることに気づきました。

例えば、最近めったに見なくなったFlashも、1,2年前まではゲーム関連のサイトでは頻繁に使われていたし、スマホ対応されているサイトも少ない状況でした。ですが、現在ではFlashはほとんどのサイトから姿を消し、スマホ対応も当たり前となっているようです。

今回は、国内や海外の事例をもとに最近のゲーム系サイトのスマホ対応方法や、Flashに替わって現在ではどんな技術でサイト内でゲームの魅力を伝えているのかを調べてみました。

当サイトのスマホ版では最近まで「オートページャー」を使っていましたが、なんだかうまく動かなくなってしまったようなので、いい代替案が見つかるまでは普通のページネーションに戻すことにしました。

なるべくシンプルな形にしたかったので、「前へ」「次へ」リンクだけのページネーションにしてみました。色々調べたので、今回は備忘録として書き残しておきます。

【2015年7月29日 追記】
ソースコード変更

以前に日々の業務やWeb制作に役立つ！おすすめChromeプラグイン12 | Design Colorという記事を書きましたが、ブラウザに依存しないブックマークレットも日々のお仕事には欠かせませんよね。

今回は、サイト分析やWeb制作、ブログの執筆など様々なシーンで活躍してくれるブックマークレットをご紹介します！お仕事のスピードがアップするかもしれませんよ！