Webサイトで、スクロールに合わせて要素が表示されるアニメーションを見かけたことはありませんか？ こうした演出はJavaScriptで実装されることが多いですが、Scroll-driven Animations を使えば […]

画面切り替えにアニメーションを付けたいとき、 CSSでアニメーションを設定 transform で移動や拡大を制御 JavaScriptで表示切り替え …と、意外とやることが多くなりがちです。 特に、 一覧 → 詳細 サ […]

Webサイトを制作していると、 見出しの改行位置が微妙… レスポンシブでバランスが崩れる… そんなときに便利なのが text-wrap: balance です。 h2 { text-wrap: balance; } たっ […]

はじめに 本書は、大企業に勤める主人公・広川洋一が、子会社である新日本メディカル社（売上20億円、従業員100名）に赴任し、まったく売れていなかった製品を立て直し、年間売上8億円の事業部を3年で20億円規模へと成長させる […]

会社の会議を明るく・楽しく！ということで、大喜利を始めてみました。 お題は、弊社がメッセ名古屋に出展するということで 「こんな展示会はイヤだ！」 です。 AIにイラストも作って大喜利をしてもらいました。   & […]

Laravelでお問い合わせフォームなどを作成する際、バリデーションエラーなどで送信できずに入力画面へ戻ることがあります。このとき、ユーザーが入力した値が消えてしまうと再入力の手間がかかりますが、Laravelでは簡単な […]

前回は、@layer を使うことで「CSSの優先順位をグループ単位で管理できる」ことを解説しました。 今回はその続きとして、 *HTML側でも layer 属性は使える * CSSファイルをレイヤーごとに分ける方法 * […]

プルリクエストとは？ 自分の作業が完了して他の人にレビューをもらいたい&マージしてほしいときに、プルリクエスト(pull request)を作成します。 プルリクエストを活用することで、変更内容のレビューや履歴管 […]