- HTML/CSS
「このサイト、なんか安っぽく見えるんですけど」─ コーディングだけで”高級感”を出す5つのCSS技法
こんにちは！株式会社ファストコーディングの働くおかんです。 先日、子どもの誕生日ケーキを手作りしたんです。味は悪くないはずなのに、見た目がどうにも「手作り感」全開で。隣に並べたお店のケーキと比べると、同じイチゴでも盛り付 […]
- HTML/CSS
“UIが綺麗なのに売れない”案件が多い理由
株式会社ファストコーディングで営業を担当しています長谷川と申します。お客様とお話ししていて気づいたことや、フロントエンド開発・コーディング制作界隈で最近流行っていることを書いていこうと思っております。どうぞ宜しくお願いし […]
- HTML/CSS
離脱せず読まれる！”読み物”として最後まで読ませるHTMLレイアウト術
おはようございます！株式会社ファストコーディングの働くおかんです。 先日、子どもの学校の保護者会でもらった紙のお便りを読んでいたんですが、A4にびっしり文字が詰まっていて、正直どこを読めばいいのか分からなかったんですよね […]
- HTML/CSS
視線が自然に流れる！スプリットレイアウト提案
おはようございます！株式会社ファストコーディングの働くおかんです。 先日、上の子と一緒に図鑑を読んでいたんですが、左ページに大きな写真、右ページに説明文という構成がすごく読みやすくて。子どもも写真をじーっと見てから「これ […]
- HTML/CSS
ブランドに”動き”を与える！CSSアニメーションの効果的提案
CSSアニメーションでブランドの世界観を効果的に表現する方法を解説。文字の1文字ずつ出現、SVGロゴ描画、グラデーション背景など、JavaScriptなし で実装できる3つの技術を実例コード付きで紹介。UI/UX改善に役立つ実践的なテクニックが満載です。
- HTML/CSS
「戻ってきた人にだけ揺らす」─ リターンユーザー用のCTAアニメ
リターンユーザーだけに表示する「軽いCTAアニメーション」でコンバージョン率15％アップ！sessionStorageを活用し、パフォーマンスを損なわず自然に注意を引く実装法を、HTML/CSS/JavaScriptのコード付きで解説します。
- HTML/CSS
動きすぎないのが心地いい！さりげないJSアニメーションの作り方
Web制作で役立つ「さりげないアニメーション」の実装例を紹介。タイプライター風テキスト、背景グラデーション、通知バッジのバウンス、FAQ矢印の回転など、軽量で心地よいUIをJavaScriptとCSSで実現する方法を解説します。
- HTML/CSS
40代ユーザーに響く！配色とタイポグラフィのCSS最適化
40代以上のユーザーに「読みやすい」体験を届けるためのCSS改善ポイントを解説。フォント設計、配色、レイアウト、インタラクション、パフォーマンスまで実務で役立つ具体例を紹介します。
- HTML/CSS
キービジュアルやバナー制作で使える！ 印象的な「文字組み」を作るアイディア。
こんにちは。FASTCODING UI/UXデザイナー、一富士二鷹三茄子です。 バナーやサイトのキービジュアルを制作する際、文字のデザインで悩んでしまう事はありませんか？ キービジュアルの制作においては素材も大切ですが、 […]
