背景をゆっくり動かすグラデーションをCSSで作る|コピペで使える4種類と、速さの目安・止める方法
背景のグラデーションをゆっくり動かす表現を、CSSだけで作る方法です。コピペで使える4種類と、速さの目安、上にのせる文字の読みやすさ、動きを減らす設定への配慮、見る人が止められるボタンまでまとめました。
KAKERU Designing
背景のグラデーションをゆっくり動かす表現を、CSSだけで作る方法です。コピペで使える4種類と、速さの目安、上にのせる文字の読みやすさ、動きを減らす設定への配慮、見る人が止められるボタンまでまとめました。
KAKERU AI NEWS
Googleは2026年10月22日(米国時間)、Google Meetの音声翻訳(Speech translation)が63言語に広がったと発表しました。これまでは会議ごとに1つの言語の組み合わせを決めて使う仕組みで…
KAKERU AI NEWS
Anthropicは2026年10月23日(米国時間)、会社向けのプランClaude Enterpriseで、チャットとCowork(仕事をまるごと任せるClaude)が1つになったと発表しました。9月にPro・Maxプ…
KAKERU Designing
文字を1文字ずつ出すタイピング風の動きを、CSSのアニメーションだけで作る方法です。コピペで使える3種類と、steps()の数の決め方、日本語と英数字の数え方の違い、短い一文に1か所だけ使う判断までまとめました。
KAKERU Designing
ボタンを光らせる・脈打たせる動きを、CSSのアニメーションだけで作る方法です。コピペで使える4種類と、速さの目安、動きを減らす設定への配慮、1ページに1つ・回数を決めて止める判断までまとめました。
KAKERU AI NEWS
KAKERU AI NEWSでは、AIの「何が変わった?」を仕事目線で整理しています。この記事は、10月19日(月)〜23日(金)に公開した8本を1本にまとめた週のふり返りです。 忙しくて毎回は読めなかった方に向けて、各…
KAKERU AI NEWS
Googleは2026年10月21日(米国時間)、Gemini Notebook(旧NotebookLM)でスライド資料(Slide Deck)と動画解説(Video Overview)を作るときの流れを新しくしたと発表…
KAKERU Designing
写真の高さがばらばらな一覧を、CSSのaspect-ratioとobject-fitでそろえる方法です。16:9のカード・正方形のサムネイル・残す場所の決め方・切らずに全体を見せる形と、値を変えたときの違い、切る・切らないの判断をまとめました。
KAKERU Designing
ページの先頭へ戻るボタンを、リンク1つとCSSで作る方法です。スクロールしたら出す形・読んだ量の輪っか・ページの終わりの文字のリンクと、大きさの目安、キーボードと読み上げへの配慮までまとめました。
KAKERU AI NEWS
Anthropicは2026年10月22日(米国時間)、AIに仕事のやり方を教える「スキル」の決まり「Agent Skills」を、Linux Foundationの下にある中立の団体「Agentic AI Founda…
KAKERU AI NEWS
Microsoftは2026年10月21日、Microsoft CopilotのCowork(コワーク)に、営業・サポート・教育・法務の4つの職種向けプラグインを加えたと発表しました。あわせて、ほかの業務システムで何かが…
KAKERU Designing
スクロールしてもヘッダーが上に残る形を、CSSのposition: stickyで作る方法です。見出し・表の見出し行・横の目次の固定、止まらないときに見直す3つの場所、スマホとキーボードでの配慮までまとめました。
KAKERU AI NEWS
Anthropicは2026年10月21日(米国時間)、新しいアプリ「Claude Duet」の研究プレビューを始めました。いつものClaudeは、こちらがチャットを開くまで待っています。Claude Duetは逆で、C…
KAKERU AI NEWS
Googleは2026年10月20日(米国時間)、Geminiアプリに小さな会社の経営者向けの新しい道具を加えると発表しました。ビジネス用のページ、Canva・Shopifyなどとのアプリ連携、会社のブランドのスタイルを…
KAKERU Designing
横にスクロールすると1枚ずつピタッと止まるスライドを、CSSだけで作る方法です。scroll-snapの止め方の違い、1枚の幅の決め方、キーボードで動かせるようにする配慮、自動で切り替えない理由までまとめました。
KAKERU AI NEWS
Microsoftは2026年10月19日、PowerPointのCopilotに「対話型スライド」(英語名:interactive slides)を作るスキルを追加したと発表しました。作りたい1枚を言葉で説明すると、C…
KAKERU AI NEWS
Notion AIは、文章の手直しから、エージェントにデータベースの整理まで任せられるところまで来ました。そのぶん「どのモデルを選べばいいのか」「AIをどれだけ使っていて、いくらかかっているのか」が分かりにくくなっていま…
KAKERU Designing
カードを横に並べて、入りきらない分を自動で次の行へ折り返すCSSグリッドの作り方です。auto-fillとauto-fitの違いを並べて比べ、ボタンの位置をそろえるカード、狭い画面でもはみ出さない書き方、列の数を自分で決めるべき場所までまとめました。