新着記事

【photoshop】複雑な画像を毛先まで簡単に切り抜く方法

今回は、「選択とマスク」機能を使用した画像の切り抜きを紹介します。全体で10分程の作業です。 使用するのはこの画像。女の […]

【Illustrator】複数の要素のカラーを一括で変更するワザ

今日はアプリのモックアップなどを作成する時に便利なTipsを紹介します。 例えばこの状況で、headerの色やボタンの色 […]

SVGアニメーションを気軽に作成!Lazy Line Painterを使おう

こんにちは。工藤です。 今回はSVGアニメーションを気軽に作成できるLazy Line Painterについてご紹介しま […]

YouTubeの埋め込み動画をYouTube Player APIでコントロールしよう!

こんにちは、工藤です。 今回はYouTubeの埋め込み動画をjsでコントロールする方法をご紹介します。 例えば埋め込みの […]

【photoshop】トーンを合わせて写真を自然に合成する

今回はこちらのペンギンの写真に帽子をかぶせる合成をしてみましょう。 ペンギンの写真は青みのトーンが強く、女性の写真は赤み […]

様々なタブの切り替えを簡単に実装!Tabsletを使おう

割と使うタブの切り替え。 単純なものであれば自分でもコードを覚えれば書けないこともないのですがもうちょっと様々な効果を使 […]

【フリー素材】Web年賀状を送ろう!

2018年度、戌年のWeb年賀状を作成しました! 文章や住所を書き換えて、お手持ちのサーバへアップすれば、簡単にWeb年 […]

フリーで使えるwebフォント「Google Fonts」を試してみました

こんにちは、工藤です。 今回はフリーで使えるwebフォント「Google Fonts」を試してみました。 Noto Sa […]

紙面デザイナーが、WEBやアプリをデザインする時に注意したいことまとめ

昨今、もう切っても切り離せないWEBやアプリ。私自身職業柄、デザイナーの知り合いが多く、良くWEBの注意点を質問されるこ […]

SVGとCSSを使って複雑な形のボタンのhoverを設定する

リンクやボタンにマウスオーバーの動きを設定する際、CSSアニメーションを利用するのもすっかりと一般的になりました。 ここ […]

HTMLに「role属性」を付与してWebアクセシビリティの向上を目指す

今日は、HTML5より正式に採用された「role属性」について書きたいと思います。 目次1 role属性とは2 では、実 […]

コンテンツを魅力的に演出できるjQueryプラグインのまとめ2

こんにちは、工藤です。 今回はコンテンツを魅力的に演出できるjQueryプラグインのまとめの2です。 [前回] コンテン […]

キャッチコピーやデザインの説明に使えるワード集

日頃、キャッチコピーやデザインの説明を考える際に時間がかかりがちなので、時短のためにワード集を用意しました。この中からイ […]

知っておくと便利なcssの小技 part9

こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技part9です。 バックナンバー 知っておく […]

【自作背景】星空をつくる

今回も自作背景を作っていきましょう。今日のテーマは「星空」。 目次0.1 手順1 01.星を散らす1.1 02.空の写真 […]

知っておくと便利なcssの小技 part8

こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技part8です。 バックナンバー 知っておく […]

【自作背景】photoshopで雲を描く

ここにこういう素材が欲しい…けれどちょうどよい素材が無い。そんな時は自分で素材を作ってしまいましょう。 今日はphoto […]

オブジェクトを生成する関数を作ろう CreatJS

その他の記事はこちら↓ トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1 […]

トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その2

前回の記事はこちら↓ トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1 […]

トゥイーンモーションが使えるJSフレームワーク CreateJS を使ったアニメーション その1

後学のためにトレンドのJSを調べていたのですが、 jQueryから入って、フロントエンドのアニメーション・マウスイベント […]

グラフを描画できるライブラリのまとめ

こんにちは、工藤です。 今回はグラフを描画できるライブラリをご紹介します。 目次1 vis.js2 D3.js3 col […]

【SEO対策】itemtype、itempropの調べ方【schema.org】

————————&#82 […]

知っておくと便利なcssの小技 part7

こんにちは、工藤です。 今回は個人的に知っておくと便利だなと思うcssの小技part7です。 今回はリセット系の2つです […]

【SEO対策・schema.org】itemscope、itemtype、itempropの基本

————————&#82 […]

バナー・メインビジュアル デザイン集

今回はバナーとメインビジュアルを集めました。 個人的には、人物モデルの写真を組み合わせて作るデザインが気に入っています。 […]

1 2 3 4 5 32