インハウスブランド名鑑「つくって終わらない」ブランドづくりの裏側を切り取る試み、インハウスブランド名鑑の特設サイト
機能・要素から探すWebデザイン参考ギャラリー・リンク集 | Web Design Garden | 毎日更新！Webデザイン参考ギャラリーサイト
ARCH. | Leading Influencer Marketing Agency for Games and Apps
メールフォームサービス/API/ASP/Saas | SSGform
SSGformに登録すると、専用のフォームURLを発行することができます。そのURLに対してformデータをPOSTするだけで、内容を記載した通知メールをあなたにお届けします。フォームの内容はname属性の存在が必須なこと以外は自由にコーディングしていただけます。 既にフォームが存在する場合は、そのフォームの送信先を変更するだけ。POST形式で送信さえできれば、Github PagesやNetlify、Render、Cloudflare Pagesと、デプロイ先を選びません。メール送信プログラムが動かない環境での利用はもちろん、セキュリティ向上のためにできる限りプログラム部分を廃したい場合にもお勧めです。 <form action="https://ssgform.com/s/AbcDeFgHiJkL" method="post"> <input type="text" name="お名前
[Stripe x Cloudflareワークショップ] Astroを使って、サブスクリプション申し込みページを作ろう
[Stripe x Cloudflareワークショップ] Astroを使って、サブスクリプション申し込みページを作ろう
![[Stripe x Cloudflareワークショップ] Astroを使って、サブスクリプション申し込みページを作ろう](https://cdn-ak-scissors.b.st-hatena.com/image/square/874e75b6580735f12601fd23d6c62cd41b66f339/height=288;version=1;width=512/https%3A%2F%2Fstatic.zenn.studio%2Fimages%2Flogo-only-dark.png)
Modern CSS For Dynamic Component-Based Architecture | Modern CSS Solutions
Modern CSS For Dynamic Component-Based Architecture Updated on: Apr 24, 2024 Written by Stephanie Eckles The language of CSS has had an explosion of new features and improvements in the last few years. As a result, feature parity between browsers is at an all-time high, and efforts are being made to continue releasing features consistently and synchronously among evergreen browsers. Today, we will
パフォーマンスの高みを目指せ！ CDNのエッジサーバーでSSR - CloudflareでViteを動かす手順 - ICS MEDIA
パフォーマンスの高みを目指せ！ CDNのエッジサーバーでSSR - CloudflareでViteを動かす手順 ウェブサイトの高速化はあらゆるウェブ制作者の悲願です。1ミリ秒でも早くコンテンツを届けるために、エンジニアたちは血と汗と涙を流します。しかし、ウェブサイトの高速化は、ウェブサイトの構成要素を最適化するだけでは実現できません。 大きな課題として次の2つが挙げられます。 コンテンツの転送量が大きく、表示までに時間がかかる 物理的なクライアント/サーバー間の距離が遠く、転送に時間がかかる これらの課題を解決するため、様々な技術が発展してきました。今回はその中でもSSR（サーバーサイドレンダリング）と、CDN（コンテンツデリバリーネットワーク）に注目します。 本記事ではSSRとCDNの概念について解説し、実際にCloudflareというCDNからコンテンツを配信する方法を紹介します。フレ
CSSだけで実現できるスクロール連動アニメーションの紹介
この機能は2023年8月現在、ChromeやEdgeなどのChromiumベースのブラウザーではサポートされていますが、他のブラウザーではサポートされていません。 使用する場合はブラウザーのサポート状況を確認してから使用することをお勧めします。 皆さんはスクロール連動型アニメーションをご存知でしょうか？ スクロール連動型アニメーションとは、スクロール量に応じてアニメーションを発生させることができるCSSの機能です。 この機能を活用することでJavaScript不要でユーザーのマウススクロールに応じたアニメーションを実装することができます。 従来のanimationのCSSに加えて、animation-timelineというプロパティを指定することでアニメーションの進行度をスクロール量に応じて変化させることができます。 スクロール連動型アニメーションの使用例 使用例1.（パララックス） パラ
ChatGPTに聞く：Next.jsでNotion APIを使ったお知らせページを作成
ChatGPTに聞く：Next.jsでNotion APIを使ったお知らせページを作成自力でコードは書かず、ChatGPTを使ってToDoアプリを作っていた友人を見て、「何それ面白そう！」と思ってさっそく試してみました！今回は前から気になっていたNotion APIを使って、Next.jsでWebページ上にお知らせページを作っていきます。簡易ブログのようなものですね！ ChatGPT を使って ToDo アプリを作りながらフレームワークを学んでみた 完成形お知らせ一覧ページにタイトルを表示し、クリックしたら詳細ページに飛ぶというシンプルなもの。制作時間は 1 時間くらいでしょうか。デザインはなしで、とりあえず表示だけを目指してみました。 コード全文はGitHub で公開しているので、似たようなものを作ろうと思っていた方は参考にしてみてください。ちなみに Next.js に新規で追加したのは
モーダルと非モーダルダイアログ： 用いるべき場合とそうでない場合
モーダルダイアログはユーザーを遮って何かしらの行動を要求するものである。これはユーザーの注意を重要な情報に向けてもらうことが必要な場合には適している。 Modal & Nonmodal Dialogs: When (& When Not) to Use Them by Therese Fessenden on April 23, 2017 日本語版2017年8月24日公開 まず、モーダルダイアログと非モーダルダイアログの違いをさらに理解するために、「ダイアログ」と「モーダル」という用語の意味するところから考えてみたい。 ダイアログ（＝dialog。dialogueともいう）とは、2人の人の間で交わされる対話のことをさす。ユーザーインタフェースにおけるダイアログとは、システムとユーザーの間の「対話」であり、ユーザーへの情報や行動の要求であることが多い。 ユーザーインタフェースのモード（＝mo
UIデザインのための10のヒューリスティクスについて改めて考えてみた｜i3DESIGN Designers
はじめにこんにちは。i3DESIGNデザイナーチームです。 「ユーザーインタフェースデザインのための10のユーザビリティヒューリスティクス（10 Usability Heuristics for User Interface Design）」をご存知ですか？ https://www.nngroup.com/articles/ten-usability-heuristics/ 1994年にヤコブ・ニールセンによって提唱され、現在も多くのデザイナーが使用している、良いUIデザインの原則をまとめたリストのようなものです。 ヒューリスティック（heuristic）は、日本語では「発見的手法」と訳されます。これは、経験や先入観によって直感的に正解に近い答えを得ることができる、という思考法のことです。 ニールセン自身も、これは“経験則”であり、“ユーザビリティガイドライン”ではないとしています(上記U
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Huemint - AI color palette generator
Figr: AI-Driven UI Design & Workflow
https://svghub.vercel.app/
あなたの知らない WordPress のデメリットとリスク - コムテブログ
Figmaの思想と新機能
Cloudflare Pagesに Basic認証をかける
AIいらすとや