05
ガーリー系デザインに最適な、花柄やパステルカラーを使ったシームレスなphotoshop用パターン素材をご紹介します。 続きを読む ǂށ

05
ガーリー系デザインに最適な、花柄やパステルカラーを使ったシームレスなphotoshop用パターン素材をご紹介します。 続きを読む 続きを読む⇒
07
スケッチブックに鉛筆で文字を描いたようなテキストをPhotoshopで作る方法をご紹介します。背景と文字用のパターン作成すれば、あとは文字にレイヤースタイルとフィルタで効果を加えるだけ。 慣れれば10分ほどでできあがります。 早速作ってみましょう 続きを読む 続きを読む⇒
01
ブラウザやデスクトップを簡単に録画できるChromeの拡張機能「Screencastify」。アニメーションやマウス・カーソルの動きも動画として記録できます。今回はこの拡張機能の使い方をご紹介します。 続きを読む 続きを読む⇒
05
レスポンシブなWebサイトを制作するときに迷ってしまう、レイアウトの問題。そんなアレコレを一挙に解決してくれるプラグインをまとめました。 一つひとつ手作業でコードを書いていくのが一番確かですが、様々なサイズのデバイスが流通し、全てに対し人の手と目で対応するのは手間と工数がかかります。効率的にコーディングを進めるためにも、プラグインに頼れる部分は頼ってみてはいかがでしょうか。 続きを読む 続きを読む⇒
02
写真を水彩絵の具で描いたように変えてしまうチュートリアルをご紹介します。 難しいテクニックやセンスは不要。初心者でも簡単に加工することができます。調整するのは各フィルターの数値部分だけ。誰でも簡単にできるので、興味のある方はぜひ試してみてください。 続きを読む 続きを読む⇒
01
一定の型にはまりがちなWebデザインの中で、深い印象を与えることができるのが、手作りの感触がただようイラスト。あたたかい雰囲気を醸し出し、親近感や信頼感が増します。 今回は、メニューや背景など、メインとなるパーツに"Webらしくない”イラストを利用した印象的なサイトをご紹介します。 続きを読む 続きを読む⇒
01
HTML5と言えばリッチなアニメーションが特徴ですが、これを自作するとなると、JavaScriptの知識が必要です。初心者さんやデザイナーさんには苦手な方もいるかもしれません。 そこで便利なのが、「HTML5 Maker」。プログラミングは一切不要、図を描くような感覚で簡単にアニメーションを作成し、HTML5とJavaScriptで書き出してくれるので、そのままサイトに使うことができます。 続きを読む 続きを読む⇒
アイキャッチ用2
サイトリニューアルは、現在のサイトより機能もデザインも優れたものにするために行います。ですが、中にはやり方を間違えたために、良くなるどころか以前よりもサイトの質が落ちてしまった、というケースも存在します。 どんな理由でリニューアルに失敗してしまうのでしょうか。もっともありがちなパターンについて、ご紹介します。 続きを読む 続きを読む⇒