活躍しているデザイナーの事例をみてインスピレーションを刺激することは、デザインの勉強にもなります。今回は、デザイナーのポートフォリオサイトを集めてみました。
http://www.onebyfourstudio.com/
http://www.31three.com/
http://abduzeedo.com/
http://www.lamalla.cl/
http://m1k3.net/
関連記事
CSSカウンターで作る番号デザイン集｜丸数字・ローマ数字・英字・STEPラベルの実装例
CSSカウンターで番号をデザインする CSSカウンターは、番号を自動で付与するだけでなく、その番号を「デザイン要素」として活用できる便利な仕組みです。 丸数字、ローマ数字、英字形式、STEPラベル、カード風など、デザイン性の高い番号表現をCSS...続きを読む
【WP】５段階評価ができる「Yet Another Stars Rating」の導入方法
商品などのレビューに評価として星がついているのを見かけることがあると思います。外部からの評価として商品購入の参考にもなります。 今回はWordPress上の記事に５つ星の評価をつけることができるプラグイン「Yet Another Stars Rating」の導入方法をご...続きを読む
Bootstrapは今も使える？Tailwind・生成AI時代に考える実務での役割
今回は、Bootstrapはもう古いのか？生成AI時代の実務から再評価してみようと思います。 「今はTailwind CSSや独自CSSの時代だ」 「Bootstrapはもう役割を終えた」 こうした言葉を、制作現場や技術記事の中で、 ここ数年、...続きを読む
【JavaScript】マウスオーバーでTooltips（吹き出し）を表示するライブラリまとめ
グラフィカルユーザインタフェース（GUI）において普及した表現手法のひとつにTooltips（ツールチップ）と呼ばれるものがあります。カーソルを合わせたときに吹き出しなどの小さな枠が表示され、補足の説明が表示される表現方法です。 今回は、Tooltips（吹き出し）を実...続きを読む
【JavaScript】文字設定をレスポンシブ対応してくれるライブラリ『FlowType』
『FlowType』はレスポンシブデザインのサイトにおいて、横幅の変化に応じて設定されている文字の大きさや行の高さを自動的に調整をしているJavaScriptライブラリです。 イメージ ダウンロード ライブラリのダウンロードはこちらから行うことが出来ます。 ...続きを読む