Illustratorの使い方を身につけたい人に! センスのよいデザインを作りながら学べる解説書 -Illustratorおてがる入門

※本ページは、アフィリエイト広告を利用しています。

Adobe Illustratorをそろそろ学びたいな、と思っている人にお勧めの解説書を紹介します。

「おてがる」とあるように本書では難しいと思われがちなIllustratorの使い方をお手軽に使いこなせるようになる一冊です。また、入門書にありがちなダサいデザインをつくって学ぶのではなく、センスのよいデザインが揃っているので、楽しく学ぶことができると思います。

Illustratorおてがる入門

続きを読む

Cursorをこれから使用する人にお勧めの解説書、コードやテキストを書くときの効率アップにつながる方法を詳しく解説 -Cursor完全入門

※本ページは、アフィリエイト広告を利用しています。

AIコードエディタのCursorってどうなの? エディタはテキスト編集にしか使わないけど役立つの? HTMLやCSSにもAIが役立つの? アプリ開発もAIでできるの? Gitとかは大丈夫?

そんな疑問を解決してくれるCursorの入門書を紹介します。入門書とは言っても内容はかなり濃く、非常に役立ちます。

本書は本日3/19が、発売日!

Cursor完全入門

続きを読む

AIなら超簡単で早い! Webサイトの構造を視覚化し、サイトマップを生成できる無料ツール -AI Sitemap Generator

最近はAIによる便利ツールが増えてきましたね。既存サイトの構造を視覚化し、ヴィジュアルサイトマップを生成できるAIツールを紹介します。

サイトマップを生成するだけでなく、コンテンツもAIで生成できるので、既存サイトの改善やリニューアルにも役立ちます。

AIなら超簡単で早い! Webサイトの構造を視覚化し、サイトマップを生成できる無料ツール -AI Sitemap Generator

AI Sitemap & Website Content Generator

続きを読む

商用でも完全に無料! ゲームだけでなく、UIデザインにもぴったりな1,440個のピクセルアイコン -Pixel Icon Library

HackerNoonのレトロなデザインにインスパイアされた、24ピクセルのグリッドで設計されたピクセルアイコンを紹介します。

アイコンは1,440個以上あり、一貫性が確保されたかわいいデザインです。Webサイト、アプリ、プロダクトなど、さまざまなプロジェクトで無料で利用できます。

ゲームだけでなく、UIデザインにもぴったりな1,440個のピクセルアイコン -Pixel Icon Library

Pixel Icon Library
Pixel Icon Library -GitHub

続きを読む

センスや感覚で判断するのではなく、使いやすさとクオリティに重視したロジカルなデザイン書 -ウェブデザインの思考法 第2版

※本ページは、アフィリエイト広告を利用しています。

Webサイトやスマホアプリの善し悪しや品質を感覚的に判断されてしまうことがあります。たとえば、デザイナーのセンスだったり、クライアントのフィーリングだったり、そういった経験はありませんか?

UIデザインの使いやすさや便利さ(機能性)とビジュアルのクオリティ(情緒性)を両立させたデザイン方法と方針策定のプロセスをロジカルに解説したデザイン書を紹介します。

ウェブデザインの思考法 第2版

続きを読む

Web制作者はダウンロードしておきたい! CSS関連の最新版チートシートのまとめ

CSS GridやFlexboxで配置するプロパティや値は? 最初の3つだけを指定するセレクタは? という「あれは何だっけ?」に役立つのが、チートシートです。

CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()displayposition、VS CodeやGitのコマンドがまとめられたチートシートを紹介します。
チートシートは高解像度版が用意されており、ダウンロードしておくと便利です。

CSS関連の最新版チートシートのまとめ

CheatSheets -GitHub

続きを読む

これは簡単で便利! CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズの定義ができるツール -Type Scale Generator

フォントのサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィのテクニックです。CSSのclamp()関数を使用するとビューポートをベースにしてフォントサイズの最小値と最大値を定義してその間の値を流動的に設定することができます。

たとえば、小さいスクリーンでは最小値の16pxに、大きいスクリーンでは最大値の24pxに設定し、その間はスクリーンサイズに応じてフォントサイズが変化する、という感じに実装できます。また、メディアクエリが一切不要というのもいいですね。

CSSのclamp()関数を使用したレスポンシブ対応のフォントサイズを簡単に定義できるオンラインツールを紹介します。

CSSのclamp()関数を使ったレスポンシブ対応のフォントサイズの定義ができるツール -Type Scale Generator

Type Scale Generator

続きを読む

無料版もある! ポテッとした太ゴシック体の愛らしい日本語フォント「風と大地の太ゴシック」が素敵すぎる!

フリーフォントの「はんなり明朝」「こころ明朝体」をはじめ、最近では「海と山のろごごち」「うさぎと満月のサンセリフ」「そばとうどん」などをリリースされているTyping Artから、新作となるフリーフォントがリリースされました!

今回は、無料版と有料版の「風と大地の太ゴシック」です。無料版はひらがな・カタカナ・英数記号文字と漢字が30文字、有料版ではそれらに加えて漢字頻出度上位の2,000文字が揃っています。

サイトのキャプチャ

風と大地の太ゴシック: 無料版
風と大地の太ゴシック: 有料版
写真: UnsplashTamara Harhaiが撮影した写真

続きを読む

top of page

©2025 coliss