実際に泊まれる「ゴッホの寝室」からアクションゲームまで!?巨匠ゴッホとコラボした世界中のユニークな作品たち

実際に泊まれる「ゴッホの寝室」からアクションゲームまで!?巨匠ゴッホとコラボした世界中のユニークな作品たち

本日(3月30日)はゴッホの誕生日!このサイトで毎年やっているゴッホのまとめ記事です。今年もゴッホとコラボした世界中のユニークな作品を紹介していきますよ!

続きを読む
トップに戻る

美容院のニュースレターをデザインする時に意識したこと&お世話になった素材サイト

美容院のニュースレターをデザインする時に意識したこと&お世話になった素材サイト

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

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

続きを読む
トップに戻る

Photoshopで写真やテクスチャからシームレスパターンを作成する方法

Photoshopで写真やテクスチャからシームレスパターンを作成する方法

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

続きを読む
トップに戻る

CSS(Sass)でレーティング評価の星(★)を表現する方法

CSS(Sass)でレーティング評価の星(★)を表現する方法

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

続きを読む
トップに戻る

アートをもっと身近に!絵画やハンドメイド作品を購入・販売できるWebサービス12

アートをもっと身近に!絵画やハンドメイド作品を購入・販売できるWebサービス12

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

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

続きを読む
トップに戻る

そろそろ年賀状デザイン作らなきゃ!正月・和風のフリー素材まとめ19

そろそろ年賀状デザイン作らなきゃ!正月・和風のフリー素材まとめ19

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

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

【2015年12月16日 追記】
いらすとん」「ねんがや」の2サイトを追加

続きを読む
トップに戻る

秋らしいデザインを制作する時に参考になるWebサイト&紅葉や落ち葉のフリー素材まとめ

秋らしいデザインを制作する時に参考になるWebサイト&紅葉や落ち葉のフリー素材まとめ

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

続きを読む
トップに戻る

デザインをレスポンシブに対応させる時に役立つjQuery・プラグイン6(サンプルあり)

デザインをレスポンシブに対応させる時に役立つjQuery・プラグイン6(サンプルあり)

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

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

続きを読む
トップに戻る

最近のゲーム関連サイトのスマホ対応やWebデザイン・使われている技術などを調べてみた

最近のゲーム関連サイトのスマホ対応やWebデザイン・使われている技術などを調べてみた

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

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

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

続きを読む
トップに戻る

WordPressのスマホサイトにページネーションを設置する方法(プラグインなし)

WordPressのスマホサイトにページネーションを設置する方法(プラグインなし)

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

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

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

続きを読む
トップに戻る