ソースコードを編集するVSCodeで使える、知っておくと便利な拡張機能を５つご紹介します。

VSCodeの便利な拡張機能5選

WordPress開発で、フォームや会員サイトなど、よく利用する便利なプラグインについてまとめました。

WordPress開発に便利！入れておきたいおすすめプラグイン

WordPressのローカル開発環境を用意するための、XAMPP（ザンプ）の導入方法とWordPressのインストールまでを簡単にまとめました。

ノンエンジニアによるWordPress開発 〜ローカル環境の作り方[XAMPP]

デザインをする上で、錯視は避けて通れないものです。WebサイトやUIのデザインで遭遇しやすい図形周りの錯視と調整の一例です。

錯視を考慮した細部のデザイン〈三角と四角と円〉

横スクロールサイトを実現するJSライブラリ「Locomotive Scroll」が中々面白かったので触ってみたので、設定方法を簡単にまとめました。

JavaScriptライブラリ「Locomotive Scroll」を使って横スクロールサイトを遊んでみた

「UI/UXって何？」と云う方に、ゲームや建物の構造など日常的な例を用いて何となく理解してもらう方法を考えてみました。

UI/UXを何となく理解してもらう方法

女子度が上がるPhotoshop用のピンクの加工フィルターです。夢かわいい系から爽やかな色味、オールドムービーのニュアンスまで作ってみました。商用無料でダウンロードできます。

Photoshopで使える、女子力高まるピンクの加工フィルターを作ってみた【無料ダウンロード】

日本語のバリアブルフォントがついにリリースされたので、Webフォントとして使ってみます。

バリアブルフォントをWebフォントとして使う

Facebook Graph APIの利用申請に関する体験談です。BiNDupではWebページ内にInstagramギャラリーを貼り付けるための連携に必要でしたが、参考にしてください。

Facebook Graph APIの利用申請を8回リジェクトされた話

Unsplash API × Next.js による写真検索アプリの実装方法について、npm パッケージの導入から開発用 Next.js 起動までの手順を解説します。

Unsplash API 入門② デモアプリ実装編【npm パッケージ導入 ~ Next.js 起動まで】

Node.jsのファイル入出力処理について紹介します。

Node.jsのファイル入出力まとめ

HTMLメールのデザインから構築までに役立ちそうな情報やツールなどをまとめました。

HTMLメール作成のためのデザイン方法や便利なツール

Unsplash API の利用開始方法について、開発者カウントの作成と認証キー発行に分けて解説します。

Unsplash API 入門① 利用開始編

ノンエンジニアがECプラットフォーム「Shopify」のカスタマイズついてまとめました。今回はデフォルトテーマ「Debut」の構成を解説

ノンエンジニアがECプラットフォームShopifyを始めて分かったこと②構造編

今とても勢いのあるプログラミング言語TypeScriptについて紹介します。

今アツいプログラミング言語！TypeScriptに迫る！

マーケティングに理解がある現役Webデザイナーによる、UXとは結局何なのかの見解をまとめました。

現役Webデザイナーによる、UXって結局なんなのをスッキリさせる

jQuery アニメーションと画像API「Unsplash Source」を用いて、シンプルなスライドショーの実装方法について解説します。

jQuery × Unsplash Sourceでお手軽スライドショー入門

自分の勉強の意味合いも含めECサービス「Shopify」について主にデザインカスタマイズの面でノンエンジニアがまとめます

ノンエンジニアがECプラットフォームShopifyを始めて分かったこと①デザインカスタム編

前回の記事で登場したReactについて、基本的なコンポーネントの機能について紹介していきます。

React入門 ～その2～

Web制作でフォントに関する個人的に良く利用するサイトについてまとめました。いずれも基本無償提供・利用可能です。

Web制作でお手軽にフォントを扱う方法についてまとめました

Web制作にまつわる素材周りで個人的に良く利用するサイトについてまとめたいと思います。いずれも無償提供・利用可能なものです。

Web制作で良く使う素材サイトについてまとめました

従来の画像ファイル形式より軽量かつ、可逆/非可逆圧縮・透過・アニメーションに対応したGoogle製の次世代画像フォーマット「WebP（ウェッピー）」についてのお話です。

軽くてマルチな次世代画像フォーマット「WebP」

Reactについて、JavaScriptはある程度分かるけどjQueryぐらいしか使ったことないという方へ向けて、まずは触りだけを紹介していきます。

React入門 ～その１

個人的にCSSでついつい使い方を忘れて毎回調べ直ししがちなものを、備忘録的にまとめてみました

CSSのあれ何だっけ？