既存サイトをレスポンシブ化する！落とし穴になりやすいポイント解説
Webサイト制作の現場において、スマートフォン向けサイトは、もはや欠かせない存在となっています。スマートフォンの所有率は […]
投稿者: 森島
8bit デザイナーです。
コーディング・jQueryなど幅広く担当しています。
【Photoshop】CameraRAWフィルターで写真を補正する
PhotoshopのCameraRAWというフィルターの使い方を紹介します。 本来はカメラのデータ形式「RAW」を取りあ […]
Photoshopで、動画データ（mp4）をもとにGIFアニメーションを作成する
Photoshopでmp4データを扱える 実は、Photoshopで、mp4の簡単な編集なら行うことが可能です。ご存知で […]
UI/UXデザイン界の新しい風！Adobe XD CCを便利に使い倒す！
UI/UXデザインがラクラク！カンプデータが簡単に作れる Adobe XD サービスを立ち上げる時、まずは、画面の仕様や […]
【おすすめバグ管理ツール（BTS）】チームでの開発がうまくいく！オススメツール7選
皆様はプロジェクト開発の情報共有に、どんなツールを使用中でしょうか。 今お使いのツールが使いにくいと感じたことはありませ […]
Illustratorでアミカケ。自作の柄パターンを登録する。
今回はIllustratorでスクリーントーンのようなアミカケを作ってみましょう。 応用で斜線や複雑な柄のパターンも登録 […]
【SEO】「クーポン情報」にイベントの構造化データにを使用するのはガイドライン違反！？
構造化マークアップもSEO的に無視できなくなりつつある昨今ですが、イベント情報の構造化データをサイトで使用している方は要 […]
多言語サイトにはhreflangタグを入れよう！
hreflangというタグ、ご存知でしょうか？実はこのタグ、多言語サイトを作る時に重要な動きをしてくれるタグなんです。 […]
PPC？CPM？ややこしい！WEB広告の用語解説
PPC、CPC、CPM、……様々な用語が煩雑としていますが、なんとなく調べないまま過ごしていませんか？今回はWEB広告の […]
GooglePlayバッジを設置する時にUTMソース（utm_source）を設定する
GooglePlayのバッジ作成ツール。 Androidアプリをリリースし、サイトやブログにGooglePlayバッジを […]
【スマホアプリ】スプラッシュ画面デザイン集
スマートフォンアプリのスプラッシュ画面をデザイン機会があったので、参考にデザインを収集しました。 Pokémon GO […]
【photoshop】複雑な画像を毛先まで簡単に切り抜く方法
今回は、「選択とマスク」機能を使用した画像の切り抜きを紹介します。全体で10分程の作業です。 使用するのはこの画像。女の […]
【Illustrator】複数の要素のカラーを一括で変更するワザ
今日はアプリのモックアップなどを作成する時に便利なTipsを紹介します。 例えばこの状況で、headerの色やボタンの色 […]
【photoshop】トーンを合わせて写真を自然に合成する
今回はこちらのペンギンの写真に帽子をかぶせる合成をしてみましょう。 ペンギンの写真は青みのトーンが強く、女性の写真は赤み […]
【フリー素材】Web年賀状を送ろう！
2018年度、戌年のWeb年賀状を作成しました！ 文章や住所を書き換えて、お手持ちのサーバへアップすれば、簡単にWeb年 […]
紙面デザイナーが、WEBやアプリをデザインする時に注意したいことまとめ
昨今、もう切っても切り離せないWEBやアプリ。私自身職業柄、デザイナーの知り合いが多く、良くWEBの注意点を質問されるこ […]
SVGとCSSを使って複雑な形のボタンのhoverを設定する
リンクやボタンにマウスオーバーの動きを設定する際、CSSアニメーションを利用するのもすっかりと一般的になりました。 ここ […]
HTMLに「role属性」を付与してWebアクセシビリティの向上を目指す
今日は、HTML5より正式に採用された「role属性」について書きたいと思います。 role属性とは role属性は、こ […]
キャッチコピーやデザインの説明に使えるワード集
日頃、キャッチコピーやデザインの説明を考える際に時間がかかりがちなので、時短のためにワード集を用意しました。この中からイ […]
【自作背景】星空をつくる
今回も自作背景を作っていきましょう。今日のテーマは「星空」。 手順 01.星を散らす 02.空の写真を調整・合成する 実 […]
【自作背景】photoshopで雲を描く
ここにこういう素材が欲しい…けれどちょうどよい素材が無い。そんな時は自分で素材を作ってしまいましょう。 今日はphoto […]
オブジェクトを生成する関数を作ろう CreatJS
その他の記事はこちら↓ トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1 […]
トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その2
前回の記事はこちら↓ トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1 […]
トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1
後学のためにトレンドのJSを調べていたのですが、 jQueryから入って、フロントエンドのアニメーション・マウスイベント […]
【SEO対策】itemtype、itempropの調べ方【schema.org】
————————R […]
