WebDesigner's Memorandumウェブデザイナーの備忘録

ウェブ制作 デザイン

Sketchでデザインを作成するときの基本的な操作方法

Sketchでデザインを作成するときの基本的な操作方法

SafariのURLメニュー部分も考慮できるCSSの単位「dvh」

SafariのURLメニュー部分も考慮できるCSSの単位「dvh」

HTMLタグの入力をラクにするスニペット集

HTMLタグの入力をラクにするスニペット集

Figmaでカラーやテキストのスタイルをまとめて登録するプラグイン「Styler」

Figmaでカラーやテキストのスタイルをまとめて登録するプラグイン「Styler」

Figmaでモックアップをすばやく作成する「Mockuuups Studio」

Figmaでモックアップをすばやく作成する「Mockuuups Studio」

Figmaでデザインデータ上の画像を圧縮してファイルサイズを軽くする「Downsize」

Figmaでデザインデータ上の画像を圧縮してファイルサイズを軽くする「Downsize」

コードスニペットの管理方法や命名規則について

コードスニペットの管理方法や命名規則について

WordPressで作成した記事をSlackでシェアしたときに、抜粋文が長く表示される場合の対処法

WordPressで作成した記事をSlackでシェアしたときに、抜粋文が長く表示される場合の対処法

Ulyssesで記号を使ったマークアップを無効化する方法|毎回エスケープするのが面倒なときに使える

Ulyssesで記号を使ったマークアップを無効化する方法|毎回エスケープするのが面倒なときに使える

Figmaで画面遷移図やフローチャートをつくるときに線を自動で引いてくれるプラグイン「Autoflow」

Figmaで画面遷移図やフローチャートをつくるときに線を自動で引いてくれるプラグイン「Autoflow」

Figmaで様々なグラフ・チャートが作れて、詳細な見た目の設定もできるプラグイン「Chart」

Figmaで様々なグラフ・チャートが作れて、詳細な見た目の設定もできるプラグイン「Chart」

液体が垂れているような図形「流体シェイプ」の作り方