今回は写真を簡単にいい感じにできるPhotoshopのカラールックアップについて解説します。 カラールックアップは調整レイヤーなので気軽に変更でき、大胆にイメー…

今回のPhotoshopチュートリアルでは、ジャングルに隠れるゴリラを合成し、自然に見えるようなじませる方法と仕上げとして簡単に画像が良い感じになる調整レイヤー…

timeタグとは日にちや時間などの時を表すhtmlタグとなります。timeタグのdatetime属性やitemprop属性を用いることで検索エンジンに日時を伝え…

今回はWordpressで公開日と最終更新日の表示させる方法を記載します。<time>タグを使用することでSEO対策にも効果的という可能性があるのでぜひご…

photoshopのリンクファイルは大変便利なのですがチーム内や他社さんとpsdファイルなどを共有する際リンクのエラーがでることが多々あります。 皆さんも一度は…

今回はcssのmix-blend-modeについてご紹介します。 mix-blend-modeは背景と要素のブレンド方法を指定するプロパティです。 Photos…

Parallax(パララックス)とは日本語では視差のことで、ウェブデザインでは一般的には画面のスクロールに応じてコンテンツ間またはコンテンツと背景のスピードを変…

position: sticky ;はヘッダーやコンテンツなど指定した要素がスクロールした際に指定した位置に固定されるプロパティです。 今回はposition:…

ウェブサイトでYouTubeを埋め込む際にレスポンシブ対応させる方法を記します。 デモ まずはデモをご確認ください。 DEMO CSSで対応する2種類の方法 a…

Photoshopのアップデートに際して毎回行っているおすすめの環境設定と キーボードショートカットの変更を記します。 おすすめの環境設定 「編集>環境設…