コラム:Webデザイン

【Photoshop豆知識】全然役に立たない隠しコマンド

はじめまして。変な格好のWebデザイナー内田です。 イースターエッグってご存知ですか。 ゲームやソフトなどに開発側がこっそり仕込んだ本来の機能には関係のない「メッセージ」や「画像」が出てくる機能の事です。 今回はデザイナーさんならマイナーな...

  • Webデザイン
【Photoshop豆知識】全然役に立たない隠しコマンド

制作の手助けに。手軽に使えるcssアニメーションライブラリ

こんにちは。マークアップエンジニアの近藤です。 最近、「サイトに動きをつけて欲しい」という要望が多くなったように思います。 ただ、そうは言われても、実装して欲しい動きを口頭で説明するのも難しいですよね。 今回は、「サイト上で動きが確認できて...

  • Webデザイン
  • マークアップ
制作の手助けに。手軽に使えるcssアニメーションライブラリ

CSSで背景をボーダー・ストライプにしてみよう

こんにちは。マークアップエンジニアの近藤です。 つい画像にしてしまいがちなボーダー・ストライプ背景ですが、 CSSでの再現にチャレンジしてみるのも面白いかと思います。 最近使う機会があったので、今回は備忘録も兼ねてCSSでのストライプ、ボー...

  • Webデザイン
  • マークアップ
CSSで背景をボーダー・ストライプにしてみよう

PhotoShopでカンタン自動カーニング!

こんにちは。デザイナーの前島です。 皆さんは、PhotoShopのカーニング(文字詰め)に「プロポーショナルメトリクス」という機能があるのをご存知ですか? 自動カーニング(自動で文字詰めを行う)設定ですが、Web制作の現場において意外と知...

  • Webデザイン
PhotoShopでカンタン自動カーニング!

たかがブックマーク?されどブックマーク。ごちゃごちゃになりがちのブックマークを直観的に使える「ブックマークサイト」をつくってみた

こんにちは。Webデザイナーの山本です。 今回はブックマークに関する不満を解決すべく、個人的にブックマークサイトを作成したら結果的にデザイナー以外にも使ってもらえる部署内の情報共有ツールになったお話をしようと思います。作成したブックマークサ...

  • Webデザイン
たかがブックマーク?されどブックマーク。ごちゃごちゃになりがちのブックマークを直観的に使える「ブックマークサイト」をつくってみた

Photoshopの「アートボード機能」使ってますか?

こんにちは。デザイナーの前島です。 Photoshop CC 2015から「アートボード」という機能ができましたが、今回はこちらの機能を紹介します。 個人的にはこれまであまり使用していない機能だったこともあり、改めて使い方や機能を調べてみま...

  • Webデザイン
Photoshopの「アートボード機能」使ってますか?

パララックス入門~スクロールで魅力あるWebサイトに~

こんにちは、Webデザイナーの山本です。 今回はパララックス入門ということで、事前に知っておきたいことやパララックス用プラグインの選び方、簡単に実装できるパララックスをまとめました。 パララックスとは? パララックスとは、視差効果のことで...

  • Webデザイン
  • マークアップ
パララックス入門~スクロールで魅力あるWebサイトに~