クモのようにコツコツと

フロントエンドエンジニア イイダリョウのブログ。略称「クモコツ」

【indeed】Webデザイナー求人件数を都道府県別に調べてグラフにした(2019年3月版)

求人サイトは転職したい人だけのものではありません。今、業界全体で求められていること、その中での自分の位置付けなどを客観的に市場調査できます。特に複数の求人サイトや企業の求人ページを横断検索できる「indeed」は便利です!今回はWebデザイナーの求…

Webデザイナーに必要なスキルと代表的な7つのキャリアパス

Webデザイナーになるために必要なスキルは何か。そしてその次のキャリアパスはどんな道があるのか。道は決して一本ではなく多岐に渡ります。UXベン図の3スキル「ビジネス」「デザイン」「テクノロジー」それぞれに特化した代表的な7つのキャリアパスを解説し…

【WordPress】All-in-One WP Migration(全移行)とDeMomentSomTres Export(一部移行)の違い

PHP

WordPressのデータ移行。以前はダッシュボードで完結しない複雑な作業でした。最近は良いプラグインのおかげでダッシュボードだけで移行がしやすくなりました!コンテンツの全移行は「All-in-One WP Migration」、一部移行は「DeMomentSomTres Export」がお…

【デザイン】基本がわかる6記事(メリハリ、縦横比率、画面分割、タイポ、色相環、配色)まとめ

デザインってどうやるの?むずかしそう。自分にできるのかな?私もそう思っていました。デザインにはいくつかの「基本原則」があります。その原則をギュッと凝縮した6記事をご紹介。「これを読めば独学デザイナーでもデザインに取り組める!」を目指して書き…

【配色の基本】面積比(メイン、アクセント、ベース)と色相分割【Adobe Color CC】

前回、様々な色相環を見ていきました。今回はいよいよ複数の色を組み合わせた「配色」の基本に入っていきます!複数の色はいったいどうやって選んでいったらいいのか?目的によって変わります。「主従をつける配色」「同等に分類する配色」の2つの目的で考え…

【配色】色相環のH値をいろいろ測ってみた(HSB、マンセル、オストワルト、PCCS、Web配色ツール)

デザインの配色はRGBやCMYKよりもHSBを使った方が検討しやすいです。しかし、HSBの中の「H値(色相)」について調べるたところ、一筋縄ではいかないことがわかりました。色相環にはHSB色空間、表色系(マンセル、オストワルト、PCCS)、Web配色ツールなどの…

【行長・行間・ジャンプ率】タイポグラフィ事始め(適度な箱組みとは)

タイポの道も一歩から。文字のデザイン「タイポグラフィ」。様々な要素がありとっても奥が深い世界です。まずは見出しと本文を組み合わせて「箱組み」を組んでみます!ポイントは「行長」「行間」「ジャンプ率」です。

【画面分割】シンメトリー、黄金分割、白銀分割、グリッドシステムなどを一覧にしてみた

前回は画面の「アスペクト比(縦横比率)」を見ていきました。今回は画面の「分割」です。デザイン、レイアウトにおいてメイン要素、サブ要素を配置する際に画面をどこで分割するか?シンメトリー、黄金分割、白銀分割、3分割など「分割比」による分割と、あ…

【黄金比、白銀比】代表的なアスペクト比(縦横比率)を一覧にしてみた

デザイン上でよく使われるアスペクト比(縦横比率)。なんとなく言葉としては理解しているんだが実際の形状を並べて一眼で比較できるよう、一覧にしてみた。

【擬似クラス:target】CSSのみでハンバーガーメニューを作る

スマホの小さい画面でメニューをしまっておくのによく使われるハンバーガーメニュー 。これまではJSのクリックイベントでclass名を追加して実現してました。擬似クラス:targetを使うとCSSだけで実現できると知って試してみた。