【デザイン】デザイナーポートフォリオサイト

designer-portfolio-web-site

活躍しているデザイナーの事例をみてインスピレーションを刺激することは、デザインの勉強にもなります。今回は、デザイナーのポートフォリオサイトを集めてみました。

http://www.onebyfourstudio.com/

One-by-Four

http://www.31three.com/

31Three

http://abduzeedo.com/

Abduzeedo-Design-Inspiration

http://www.lamalla.cl/

LaMalla

http://m1k3.net/

Dick

関連記事

CSSカウンターで作る番号デザイン集|丸数字・ローマ数字・英字・STEPラベルの実装例

CSSカウンターで番号をデザインする CSSカウンターは、番号を自動で付与するだけでなく、その番号を「デザイン要素」として活用できる便利な仕組みです。 丸数字、ローマ数字、英字形式、STEPラベル、カード風など、デザイン性の高い番号表現をCSS...続きを読む

2025.11.17CSSHTMLコーディング

生成AIパスポート合格への学習ロードマップ|2026年を見据えて「判断できる軸」を身につける

生成AI(ChatGPTなど)を仕事に取り入れたい。 そう思って情報を集めてみたものの、 「どこまで使っていいのか分からない」「間違えたら怖い」「責任は誰が持つの?」 と、手が止まってしまう方は少なくありません。 ...続きを読む

2025.12.23生成AIパスポート

【WP】WEBカタログのようなギャラリーを作成することができる『Page Flip Image Gallery』

説明書やページ数のあるカタログをサイトに公開するとき、ページをペラペラとめくることができるWEBカタログの形式で公開したいときがあります。 しかしWEBカタログはページをめくるアニメーションやボタン操作などFlashやJavascriptなどを用いた開発が必要となるので...続きを読む

2015.02.19WordPress

AI時代でも陳腐化しないCSS設計の本質とは

生成AIを使ったHTML/CSSコーディングが当たり前になり、 「コードを書くスピード」そのものは、以前よりも確実に上がりました。 一方で、こんな感覚はありませんか? ・その場では便利だったはずのCSSが、あとから触れなくなる ・生成A...続きを読む

2026.01.16AI活用CSS生成AI

【HTML】Bootstrapの基本「マージン」と「パディング」

『Bootstrap』は、フロントエンドのフレームワークとオープンソースプロジェクトです。『Bootstrap』は、CSS、JS、およびフォントが基本セットになっています。HTMLのテンプレートソースを組み合わせて、レスポンシブ対応のサイト制作が可能です。 『Boots...続きを読む

2018.08.09BootstrapHTMLコーディング