Webデザイン
このタグが付いた記事
21件の記事
記事一覧
-
再び、記事一覧のデザイン変更
11:58:45 昨日、codexとこちらのブログのデザイン変更を行った https://github.com/ki-hi-ro/ki-hi-ro.com-2022/commit/…
/ 記事を読む -
マスの整列を分かりやすくした
以下のように、絵文字のバツと中央のFREEが、マスの整列を乱していた。 マスが整然と並び、視覚的に分かりやすくなった ソースコードの修正箇所 コミットURL https://git…
/ 記事を読む -
画像の「フェードアウト」と「ふわっと出現」を実現したページ
2年くらい前に作成したページを公開する。 そのページはこちら 名古屋 | ki-hi-ro.com 画像のフェードアウトの参考ページ こちらのサイトは、2024年8月末から、書籍購…
/ 記事を読む -
Storybookを試してみた
Storybookは、UIコンポーネントのカタログです。 Storybookの存在は以下の本を読んだ時に知りました。 TypeScriptとReact/Next.jsでつくる実践W…
/ 記事を読む -
ローディングアニメーションを作成してみた
年末あたりに、知り合いのWEBデザイナーさんからコーディングの依頼が来ると思います。 事前準備として、jQueryを使用したローディングアニメーションの学習ブログを書いておきます。…
/ 記事を読む -
vuetify
vuetifyについて調べてみました。 vuetifyとは？ Vue.jsのUIフレームワークです。 始め方 https://next.vuetifyjs.com/en/getti…
/ 記事を読む -
Illustratorから画像を書き出す方法
先日行ったLPのコーディングで、Illustratorのデザインからコーディングを行いました。 これまではadobeXDからコーディングすることが多かったので、Illustrato…
/ 記事を読む -
デザインカンプ固有のフォントをCSSで再現する方法
先日LPコーディングを行った際に、XDのデザインデータで指定されていたフォントを完全に再現することが出来なかったので、CSSでデザインのフォントを再現するにはどうすればいいのかにつ…
/ 記事を読む -
デザインカンプを作ってみます
これまでに、WEBデザインを作成する機会があまりなかったので、WEBデザインもやってみようと思いました。 そこで、こちらの参考サイト(PLANT)をXDで再現してみます。 PLAN…
/ 記事を読む -
売れる商品画像の作り方
先日、有り難いことに商品画像を作成する機会を頂けたので、売れる商品画像の作り方についてググりました。その中で得られた情報をまとめてアウトプットしていきます。 実物を手に取れない代わ…
/ 記事を読む
